diff --git a/.gitignore b/.gitignore
index c2773bb5ad..f7927724d5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,7 +9,6 @@
 *.cs
 *.sln
 *.csproj
-*.txt
 *.map
 *.swp
 .DS_Store
diff --git a/acl/tsconfig.json b/acl/tsconfig.json
index 96724a58aa..d4ffafa7de 100644
--- a/acl/tsconfig.json
+++ b/acl/tsconfig.json
@@ -15,6 +15,8 @@
     },
     "files": [
         "index.d.ts",
-        "acl-tests.ts"
+        "acl-tests.ts",
+        "acl-mongodbBackend-tests.ts",
+        "acl-redisBackend-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/adal/tsconfig.json b/adal/tsconfig.json
index 6afc0c793f..e8a928a6ac 100644
--- a/adal/tsconfig.json
+++ b/adal/tsconfig.json
@@ -15,6 +15,8 @@
     },
     "files": [
         "index.d.ts",
-        "adal-tests.ts"
+        "adal-tests.ts",
+        "adal-angular.d.ts",
+        "adal-angular-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/ag-grid/ag-grid.d-2.1.2.ts b/ag-grid/ag-grid.d-2.1.2.ts
deleted file mode 100644
index 615dc066cb..0000000000
--- a/ag-grid/ag-grid.d-2.1.2.ts
+++ /dev/null
@@ -1,1992 +0,0 @@
-// Type definitions for ag-grid v2.1.2
-// Project: http://www.ag-grid.com/
-// Definitions by: Niall Crosby <https://github.com/ceolter/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace ag.grid {
-    class ColumnChangeEvent {
-        private type;
-        private column;
-        private columnGroup;
-        private fromIndex;
-        private toIndex;
-        private pinnedColumnCount;
-        constructor(type: string);
-        toString(): string;
-        withColumn(column: Column): ColumnChangeEvent;
-        withColumnGroup(columnGroup: ColumnGroup): ColumnChangeEvent;
-        withFromIndex(fromIndex: number): ColumnChangeEvent;
-        withPinnedColumnCount(pinnedColumnCount: number): ColumnChangeEvent;
-        withToIndex(toIndex: number): ColumnChangeEvent;
-        getFromIndex(): number;
-        getToIndex(): number;
-        getPinnedColumnCount(): number;
-        getType(): string;
-        getColumn(): Column;
-        getColumnGroup(): ColumnGroup;
-        isPivotChanged(): boolean;
-        isValueChanged(): boolean;
-        isIndividualColumnResized(): boolean;
-    }
-}
-declare namespace ag.grid {
-    class Utils {
-        private static isSafari;
-        private static isIE;
-        static iterateObject(object: any, callback: (key: string, value: any) => void): void;
-        static cloneObject(object: any): any;
-        static map<TItem, TResult>(array: TItem[], callback: (item: TItem) => TResult): TResult[];
-        static forEach<T>(array: T[], callback: (item: T, index: number) => void): void;
-        static filter<T>(array: T[], callback: (item: T) => boolean): T[];
-        static assign(object: any, source: any): void;
-        static getFunctionParameters(func: any): any;
-        static find(collection: any, predicate: any, value: any): any;
-        static toStrings<T>(array: T[]): string[];
-        static iterateArray<T>(array: T[], callback: (item: T, index: number) => void): void;
-        static isNode(o: any): boolean;
-        static isElement(o: any): boolean;
-        static isNodeOrElement(o: any): boolean;
-        static addChangeListener(element: HTMLElement, listener: EventListener): void;
-        static makeNull(value: any): any;
-        static removeAllChildren(node: HTMLElement): void;
-        static removeElement(parent: HTMLElement, cssSelector: string): void;
-        static removeFromParent(node: Element): void;
-        static isVisible(element: HTMLElement): boolean;
-        /**
-         * loads the template and returns it as an element. makes up for no simple way in
-         * the dom api to load html directly, eg we cannot do this: document.createElement(template)
-         */
-        static loadTemplate(template: string): Node;
-        static querySelectorAll_addCssClass(eParent: any, selector: string, cssClass: string): void;
-        static querySelectorAll_removeCssClass(eParent: any, selector: string, cssClass: string): void;
-        static querySelectorAll_replaceCssClass(eParent: any, selector: string, cssClassToRemove: string, cssClassToAdd: string): void;
-        static addOrRemoveCssClass(element: HTMLElement, className: string, addOrRemove: boolean): void;
-        static addCssClass(element: HTMLElement, className: string): void;
-        static offsetHeight(element: HTMLElement): number;
-        static offsetWidth(element: HTMLElement): number;
-        static removeCssClass(element: HTMLElement, className: string): void;
-        static removeFromArray<T>(array: T[], object: T): void;
-        static defaultComparator(valueA: any, valueB: any): number;
-        static formatWidth(width: number | string): string;
-        /**
-         * Tries to use the provided renderer.
-         */
-        static useRenderer<TParams>(eParent: Element, eRenderer: (params: TParams) => Node | string, params: TParams): void;
-        /**
-         * If icon provided, use this (either a string, or a function callback).
-         * if not, then use the second parameter, which is the svgFactory function
-         */
-        static createIcon(iconName: any, gridOptionsWrapper: any, colDefWrapper: any, svgFactoryFunc: () => Node): HTMLSpanElement;
-        static addStylesToElement(eElement: any, styles: any): void;
-        static getScrollbarWidth(): number;
-        static isKeyPressed(event: KeyboardEvent, keyToCheck: number): boolean;
-        static setVisible(element: HTMLElement, visible: boolean): void;
-        static isBrowserIE(): boolean;
-        static isBrowserSafari(): boolean;
-    }
-}
-declare namespace ag.grid {
-    class Constants {
-        static STEP_EVERYTHING: number;
-        static STEP_FILTER: number;
-        static STEP_SORT: number;
-        static STEP_MAP: number;
-        static ASC: string;
-        static DESC: string;
-        static ROW_BUFFER_SIZE: number;
-        static MIN_COL_WIDTH: number;
-        static SUM: string;
-        static MIN: string;
-        static MAX: string;
-        static KEY_TAB: number;
-        static KEY_ENTER: number;
-        static KEY_BACKSPACE: number;
-        static KEY_DELETE: number;
-        static KEY_ESCAPE: number;
-        static KEY_SPACE: number;
-        static KEY_DOWN: number;
-        static KEY_UP: number;
-        static KEY_LEFT: number;
-        static KEY_RIGHT: number;
-    }
-}
-declare namespace ag.grid {
-    class Column {
-        static colIdSequence: number;
-        colDef: ColDef;
-        actualWidth: any;
-        visible: any;
-        colId: any;
-        pinned: boolean;
-        index: number;
-        aggFunc: string;
-        pivotIndex: number;
-        sort: string;
-        sortedAt: number;
-        constructor(colDef: ColDef, actualWidth: any);
-        isGreaterThanMax(width: number): boolean;
-        getMinimumWidth(): number;
-        setMinimum(): void;
-    }
-}
-declare namespace ag.grid {
-    class ColumnGroup {
-        pinned: any;
-        name: any;
-        allColumns: Column[];
-        displayedColumns: Column[];
-        expandable: boolean;
-        expanded: boolean;
-        actualWidth: number;
-        constructor(pinned: any, name: any);
-        getMinimumWidth(): number;
-        addColumn(column: any): void;
-        calculateExpandable(): void;
-        calculateActualWidth(): void;
-        calculateDisplayedColumns(): void;
-        addToVisibleColumns(colsToAdd: any): void;
-    }
-}
-declare namespace ag.grid {
-    class GridOptionsWrapper {
-        private gridOptions;
-        private groupHeaders;
-        private headerHeight;
-        private rowHeight;
-        private floatingTopRowData;
-        private floatingBottomRowData;
-        init(gridOptions: GridOptions, eventService: EventService): void;
-        isRowSelection(): boolean;
-        isRowDeselection(): boolean;
-        isRowSelectionMulti(): boolean;
-        getContext(): any;
-        isVirtualPaging(): boolean;
-        isShowToolPanel(): boolean;
-        isToolPanelSuppressPivot(): boolean;
-        isToolPanelSuppressValues(): boolean;
-        isRowsAlreadyGrouped(): boolean;
-        isGroupSelectsChildren(): boolean;
-        isGroupHidePivotColumns(): boolean;
-        isGroupIncludeFooter(): boolean;
-        isGroupSuppressBlankHeader(): boolean;
-        isSuppressRowClickSelection(): boolean;
-        isSuppressCellSelection(): boolean;
-        isSuppressMultiSort(): boolean;
-        isGroupSuppressAutoColumn(): boolean;
-        isForPrint(): boolean;
-        isSuppressHorizontalScroll(): boolean;
-        isUnSortIcon(): boolean;
-        isSuppressMenuHide(): boolean;
-        getRowStyle(): any;
-        getRowClass(): any;
-        getRowStyleFunc(): any;
-        getRowClassFunc(): any;
-        getHeaderCellRenderer(): any;
-        getApi(): GridApi;
-        isEnableColResize(): boolean;
-        isSingleClickEdit(): boolean;
-        getGroupDefaultExpanded(): any;
-        getGroupKeys(): string[];
-        getGroupAggFunction(): (nodes: any[]) => any;
-        getGroupAggFields(): string[];
-        getRowData(): any[];
-        isGroupUseEntireRow(): boolean;
-        getGroupColumnDef(): any;
-        isGroupSuppressRow(): boolean;
-        isAngularCompileRows(): boolean;
-        isAngularCompileFilters(): boolean;
-        isAngularCompileHeaders(): boolean;
-        isDebug(): boolean;
-        getColumnDefs(): any[];
-        getDatasource(): any;
-        getRowBuffer(): number;
-        isEnableSorting(): boolean;
-        isEnableCellExpressions(): boolean;
-        isEnableServerSideSorting(): boolean;
-        isEnableFilter(): boolean;
-        isEnableServerSideFilter(): boolean;
-        isSuppressScrollLag(): boolean;
-        getIcons(): any;
-        getIsScrollLag(): () => boolean;
-        getSortingOrder(): string[];
-        getSlaveGrids(): GridOptions[];
-        getGroupRowRenderer(): Object | Function;
-        getRowHeight(): number;
-        getHeaderHeight(): number;
-        setHeaderHeight(headerHeight: number): void;
-        isGroupHeaders(): boolean;
-        setGroupHeaders(groupHeaders: boolean): void;
-        getFloatingTopRowData(): any[];
-        setFloatingTopRowData(rows: any[]): void;
-        getFloatingBottomRowData(): any[];
-        setFloatingBottomRowData(rows: any[]): void;
-        isExternalFilterPresent(): boolean;
-        doesExternalFilterPass(node: RowNode): boolean;
-        getGroupRowInnerRenderer(): (params: any) => void;
-        getColWidth(): number;
-        private checkForDeprecated();
-        getPinnedColCount(): number;
-        getLocaleTextFunc(): Function;
-        globalEventHandler(eventName: string, event?: any): void;
-        private getCallbackForEvent(eventName);
-    }
-}
-declare namespace ag.grid {
-    class LoggerFactory {
-        private logging;
-        init(gridOptionsWrapper: GridOptionsWrapper): void;
-        create(name: string): Logger;
-    }
-    class Logger {
-        private logging;
-        private name;
-        constructor(name: string, logging: boolean);
-        log(message: string): void;
-    }
-}
-declare namespace ag.grid {
-    class Events {
-        /** A new set of columns has been entered, everything has potentially changed. */
-        static EVENT_COLUMN_EVERYTHING_CHANGED: string;
-        /** A pivot column was added, removed or order changed. */
-        static EVENT_COLUMN_PIVOT_CHANGE: string;
-        /** A value column was added, removed or agg function was changed. */
-        static EVENT_COLUMN_VALUE_CHANGE: string;
-        /** A column was moved */
-        static EVENT_COLUMN_MOVED: string;
-        /** One or more columns was shown / hidden */
-        static EVENT_COLUMN_VISIBLE: string;
-        /** A column group was opened / closed */
-        static EVENT_COLUMN_GROUP_OPENED: string;
-        /** One or more columns was resized. If just one, the column in the event is set. */
-        static EVENT_COLUMN_RESIZED: string;
-        /** One or more columns was resized. If just one, the column in the event is set. */
-        static EVENT_COLUMN_PINNED_COUNT_CHANGED: string;
-        static EVENT_MODEL_UPDATED: string;
-        static EVENT_CELL_CLICKED: string;
-        static EVENT_CELL_DOUBLE_CLICKED: string;
-        static EVENT_CELL_CONTEXT_MENU: string;
-        static EVENT_CELL_VALUE_CHANGED: string;
-        static EVENT_CELL_FOCUSED: string;
-        static EVENT_ROW_SELECTED: string;
-        static EVENT_SELECTION_CHANGED: string;
-        static EVENT_BEFORE_FILTER_CHANGED: string;
-        static EVENT_AFTER_FILTER_CHANGED: string;
-        static EVENT_FILTER_MODIFIED: string;
-        static EVENT_BEFORE_SORT_CHANGED: string;
-        static EVENT_AFTER_SORT_CHANGED: string;
-        static EVENT_VIRTUAL_ROW_REMOVED: string;
-        static EVENT_ROW_CLICKED: string;
-        static EVENT_READY: string;
-    }
-}
-declare namespace ag.grid {
-    class EventService {
-        private allListeners;
-        private globalListeners;
-        private getListenerList(eventType);
-        addEventListener(eventType: string, listener: Function): void;
-        addGlobalListener(listener: Function): void;
-        removeEventListener(eventType: string, listener: Function): void;
-        removeGlobalListener(listener: Function): void;
-        dispatchEvent(eventType: string, event?: any): void;
-    }
-}
-declare namespace ag.grid {
-    class MasterSlaveService {
-        private gridOptionsWrapper;
-        private columnController;
-        private gridPanel;
-        private logger;
-        private eventService;
-        private consuming;
-        init(gridOptionsWrapper: GridOptionsWrapper, columnController: ColumnController, gridPanel: GridPanel, loggerFactory: LoggerFactory, eventService: EventService): void;
-        private fireEvent(callback);
-        private onEvent(callback);
-        private fireColumnEvent(event);
-        fireHorizontalScrollEvent(horizontalScroll: number): void;
-        onScrollEvent(horizontalScroll: number): void;
-        onColumnEvent(event: ColumnChangeEvent): void;
-    }
-}
-declare namespace ag.grid {
-    class ColumnApi {
-        private _columnController;
-        constructor(_columnController: ColumnController);
-        sizeColumnsToFit(gridWidth: any): void;
-        hideColumns(colIds: any, hide: any): void;
-        columnGroupOpened(group: ColumnGroup, newValue: boolean): void;
-        getColumnGroup(name: string): ColumnGroup;
-        getDisplayNameForCol(column: any): string;
-        getColumn(key: any): Column;
-        setState(columnState: any): void;
-        getState(): [any];
-        isPinning(): boolean;
-        getVisibleColAfter(col: Column): Column;
-        getVisibleColBefore(col: Column): Column;
-        setColumnVisible(column: Column, visible: boolean): void;
-        getAllColumns(): Column[];
-        getDisplayedColumns(): Column[];
-        getPivotedColumns(): Column[];
-        getValueColumns(): Column[];
-        moveColumn(fromIndex: number, toIndex: number): void;
-        movePivotColumn(fromIndex: number, toIndex: number): void;
-        setColumnAggFunction(column: Column, aggFunc: string): void;
-        setColumnWidth(column: Column, newWidth: number): void;
-        removeValueColumn(column: Column): void;
-        addValueColumn(column: Column): void;
-        removePivotColumn(column: Column): void;
-        setPinnedColumnCount(count: number): void;
-        addPivotColumn(column: Column): void;
-        getHeaderGroups(): ColumnGroup[];
-        hideColumn(colId: any, hide: any): void;
-    }
-    class ColumnController {
-        private gridOptionsWrapper;
-        private angularGrid;
-        private selectionRendererFactory;
-        private expressionService;
-        private masterSlaveController;
-        private allColumns;
-        private visibleColumns;
-        private displayedColumns;
-        private pivotColumns;
-        private valueColumns;
-        private columnGroups;
-        private setupComplete;
-        private valueService;
-        private pinnedColumnCount;
-        private eventService;
-        constructor();
-        init(angularGrid: Grid, selectionRendererFactory: SelectionRendererFactory, gridOptionsWrapper: GridOptionsWrapper, expressionService: ExpressionService, valueService: ValueService, masterSlaveController: MasterSlaveService, eventService: EventService): void;
-        getColumnApi(): ColumnApi;
-        isSetupComplete(): boolean;
-        getHeaderGroups(): ColumnGroup[];
-        getPinnedContainerWidth(): number;
-        addPivotColumn(column: Column): void;
-        setPinnedColumnCount(count: number): void;
-        removePivotColumn(column: Column): void;
-        addValueColumn(column: Column): void;
-        removeValueColumn(column: Column): void;
-        private doesColumnExistInGrid(column);
-        setColumnWidth(column: Column, newWidth: number): void;
-        private updateGroupWidthsAfterColumnResize(column);
-        setColumnAggFunction(column: Column, aggFunc: string): void;
-        movePivotColumn(fromIndex: number, toIndex: number): void;
-        moveColumn(fromIndex: number, toIndex: number): void;
-        getBodyContainerWidth(): number;
-        getValueColumns(): Column[];
-        getPivotedColumns(): Column[];
-        getDisplayedColumns(): Column[];
-        getAllColumns(): Column[];
-        setColumnVisible(column: Column, visible: boolean): void;
-        getVisibleColBefore(col: any): Column;
-        getVisibleColAfter(col: Column): Column;
-        isPinning(): boolean;
-        getState(): [any];
-        setState(columnState: any): void;
-        getColumns(keys: any[]): Column[];
-        getColumn(key: any): Column;
-        getDisplayNameForCol(column: any): string;
-        getColumnGroup(name: string): ColumnGroup;
-        onColumnsChanged(): void;
-        private checkForDeprecatedItems(columnDefs);
-        columnGroupOpened(group: ColumnGroup, newValue: boolean): void;
-        hideColumns(colIds: any, hide: any): void;
-        private updateModel();
-        private updateDisplayedColumns();
-        sizeColumnsToFit(gridWidth: any): void;
-        private buildGroups();
-        private updateGroups();
-        private updateVisibleColumns();
-        private updatePinnedColumns();
-        private createColumns(colDefs);
-        private createPivotColumns();
-        private createValueColumns();
-        private createDummyColumn(field);
-        private calculateColInitialWidth(colDef);
-        private getTotalColWidth(includePinned);
-    }
-}
-declare namespace ag.grid {
-    interface CsvExportParams {
-        skipHeader?: boolean;
-        skipFooters?: boolean;
-        skipGroups?: boolean;
-        fileName?: string;
-    }
-    class CsvCreator {
-        private rowController;
-        private columnController;
-        private grid;
-        private valueService;
-        constructor(rowController: InMemoryRowController, columnController: ColumnController, grid: Grid, valueService: ValueService);
-        exportDataAsCsv(params?: CsvExportParams): void;
-        getDataAsCsv(params?: CsvExportParams): string;
-        private createValueForGroupNode(node);
-        private escape(value);
-    }
-}
-declare namespace ag.grid {
-    class ExpressionService {
-        private expressionToFunctionCache;
-        private logger;
-        init(loggerFactory: LoggerFactory): void;
-        evaluate(expression: string, params: any): any;
-        private createExpressionFunction(expression);
-        private createFunctionBody(expression);
-    }
-}
-declare namespace ag.grid {
-    interface TextAndNumberFilterParameters {
-        /** What to do when new rows are loaded. The default is to reset the filter, to keep it in line with 'set' filters. If you want to keep the selection, then set this value to 'keep'. */
-        newRowsAction?: string;
-    }
-}
-declare namespace ag.grid {
-    class TextFilter implements Filter {
-        private filterParams;
-        private filterChangedCallback;
-        private filterModifiedCallback;
-        private localeTextFunc;
-        private valueGetter;
-        private filterText;
-        private filterType;
-        private api;
-        private eGui;
-        private eFilterTextField;
-        private eTypeSelect;
-        private applyActive;
-        private eApplyButton;
-        init(params: any): void;
-        onNewRowsLoaded(): void;
-        afterGuiAttached(): void;
-        doesFilterPass(node: any): boolean;
-        getGui(): any;
-        isFilterActive(): boolean;
-        private createTemplate();
-        private createGui();
-        private setupApply();
-        private onTypeChanged();
-        private onFilterChanged();
-        private filterChanged();
-        private createApi();
-        private getApi();
-    }
-}
-declare namespace ag.grid {
-    class NumberFilter implements Filter {
-        private filterParams;
-        private filterChangedCallback;
-        private filterModifiedCallback;
-        private localeTextFunc;
-        private valueGetter;
-        private filterNumber;
-        private filterType;
-        private api;
-        private eGui;
-        private eFilterTextField;
-        private eTypeSelect;
-        private applyActive;
-        private eApplyButton;
-        init(params: any): void;
-        onNewRowsLoaded(): void;
-        afterGuiAttached(): void;
-        doesFilterPass(node: any): boolean;
-        getGui(): any;
-        isFilterActive(): boolean;
-        private createTemplate();
-        private createGui();
-        private setupApply();
-        private onTypeChanged();
-        private filterChanged();
-        private onFilterChanged();
-        private createApi();
-        private getApi();
-    }
-}
-declare namespace ag.grid {
-    interface ColDef {
-        /** If sorting by default, set it here. Set to 'asc' or 'desc' */
-        sort?: string;
-        /** If sorting more than one column by default, the milliseconds when this column was sorted, so we know what order to sort the columns in. */
-        sortedAt?: number;
-        /** The sort order, provide an array with any of the following in any order ['asc','desc',null] */
-        sortingOrder?: string[];
-        /** The name to render in the column header */
-        headerName: string;
-        /** The field of the row to get the cells data from */
-        field: string;
-        /** Expression or function to get the cells value. */
-        headerValueGetter?: string | Function;
-        /** The unique ID to give the column. This is optional. If missing, the ID will default to the field. If both field and colId are missing, a unique ID will be generated.
-         *  This ID is used to identify the column in the API for sorting, filtering etc. */
-        colId?: string;
-        /** Set to true for this column to be hidden. Naturally you might think, it would make more sense to call this field 'visible' and mark it false to hide,
-         *  however we want all default values to be false and we want columns to be visible by default. */
-        hide?: boolean;
-        /** Tooltip for the column header */
-        headerTooltip?: string;
-        /** Expression or function to get the cells value. */
-        valueGetter?: string | Function;
-        /** To provide custom rendering to the header. */
-        headerCellRenderer?: Function | Object;
-        /** CSS class for the header */
-        headerClass?: string | string[] | ((params: any) => string | string[]);
-        /** Initial width, in pixels, of the cell */
-        width?: number;
-        /** Min width, in pixels, of the cell */
-        minWidth?: number;
-        /** Max width, in pixels, of the cell */
-        maxWidth?: number;
-        /** Class to use for the cell. Can be string, array of strings, or function. */
-        cellClass?: string | string[] | ((cellClassParams: any) => string | string[]);
-        /** An object of css values. Or a function returning an object of css values. */
-        cellStyle?: {} | ((params: any) => {});
-        /** A function for rendering a cell. */
-        cellRenderer?: Function | {};
-        /** A function for rendering a floating cell. */
-        floatingCellRenderer?: Function | {};
-        /** Name of function to use for aggregation. One of [sum,min,max]. */
-        aggFunc?: string;
-        /** Comparator function for custom sorting. */
-        comparator?: Function;
-        /** Set to true to render a selection checkbox in the column. */
-        checkboxSelection?: boolean;
-        /** Set to true if no menu should be shown for this column header. */
-        suppressMenu?: boolean;
-        /** Set to true if no sorting should be done for this column. */
-        suppressSorting?: boolean;
-        /** Set to true if you want the unsorted icon to be shown when no sort is applied to this column. */
-        unSortIcon?: boolean;
-        /** Set to true if you want this columns width to be fixed during 'size to fit' operation. */
-        suppressSizeToFit?: boolean;
-        /** Set to true if you do not want this column to be resizable by dragging it's edge. */
-        suppressResize?: boolean;
-        /** If grouping columns, the group this column belongs to. */
-        headerGroup?: string;
-        /** Whether to show the column when the group is open / closed. */
-        headerGroupShow?: string;
-        /** Set to true if this col is editable, otherwise false. Can also be a function to have different rows editable. */
-        editable?: boolean | (Function);
-        /** Callbacks for editing.See editing section for further details. */
-        newValueHandler?: Function;
-        /** If true, this cell gets refreshed when api.softRefreshView() gets called. */
-        volatile?: boolean;
-        /** Cell template to use for cell. Useful for AngularJS cells. */
-        template?: string;
-        /** Cell template URL to load template from to use for cell. Useful for AngularJS cells. */
-        templateUrl?: string;
-        /** one of the built in filter names: [set, number, text], or a filter function*/
-        filter?: string | Function;
-        /** The filter params are specific to each filter! */
-        filterParams?: SetFilterParameters | TextAndNumberFilterParameters;
-        /** Rules for applying css classes */
-        cellClassRules?: {
-            [cssClassName: string]: (Function | string);
-        };
-        /** Callbacks for editing.See editing section for further details. */
-        onCellValueChanged?: Function;
-        /** Function callback, gets called when a cell is clicked. */
-        onCellClicked?: Function;
-        /** Function callback, gets called when a cell is double clicked. */
-        onCellDoubleClicked?: Function;
-        /** Function callback, gets called when a cell is right clicked. */
-        onCellContextMenu?: Function;
-    }
-}
-declare namespace ag.grid {
-    class SetFilterModel {
-        private colDef;
-        private filterParams;
-        private rowModel;
-        private valueGetter;
-        private allUniqueValues;
-        private availableUniqueValues;
-        private displayedValues;
-        private miniFilter;
-        private selectedValuesCount;
-        private selectedValuesMap;
-        private showingAvailableOnly;
-        private usingProvidedSet;
-        private doesRowPassOtherFilters;
-        constructor(colDef: ColDef, rowModel: any, valueGetter: any, doesRowPassOtherFilters: any);
-        refreshAfterNewRowsLoaded(keepSelection: any, isSelectAll: boolean): void;
-        refreshAfterAnyFilterChanged(): void;
-        private createAllUniqueValues();
-        private createAvailableUniqueValues();
-        private getUniqueValues(filterOutNotAvailable);
-        setMiniFilter(newMiniFilter: any): boolean;
-        getMiniFilter(): any;
-        private processMiniFilter();
-        getDisplayedValueCount(): any;
-        getDisplayedValue(index: any): any;
-        selectEverything(): void;
-        isFilterActive(): boolean;
-        selectNothing(): void;
-        getUniqueValueCount(): any;
-        getUniqueValue(index: any): any;
-        unselectValue(value: any): void;
-        selectValue(value: any): void;
-        isValueSelected(value: any): boolean;
-        isEverythingSelected(): boolean;
-        isNothingSelected(): boolean;
-        getModel(): any;
-        setModel(model: any, isSelectAll: boolean): void;
-    }
-}
-/** The filter parameters for set filter */
-declare namespace ag.grid {
-    interface SetFilterParameters {
-        /** Same as cell renderer for grid (you can use the same one in both locations). Setting it separatly here allows for the value to be rendered differently in the filter. */
-        cellRenderer?: Function;
-        /** The height of the cell. */
-        cellHeight?: number;
-        /** The values to display in the filter. */
-        values?: any;
-        /**  What to do when new rows are loaded. The default is to reset the filter, as the set of values to select from can have changed. If you want to keep the selection, then set this value to 'keep'. */
-        newRowsAction?: string;
-        /** If true, the filter will not remove items that are no longer availabe due to other filters. */
-        suppressRemoveEntries?: boolean;
-    }
-}
-declare namespace ag.grid {
-    class SetFilter implements Filter {
-        private eGui;
-        private filterParams;
-        private rowHeight;
-        private model;
-        private filterChangedCallback;
-        private filterModifiedCallback;
-        private valueGetter;
-        private rowsInBodyContainer;
-        private colDef;
-        private localeTextFunc;
-        private cellRenderer;
-        private eListContainer;
-        private eFilterValueTemplate;
-        private eSelectAll;
-        private eListViewport;
-        private eMiniFilter;
-        private api;
-        private applyActive;
-        private eApplyButton;
-        init(params: any): void;
-        afterGuiAttached(): void;
-        isFilterActive(): boolean;
-        doesFilterPass(node: any): boolean;
-        getGui(): any;
-        onNewRowsLoaded(): void;
-        onAnyFilterChanged(): void;
-        private createTemplate();
-        private createGui();
-        private setupApply();
-        private setContainerHeight();
-        private drawVirtualRows();
-        private ensureRowsRendered(start, finish);
-        private removeVirtualRows(rowsToRemove);
-        private insertRow(value, rowIndex);
-        private onCheckboxClicked(eCheckbox, value);
-        private filterChanged();
-        private onMiniFilterChanged();
-        private refreshVirtualRows();
-        private clearVirtualRows();
-        private onSelectAll();
-        private updateAllCheckboxes(checked);
-        private addScrollListener();
-        getApi(): any;
-        private createApi();
-    }
-}
-declare namespace ag.grid {
-    class PopupService {
-        private ePopupParent;
-        init(ePopupParent: any): void;
-        positionPopup(eventSource: any, ePopup: any, minWidth: any): void;
-        addAsModalPopup(eChild: any, closeOnEsc: boolean): (event: any) => void;
-    }
-}
-declare namespace ag.grid {
-    interface RowNode {
-        /** Unique ID for the node. Can be though of as the index of the row in the original list,
-         * however exceptions apply so don't depend on uniqueness. */
-        id?: number;
-        /** The user provided data */
-        data?: any;
-        /** The parent node to this node, or empty if top level */
-        parent?: RowNode;
-        /** How many levels this node is from the top */
-        level?: number;
-        /** True if this node is a group node (ie has children) */
-        group?: boolean;
-        /** True if this is the first child in this group */
-        firstChild?: boolean;
-        /** True if this is the last child in this group */
-        lastChild?: boolean;
-        /** The index of this node in the group */
-        childIndex?: number;
-        /** True if this row is a floating row */
-        floating?: boolean;
-        /** True if this row is a floating top row */
-        floatingTop?: boolean;
-        /** True if this row is a floating bottom row */
-        floatingBottom?: boolean;
-        /** If using quick filter, stores a string representation of the row for searching against */
-        quickFilterAggregateText?: string;
-        /** Groups only - True if row is a footer. Footers  have group = true and footer = true */
-        footer?: boolean;
-        /** Groups only - Children of this group */
-        children?: RowNode[];
-        /** Groups only - The field we are pivoting on eg Country*/
-        field?: string;
-        /** Groups only - The key for the pivot eg Ireland, UK, USA */
-        key?: any;
-        /** Groups only - Filtered children of this group */
-        childrenAfterFilter?: RowNode[];
-        /** Groups only - Sorted children of this group */
-        childrenAfterSort?: RowNode[];
-        /** Groups only - Number of children and grand children */
-        allChildrenCount?: number;
-        /** Groups only - True if group is expanded, otherwise false */
-        expanded?: boolean;
-        /** Groups only - If doing footers, reference to the footer node for this group */
-        sibling?: RowNode;
-        /** Not to be used, internal temporary map used by the grid when creating groups */
-        _childrenMap?: {};
-    }
-}
-declare namespace ag.grid {
-    class FilterManager {
-        private $compile;
-        private $scope;
-        private gridOptionsWrapper;
-        private grid;
-        private allFilters;
-        private rowModel;
-        private popupService;
-        private valueService;
-        private columnController;
-        private quickFilter;
-        private advancedFilterPresent;
-        private externalFilterPresent;
-        init(grid: Grid, gridOptionsWrapper: GridOptionsWrapper, $compile: any, $scope: any, columnController: ColumnController, popupService: PopupService, valueService: ValueService): void;
-        setFilterModel(model: any): void;
-        private setModelOnFilterWrapper(filter, newModel);
-        getFilterModel(): any;
-        setRowModel(rowModel: any): void;
-        isAdvancedFilterPresent(): boolean;
-        isAnyFilterPresent(): boolean;
-        isFilterPresentForCol(colId: any): any;
-        private doesFilterPass(node, filterToSkip?);
-        setQuickFilter(newFilter: any): boolean;
-        onFilterChanged(): void;
-        isQuickFilterPresent(): boolean;
-        doesRowPassOtherFilters(filterToSkip: any, node: any): boolean;
-        doesRowPassFilter(node: any, filterToSkip?: any): boolean;
-        private aggregateRowForQuickFilter(node);
-        refreshDisplayedValues(): void;
-        onNewRowsLoaded(): void;
-        private createValueGetter(column);
-        getFilterApi(column: Column): any;
-        private getOrCreateFilterWrapper(column);
-        private createFilterWrapper(column);
-        private assertMethodHasNoParameters(theMethod);
-        showFilter(column: Column, eventSource: any): void;
-    }
-}
-declare namespace ag.grid {
-    class TemplateService {
-        templateCache: any;
-        waitingCallbacks: any;
-        $scope: any;
-        init($scope: any): void;
-        getTemplate(url: any, callback: any): any;
-        handleHttpResult(httpResult: any, url: any): void;
-    }
-}
-declare namespace ag.grid {
-    class SelectionRendererFactory {
-        private angularGrid;
-        private selectionController;
-        init(angularGrid: any, selectionController: any): void;
-        createSelectionCheckbox(node: any, rowIndex: any): HTMLInputElement;
-    }
-}
-declare namespace ag.vdom {
-    class VElement {
-        static idSequence: number;
-        private id;
-        private elementAttachedListeners;
-        constructor();
-        getId(): number;
-        addElementAttachedListener(listener: (element: Element) => void): void;
-        protected fireElementAttached(element: Element): void;
-        elementAttached(element: Element): void;
-        toHtmlString(): string;
-    }
-}
-declare namespace ag.vdom {
-    class VHtmlElement extends VElement {
-        private type;
-        private classes;
-        private eventListeners;
-        private attributes;
-        private children;
-        private innerHtml;
-        private style;
-        private bound;
-        private element;
-        constructor(type: string);
-        getElement(): HTMLElement;
-        setInnerHtml(innerHtml: string): void;
-        addStyles(styles: any): void;
-        private attachEventListeners(node);
-        addClass(newClass: string): void;
-        removeClass(oldClass: string): void;
-        addClasses(classes: string[]): void;
-        toHtmlString(): string;
-        private toHtmlStringChildren();
-        private toHtmlStringAttributes();
-        private toHtmlStringClasses();
-        private toHtmlStringStyles();
-        appendChild(child: any): void;
-        setAttribute(key: string, value: string): void;
-        addEventListener(event: string, listener: EventListener): void;
-        elementAttached(element: Element): void;
-        fireElementAttachedToChildren(element: Element): void;
-    }
-}
-declare namespace ag.vdom {
-    class VWrapperElement extends VElement {
-        private wrappedElement;
-        constructor(wrappedElement: Element);
-        toHtmlString(): string;
-        elementAttached(element: Element): void;
-    }
-}
-declare namespace ag.grid {
-    class RenderedCell {
-        private vGridCell;
-        private vSpanWithValue;
-        private vCellWrapper;
-        private vParentOfValue;
-        private checkboxOnChangeListener;
-        private column;
-        private data;
-        private node;
-        private rowIndex;
-        private editingCell;
-        private scope;
-        private isFirstColumn;
-        private gridOptionsWrapper;
-        private expressionService;
-        private selectionRendererFactory;
-        private rowRenderer;
-        private selectionController;
-        private $compile;
-        private templateService;
-        private cellRendererMap;
-        private eCheckbox;
-        private columnController;
-        private valueService;
-        private eventService;
-        private value;
-        private checkboxSelection;
-        constructor(isFirstColumn: any, column: any, $compile: any, rowRenderer: RowRenderer, gridOptionsWrapper: GridOptionsWrapper, expressionService: ExpressionService, selectionRendererFactory: SelectionRendererFactory, selectionController: SelectionController, templateService: TemplateService, cellRendererMap: {
-            [key: string]: any;
-        }, node: any, rowIndex: number, scope: any, columnController: ColumnController, valueService: ValueService, eventService: EventService);
-        getColumn(): Column;
-        private getValue();
-        getVGridCell(): ag.vdom.VHtmlElement;
-        private getDataForRow();
-        private setupComponents();
-        startEditing(key?: number): void;
-        focusCell(forceBrowserFocus: boolean): void;
-        private stopEditing(eInput, blurListener, reset?);
-        createParams(): any;
-        createEvent(event: any, eventSource: any): any;
-        private addCellDoubleClickedHandler();
-        private addCellContextMenuHandler();
-        isCellEditable(): any;
-        private addCellClickedHandler();
-        private populateCell();
-        private addStylesFromCollDef();
-        private addClassesFromCollDef();
-        private addClassesFromRules();
-        private addCellNavigationHandler();
-        private isKeycodeForStartEditing(key);
-        createSelectionCheckbox(): void;
-        setSelected(state: boolean): void;
-        private createParentOfValue();
-        isVolatile(): boolean;
-        refreshCell(): void;
-        private putDataIntoCell();
-        private useCellRenderer(cellRenderer);
-        private addClasses();
-    }
-}
-declare namespace ag.grid {
-    class RenderedRow {
-        vPinnedRow: any;
-        vBodyRow: any;
-        private renderedCells;
-        private scope;
-        private node;
-        private rowIndex;
-        private cellRendererMap;
-        private gridOptionsWrapper;
-        private parentScope;
-        private angularGrid;
-        private columnController;
-        private expressionService;
-        private rowRenderer;
-        private selectionRendererFactory;
-        private $compile;
-        private templateService;
-        private selectionController;
-        private pinning;
-        private eBodyContainer;
-        private ePinnedContainer;
-        private valueService;
-        private eventService;
-        constructor(gridOptionsWrapper: GridOptionsWrapper, valueService: ValueService, parentScope: any, angularGrid: Grid, columnController: ColumnController, expressionService: ExpressionService, cellRendererMap: {
-            [key: string]: any;
-        }, selectionRendererFactory: SelectionRendererFactory, $compile: any, templateService: TemplateService, selectionController: SelectionController, rowRenderer: RowRenderer, eBodyContainer: HTMLElement, ePinnedContainer: HTMLElement, node: any, rowIndex: number, eventService: EventService);
-        onRowSelected(selected: boolean): void;
-        softRefresh(): void;
-        getRenderedCellForColumn(column: Column): RenderedCell;
-        getCellForCol(column: Column): any;
-        destroy(): void;
-        private destroyScope();
-        isDataInList(rows: any[]): boolean;
-        isNodeInList(nodes: RowNode[]): boolean;
-        isGroup(): boolean;
-        private drawNormalRow();
-        private bindVirtualElement(vElement);
-        private createGroupRow();
-        private createGroupSpanningEntireRowCell(padding);
-        setMainRowWidth(width: number): void;
-        private createChildScopeOrNull(data);
-        private addDynamicStyles();
-        private createRowContainer();
-        getRowNode(): any;
-        getRowIndex(): any;
-        refreshCells(colIds: string[]): void;
-        private addDynamicClasses();
-    }
-}
-declare namespace ag.grid {
-    class SvgFactory {
-        static theInstance: SvgFactory;
-        static getInstance(): SvgFactory;
-        createFilterSvg(): Element;
-        createColumnShowingSvg(): Element;
-        createColumnHiddenSvg(): Element;
-        createMenuSvg(): Element;
-        createArrowUpSvg(): Element;
-        createArrowLeftSvg(): Element;
-        createArrowDownSvg(): Element;
-        createArrowRightSvg(): Element;
-        createSmallArrowDownSvg(): Element;
-        createArrowUpDownSvg(): Element;
-    }
-}
-declare namespace ag.grid {
-    function groupCellRendererFactory(gridOptionsWrapper: GridOptionsWrapper, selectionRendererFactory: SelectionRendererFactory, expressionService: ExpressionService): (params: any) => HTMLSpanElement;
-}
-declare namespace ag.grid {
-    class RowRenderer {
-        private columnModel;
-        private gridOptionsWrapper;
-        private angularGrid;
-        private selectionRendererFactory;
-        private gridPanel;
-        private $compile;
-        private $scope;
-        private selectionController;
-        private expressionService;
-        private templateService;
-        private cellRendererMap;
-        private rowModel;
-        private firstVirtualRenderedRow;
-        private lastVirtualRenderedRow;
-        private focusedCell;
-        private valueService;
-        private eventService;
-        private renderedRows;
-        private renderedTopFloatingRows;
-        private renderedBottomFloatingRows;
-        private eAllBodyContainers;
-        private eAllPinnedContainers;
-        private eBodyContainer;
-        private eBodyViewport;
-        private ePinnedColsContainer;
-        private eFloatingTopContainer;
-        private eFloatingTopPinnedContainer;
-        private eFloatingBottomContainer;
-        private eFloatingBottomPinnedContainer;
-        private eParentsOfRows;
-        init(columnModel: any, gridOptionsWrapper: GridOptionsWrapper, gridPanel: GridPanel, angularGrid: Grid, selectionRendererFactory: SelectionRendererFactory, $compile: any, $scope: any, selectionController: SelectionController, expressionService: ExpressionService, templateService: TemplateService, valueService: ValueService, eventService: EventService): void;
-        setRowModel(rowModel: any): void;
-        onIndividualColumnResized(column: Column): void;
-        setMainRowWidths(): void;
-        private findAllElements(gridPanel);
-        refreshAllFloatingRows(): void;
-        private refreshFloatingRows(renderedRows, rowData, pinnedContainer, bodyContainer, isTop);
-        refreshView(refreshFromIndex?: any): void;
-        softRefreshView(): void;
-        refreshRows(rowNodes: RowNode[]): void;
-        refreshCells(rowNodes: RowNode[], colIds: string[]): void;
-        rowDataChanged(rows: any): void;
-        private refreshAllVirtualRows(fromIndex);
-        refreshGroupRows(): void;
-        private removeVirtualRow(rowsToRemove, fromIndex?);
-        private unbindVirtualRow(indexToRemove);
-        drawVirtualRows(): void;
-        getFirstVirtualRenderedRow(): number;
-        getLastVirtualRenderedRow(): number;
-        private ensureRowsRendered();
-        private insertRow(node, rowIndex, mainRowWidth);
-        getRenderedNodes(): any[];
-        getIndexOfRenderedNode(node: any): number;
-        navigateToNextCell(key: any, rowIndex: number, column: Column): void;
-        private getNextCellToFocus(key, lastCellToFocus);
-        onRowSelected(rowIndex: number, selected: boolean): void;
-        focusCell(eCell: any, rowIndex: number, colIndex: number, colDef: ColDef, forceBrowserFocus: any): void;
-        getFocusedCell(): any;
-        setFocusedCell(rowIndex: any, colIndex: any): void;
-        startEditingNextCell(rowIndex: any, column: any, shiftKey: any): void;
-    }
-}
-declare namespace ag.grid {
-    class SelectionController {
-        private eParentsOfRows;
-        private angularGrid;
-        private gridOptionsWrapper;
-        private $scope;
-        private rowRenderer;
-        private selectedRows;
-        private selectedNodesById;
-        private rowModel;
-        private eventService;
-        init(angularGrid: Grid, gridPanel: GridPanel, gridOptionsWrapper: GridOptionsWrapper, $scope: any, rowRenderer: RowRenderer, eventService: EventService): void;
-        private initSelectedNodesById();
-        getSelectedNodesById(): any;
-        getSelectedRows(): any;
-        getSelectedNodes(): any;
-        getBestCostNodeSelection(): any;
-        setRowModel(rowModel: any): void;
-        deselectAll(): void;
-        selectAll(): void;
-        selectNode(node: any, tryMulti: any, suppressEvents?: any): void;
-        private recursivelySelectAllChildren(node, suppressEvents?);
-        private recursivelyDeselectAllChildren(node);
-        private doWorkOfSelectNode(node, suppressEvents);
-        private addCssClassForNode_andInformVirtualRowListener(node);
-        private doWorkOfDeselectAllNodes(nodeToKeepSelected?);
-        private deselectRealNode(node);
-        private removeCssClassForNode(node);
-        deselectIndex(rowIndex: any): void;
-        deselectNode(node: any): void;
-        selectIndex(index: any, tryMulti: any, suppressEvents?: any): void;
-        private syncSelectedRowsAndCallListener(suppressEvents?);
-        private recursivelyCheckIfSelected(node);
-        isNodeSelected(node: any): boolean;
-        private updateGroupParentsIfNeeded();
-    }
-}
-declare namespace ag.grid {
-    class RenderedHeaderElement {
-        private eRoot;
-        private dragStartX;
-        constructor(eRoot: HTMLElement);
-        getERoot(): HTMLElement;
-        destroy(): void;
-        refreshFilterIcon(): void;
-        refreshSortIcon(): void;
-        onDragStart(): void;
-        onDragging(dragChange: number): void;
-        onIndividualColumnResized(column: Column): void;
-        addDragHandler(eDraggableElement: any): void;
-        stopDragging(listenersToRemove: any): void;
-    }
-}
-declare namespace ag.grid {
-    class RenderedHeaderCell extends RenderedHeaderElement {
-        private static DEFAULT_SORTING_ORDER;
-        private eHeaderCell;
-        private eSortAsc;
-        private eSortDesc;
-        private eSortNone;
-        private eFilterIcon;
-        private column;
-        private gridOptionsWrapper;
-        private parentScope;
-        private childScope;
-        private filterManager;
-        private columnController;
-        private $compile;
-        private angularGrid;
-        private parentGroup;
-        private startWidth;
-        constructor(column: Column, parentGroup: RenderedHeaderGroupCell, gridOptionsWrapper: GridOptionsWrapper, parentScope: any, filterManager: FilterManager, columnController: ColumnController, $compile: any, angularGrid: Grid, eRoot: HTMLElement);
-        getGui(): HTMLElement;
-        destroy(): void;
-        private createScope();
-        private addAttributes();
-        private addClasses();
-        private addMenu();
-        private addSortIcons(headerCellLabel);
-        private setupComponents();
-        private useRenderer(headerNameValue, headerCellRenderer, headerCellLabel);
-        refreshFilterIcon(): void;
-        refreshSortIcon(): void;
-        private getNextSortDirection();
-        private addSortHandling(headerCellLabel);
-        onDragStart(): void;
-        onDragging(dragChange: number): void;
-        onIndividualColumnResized(column: Column): void;
-        private addHeaderClassesFromCollDef();
-    }
-}
-declare namespace ag.grid {
-    class RenderedHeaderGroupCell extends RenderedHeaderElement {
-        private eHeaderGroup;
-        private eHeaderGroupCell;
-        private eHeaderCellResize;
-        private columnGroup;
-        private gridOptionsWrapper;
-        private columnController;
-        private children;
-        private groupWidthStart;
-        private childrenWidthStarts;
-        private minWidth;
-        private parentScope;
-        private filterManager;
-        private $compile;
-        private angularGrid;
-        constructor(columnGroup: ColumnGroup, gridOptionsWrapper: GridOptionsWrapper, columnController: ColumnController, eRoot: HTMLElement, angularGrid: Grid, parentScope: any, filterManager: FilterManager, $compile: any);
-        getGui(): HTMLElement;
-        destroy(): void;
-        refreshFilterIcon(): void;
-        refreshSortIcon(): void;
-        onIndividualColumnResized(column: Column): void;
-        private setupComponents();
-        private isColumnInOurDisplayedGroup(column);
-        private setWidthOfGroupHeaderCell();
-        private addGroupExpandIcon(eGroupCellLabel);
-        onDragStart(): void;
-        onDragging(dragChange: any): void;
-    }
-}
-declare namespace ag.grid {
-    class HeaderRenderer {
-        private gridOptionsWrapper;
-        private columnController;
-        private angularGrid;
-        private filterManager;
-        private $scope;
-        private $compile;
-        private ePinnedHeader;
-        private eHeaderContainer;
-        private eRoot;
-        private headerElements;
-        init(gridOptionsWrapper: GridOptionsWrapper, columnController: ColumnController, gridPanel: GridPanel, angularGrid: Grid, filterManager: FilterManager, $scope: any, $compile: any): void;
-        private findAllElements(gridPanel);
-        refreshHeader(): void;
-        private insertHeadersWithGrouping();
-        private insertHeadersWithoutGrouping();
-        updateSortIcons(): void;
-        updateFilterIcons(): void;
-        onIndividualColumnResized(column: Column): void;
-    }
-}
-declare namespace ag.grid {
-    class GroupCreator {
-        private valueService;
-        init(valueService: ValueService): void;
-        group(rowNodes: RowNode[], groupedCols: Column[], expandByDefault: any): RowNode[];
-        isExpanded(expandByDefault: any, level: any): boolean;
-    }
-}
-declare namespace ag.grid {
-    class InMemoryRowController {
-        private gridOptionsWrapper;
-        private columnController;
-        private angularGrid;
-        private filterManager;
-        private $scope;
-        private allRows;
-        private rowsAfterGroup;
-        private rowsAfterFilter;
-        private rowsAfterSort;
-        private rowsAfterMap;
-        private model;
-        private groupCreator;
-        private valueService;
-        private eventService;
-        constructor();
-        init(gridOptionsWrapper: GridOptionsWrapper, columnController: ColumnController, angularGrid: any, filterManager: FilterManager, $scope: any, groupCreator: GroupCreator, valueService: ValueService, eventService: EventService): void;
-        private createModel();
-        getModel(): any;
-        forEachInMemory(callback: Function): void;
-        forEachNode(callback: Function): void;
-        forEachNodeAfterFilter(callback: Function): void;
-        forEachNodeAfterFilterAndSort(callback: Function): void;
-        private recursivelyWalkNodesAndCallback(list, callback);
-        updateModel(step: any): void;
-        private defaultGroupAggFunctionFactory(valueColumns, valueKeys);
-        doAggregate(): void;
-        expandOrCollapseAll(expand: boolean, rowNodes: RowNode[]): void;
-        private recursivelyClearAggData(nodes);
-        private recursivelyCreateAggData(nodes, groupAggFunction, level);
-        private doSort();
-        private recursivelyResetSort(rowNodes);
-        private sortList(nodes, sortOptions);
-        private updateChildIndexes(nodes);
-        onPivotChanged(): void;
-        private doPivoting();
-        private doFilter();
-        private filterItems(rowNodes);
-        private recursivelyResetFilter(nodes);
-        setAllRows(rows: RowNode[], firstId?: number): void;
-        private recursivelyAddIdToNodes(nodes, index);
-        private recursivelyCheckUserProvidedNodes(nodes, parent, level);
-        private getTotalChildCount(rowNodes);
-        private doGroupMapping();
-        private addToMap(mappedData, originalNodes);
-        private createFooterNode(groupNode);
-    }
-}
-declare namespace ag.grid {
-    class VirtualPageRowController {
-        rowRenderer: any;
-        datasourceVersion: any;
-        gridOptionsWrapper: any;
-        angularGrid: any;
-        datasource: any;
-        virtualRowCount: any;
-        foundMaxRow: any;
-        pageCache: any;
-        pageCacheSize: any;
-        pageLoadsInProgress: any;
-        pageLoadsQueued: any;
-        pageAccessTimes: any;
-        accessTime: any;
-        maxConcurrentDatasourceRequests: any;
-        maxPagesInCache: any;
-        pageSize: any;
-        overflowSize: any;
-        init(rowRenderer: any, gridOptionsWrapper: any, angularGrid: any): void;
-        setDatasource(datasource: any): void;
-        reset(): void;
-        createNodesFromRows(pageNumber: any, rows: any): any;
-        removeFromLoading(pageNumber: any): void;
-        pageLoadFailed(pageNumber: any): void;
-        pageLoaded(pageNumber: any, rows: any, lastRow: any): void;
-        putPageIntoCacheAndPurge(pageNumber: any, rows: any): void;
-        checkMaxRowAndInformRowRenderer(pageNumber: any, lastRow: any): void;
-        isPageAlreadyLoading(pageNumber: any): boolean;
-        doLoadOrQueue(pageNumber: any): void;
-        addToQueueAndPurgeQueue(pageNumber: any): void;
-        findLeastRecentlyAccessedPage(pageIndexes: any): number;
-        checkQueueForNextLoad(): void;
-        loadPage(pageNumber: any): void;
-        requestIsDaemon(datasourceVersionCopy: any): boolean;
-        getVirtualRow(rowIndex: any): any;
-        forEachNode(callback: any): void;
-        getModel(): {
-            getVirtualRow: (index: any) => any;
-            getVirtualRowCount: () => any;
-            forEachInMemory: (callback: any) => void;
-            forEachNode: (callback: any) => void;
-            forEachNodeAfterFilter: (callback: any) => void;
-            forEachNodeAfterFilterAndSort: (callback: any) => void;
-        };
-    }
-}
-declare namespace ag.grid {
-    class PaginationController {
-        eGui: any;
-        btNext: any;
-        btPrevious: any;
-        btFirst: any;
-        btLast: any;
-        lbCurrent: any;
-        lbTotal: any;
-        lbRecordCount: any;
-        lbFirstRowOnPage: any;
-        lbLastRowOnPage: any;
-        ePageRowSummaryPanel: any;
-        angularGrid: any;
-        callVersion: any;
-        gridOptionsWrapper: any;
-        datasource: any;
-        pageSize: any;
-        rowCount: any;
-        foundMaxRow: any;
-        totalPages: any;
-        currentPage: any;
-        init(angularGrid: any, gridOptionsWrapper: any): void;
-        setDatasource(datasource: any): void;
-        reset(): void;
-        setTotalLabels(): void;
-        calculateTotalPages(): void;
-        pageLoaded(rows: any, lastRowIndex: any): void;
-        updateRowLabels(): void;
-        loadPage(): void;
-        isCallDaemon(versionCopy: any): boolean;
-        onBtNext(): void;
-        onBtPrevious(): void;
-        onBtFirst(): void;
-        onBtLast(): void;
-        isZeroPagesToDisplay(): boolean;
-        enableOrDisableButtons(): void;
-        createTemplate(): string;
-        getGui(): any;
-        setupComponents(): void;
-    }
-}
-declare namespace ag.grid {
-    class BorderLayout {
-        private eNorthWrapper;
-        private eSouthWrapper;
-        private eEastWrapper;
-        private eWestWrapper;
-        private eCenterWrapper;
-        private eOverlayWrapper;
-        private eCenterRow;
-        private eNorthChildLayout;
-        private eSouthChildLayout;
-        private eEastChildLayout;
-        private eWestChildLayout;
-        private eCenterChildLayout;
-        private isLayoutPanel;
-        private fullHeight;
-        private layoutActive;
-        private eGui;
-        private id;
-        private childPanels;
-        private centerHeightLastTime;
-        private sizeChangeListners;
-        constructor(params: any);
-        addSizeChangeListener(listener: Function): void;
-        fireSizeChanged(): void;
-        private setupPanels(params);
-        private setupPanel(content, ePanel);
-        getGui(): any;
-        doLayout(): boolean;
-        private layoutChild(childPanel);
-        private layoutHeight();
-        private layoutHeightFullHeight();
-        private layoutHeightNormal();
-        getCentreHeight(): number;
-        private layoutWidth();
-        setEastVisible(visible: any): void;
-        setOverlayVisible(visible: any): void;
-        setSouthVisible(visible: any): void;
-    }
-}
-declare namespace ag.grid {
-    class GridPanel {
-        private masterSlaveService;
-        private gridOptionsWrapper;
-        private columnModel;
-        private rowRenderer;
-        private rowModel;
-        private layout;
-        private forPrint;
-        private scrollWidth;
-        private scrollLagCounter;
-        private eBodyViewport;
-        private eRoot;
-        private eBody;
-        private eBodyContainer;
-        private ePinnedColsContainer;
-        private eHeaderContainer;
-        private ePinnedHeader;
-        private eHeader;
-        private eParentsOfRows;
-        private eBodyViewportWrapper;
-        private ePinnedColsViewport;
-        private eFloatingTop;
-        private ePinnedFloatingTop;
-        private eFloatingTopContainer;
-        private eFloatingBottom;
-        private ePinnedFloatingBottom;
-        private eFloatingBottomContainer;
-        init(gridOptionsWrapper: GridOptionsWrapper, columnModel: ColumnController, rowRenderer: RowRenderer, masterSlaveService: MasterSlaveService): void;
-        getLayout(): BorderLayout;
-        private setupComponents();
-        getPinnedFloatingTop(): HTMLElement;
-        getFloatingTopContainer(): HTMLElement;
-        getPinnedFloatingBottom(): HTMLElement;
-        getFloatingBottomContainer(): HTMLElement;
-        private createTemplate();
-        ensureIndexVisible(index: any): void;
-        ensureColIndexVisible(index: any): void;
-        showLoading(loading: any): void;
-        getWidthForSizeColsToFit(): number;
-        setRowModel(rowModel: any): void;
-        getBodyContainer(): HTMLElement;
-        getBodyViewport(): HTMLElement;
-        getPinnedColsContainer(): HTMLElement;
-        getHeaderContainer(): HTMLElement;
-        getRoot(): HTMLElement;
-        getPinnedHeader(): HTMLElement;
-        getRowsParent(): HTMLElement[];
-        private queryHtmlElement(selector);
-        private findElements();
-        private mouseWheelListener(event);
-        setBodyContainerWidth(): void;
-        setPinnedColContainerWidth(): void;
-        showPinnedColContainersIfNeeded(): void;
-        onBodyHeightChange(): void;
-        private sizeHeaderAndBody();
-        private sizeHeaderAndBodyNormal();
-        private sizeHeaderAndBodyForPrint();
-        setHorizontalScrollPosition(hScrollPosition: number): void;
-        private addScrollListener();
-        private requestDrawVirtualRows();
-        private scrollHeader(bodyLeftPosition);
-        private scrollPinned(bodyTopPosition);
-    }
-}
-declare namespace ag.grid {
-    class DragAndDropService {
-        static theInstance: DragAndDropService;
-        static getInstance(): DragAndDropService;
-        dragItem: any;
-        constructor();
-        stopDragging(): void;
-        setDragCssClasses(eListItem: any, dragging: any): void;
-        addDragSource(eDragSource: any, dragSourceCallback: any): void;
-        onMouseDownDragSource(eDragSource: any, dragSourceCallback: any): void;
-        addDropTarget(eDropTarget: any, dropTargetCallback: any): void;
-    }
-}
-declare function require(name: string): any;
-declare namespace ag.grid {
-    class AgList {
-        private eGui;
-        private uniqueId;
-        private modelChangedListeners;
-        private itemSelectedListeners;
-        private beforeDropListeners;
-        private itemMovedListeners;
-        private dragSources;
-        private emptyMessage;
-        private eFilterValueTemplate;
-        private eListParent;
-        private model;
-        private cellRenderer;
-        private readOnly;
-        constructor();
-        setReadOnly(readOnly: boolean): void;
-        setEmptyMessage(emptyMessage: any): void;
-        getUniqueId(): any;
-        addStyles(styles: any): void;
-        addCssClass(cssClass: any): void;
-        addDragSource(dragSource: any): void;
-        addModelChangedListener(listener: Function): void;
-        addItemSelectedListener(listener: any): void;
-        addItemMovedListener(listener: any): void;
-        addBeforeDropListener(listener: any): void;
-        private fireItemMoved(fromIndex, toIndex);
-        private fireModelChanged();
-        private fireItemSelected(item);
-        private fireBeforeDrop(item);
-        private setupComponents();
-        setModel(model: any): void;
-        getModel(): any;
-        setCellRenderer(cellRenderer: any): void;
-        refreshView(): void;
-        private insertRows();
-        private insertBlankMessage();
-        private setupAsDropTarget();
-        private externalAcceptDrag(dragEvent);
-        private externalDrop(dragEvent);
-        private externalNoDrop();
-        private addItemToList(newItem);
-        private addDragAndDropToListItem(eListItem, item);
-        private internalAcceptDrag(targetColumn, dragItem, eListItem);
-        private internalDrop(targetColumn, draggedColumn);
-        private internalNoDrop(eListItem);
-        private dragAfterThisItem(targetColumn, draggedColumn);
-        private setDropCssClasses(eListItem, state);
-        getGui(): any;
-    }
-}
-declare namespace ag.grid {
-    class ColumnSelectionPanel {
-        private gridOptionsWrapper;
-        private columnController;
-        private cColumnList;
-        layout: any;
-        private eRootPanel;
-        constructor(columnController: ColumnController, gridOptionsWrapper: GridOptionsWrapper, eventService: EventService);
-        private columnsChanged();
-        getDragSource(): any;
-        private columnCellRenderer(params);
-        private setupComponents();
-        private onItemMoved(fromIndex, toIndex);
-        getGui(): any;
-    }
-}
-declare namespace ag.grid {
-    class GroupSelectionPanel {
-        gridOptionsWrapper: any;
-        columnController: ColumnController;
-        inMemoryRowController: any;
-        cColumnList: any;
-        layout: any;
-        constructor(columnController: ColumnController, inMemoryRowController: any, gridOptionsWrapper: GridOptionsWrapper, eventService: EventService);
-        private columnsChanged();
-        addDragSource(dragSource: any): void;
-        private columnCellRenderer(params);
-        private setupComponents();
-        private onBeforeDrop(newItem);
-        private onItemMoved(fromIndex, toIndex);
-    }
-}
-declare namespace ag.grid {
-    class AgDropdownList {
-        private itemSelectedListeners;
-        private eValue;
-        private agList;
-        private eGui;
-        private hidePopupCallback;
-        private selectedItem;
-        private cellRenderer;
-        private popupService;
-        constructor(popupService: PopupService);
-        setWidth(width: any): void;
-        addItemSelectedListener(listener: any): void;
-        fireItemSelected(item: any): void;
-        setupComponents(): void;
-        itemSelected(item: any): void;
-        onClick(): void;
-        getGui(): any;
-        setSelected(item: any): void;
-        setCellRenderer(cellRenderer: any): void;
-        refreshView(): void;
-        setModel(model: any): void;
-    }
-}
-declare namespace ag.grid {
-    class ValuesSelectionPanel {
-        private gridOptionsWrapper;
-        private columnController;
-        private cColumnList;
-        private layout;
-        private popupService;
-        constructor(columnController: ColumnController, gridOptionsWrapper: GridOptionsWrapper, popupService: PopupService, eventService: EventService);
-        getLayout(): any;
-        private columnsChanged();
-        addDragSource(dragSource: any): void;
-        private cellRenderer(params);
-        private setupComponents();
-        private beforeDropListener(newItem);
-    }
-}
-declare namespace ag.grid {
-    class VerticalStack {
-        isLayoutPanel: any;
-        childPanels: any;
-        eGui: any;
-        constructor();
-        addPanel(panel: any, height: any): void;
-        getGui(): any;
-        doLayout(): void;
-    }
-}
-declare namespace ag.grid {
-    class ToolPanel {
-        layout: any;
-        constructor();
-        init(columnController: any, inMemoryRowController: any, gridOptionsWrapper: GridOptionsWrapper, popupService: PopupService, eventService: EventService): void;
-    }
-}
-declare namespace ag.grid {
-    interface GridOptions {
-        virtualPaging?: boolean;
-        toolPanelSuppressPivot?: boolean;
-        toolPanelSuppressValues?: boolean;
-        rowsAlreadyGrouped?: boolean;
-        suppressRowClickSelection?: boolean;
-        suppressCellSelection?: boolean;
-        sortingOrder?: string[];
-        suppressMultiSort?: boolean;
-        suppressHorizontalScroll?: boolean;
-        unSortIcon?: boolean;
-        rowHeight?: number;
-        rowBuffer?: number;
-        enableColResize?: boolean;
-        enableCellExpressions?: boolean;
-        enableSorting?: boolean;
-        enableServerSideSorting?: boolean;
-        enableFilter?: boolean;
-        enableServerSideFilter?: boolean;
-        colWidth?: number;
-        suppressMenuHide?: boolean;
-        singleClickEdit?: boolean;
-        debug?: boolean;
-        icons?: any;
-        angularCompileRows?: boolean;
-        angularCompileFilters?: boolean;
-        angularCompileHeaders?: boolean;
-        localeText?: any;
-        localeTextFunc?: Function;
-        suppressScrollLag?: boolean;
-        groupSuppressAutoColumn?: boolean;
-        groupSelectsChildren?: boolean;
-        groupHidePivotColumns?: boolean;
-        groupIncludeFooter?: boolean;
-        groupUseEntireRow?: boolean;
-        groupSuppressRow?: boolean;
-        groupSuppressBlankHeader?: boolean;
-        forPrint?: boolean;
-        groupColumnDef?: any;
-        context?: any;
-        rowStyle?: any;
-        rowClass?: any;
-        groupDefaultExpanded?: any;
-        slaveGrids?: GridOptions[];
-        rowSelection?: string;
-        rowDeselection?: boolean;
-        rowData?: any[];
-        floatingTopRowData?: any[];
-        floatingBottomRowData?: any[];
-        showToolPanel?: boolean;
-        groupKeys?: string[];
-        groupAggFields?: string[];
-        columnDefs?: any[];
-        datasource?: any;
-        pinnedColumnCount?: number;
-        groupHeaders?: boolean;
-        headerHeight?: number;
-        groupRowInnerRenderer?(params: any): void;
-        groupRowRenderer?: Function | Object;
-        isScrollLag?(): boolean;
-        isExternalFilterPresent?(): boolean;
-        doesExternalFilterPass?(node: RowNode): boolean;
-        getRowStyle?: any;
-        getRowClass?: any;
-        headerCellRenderer?: any;
-        groupAggFunction?(nodes: any[]): any;
-        onReady?(api: any): void;
-        onModelUpdated?(): void;
-        onCellClicked?(params: any): void;
-        onCellDoubleClicked?(params: any): void;
-        onCellContextMenu?(params: any): void;
-        onCellValueChanged?(params: any): void;
-        onCellFocused?(params: any): void;
-        onRowSelected?(params: any): void;
-        onSelectionChanged?(): void;
-        onBeforeFilterChanged?(): void;
-        onAfterFilterChanged?(): void;
-        onFilterModified?(): void;
-        onBeforeSortChanged?(): void;
-        onAfterSortChanged?(): void;
-        onVirtualRowRemoved?(params: any): void;
-        onRowClicked?(params: any): void;
-        api?: GridApi;
-        columnApi?: ColumnApi;
-    }
-}
-declare namespace ag.grid {
-    class GridApi {
-        private grid;
-        private rowRenderer;
-        private headerRenderer;
-        private filterManager;
-        private columnController;
-        private inMemoryRowController;
-        private selectionController;
-        private gridOptionsWrapper;
-        private gridPanel;
-        private valueService;
-        private masterSlaveService;
-        private eventService;
-        private csvCreator;
-        constructor(grid: Grid, rowRenderer: RowRenderer, headerRenderer: HeaderRenderer, filterManager: FilterManager, columnController: ColumnController, inMemoryRowController: InMemoryRowController, selectionController: SelectionController, gridOptionsWrapper: GridOptionsWrapper, gridPanel: GridPanel, valueService: ValueService, masterSlaveService: MasterSlaveService, eventService: EventService);
-        /** Used internally by grid. Not intended to be used by the client. Interface may change between releases. */
-        __getMasterSlaveService(): MasterSlaveService;
-        getDataAsCsv(params?: CsvExportParams): string;
-        exportDataAsCsv(params?: CsvExportParams): void;
-        setDatasource(datasource: any): void;
-        onNewDatasource(): void;
-        setRowData(rowData: any): void;
-        setRows(rows: any): void;
-        onNewRows(): void;
-        setFloatingTopRowData(rows: any[]): void;
-        setFloatingBottomRowData(rows: any[]): void;
-        onNewCols(): void;
-        setColumnDefs(colDefs: ColDef[]): void;
-        unselectAll(): void;
-        refreshRows(rowNodes: RowNode[]): void;
-        refreshCells(rowNodes: RowNode[], colIds: string[]): void;
-        rowDataChanged(rows: any): void;
-        refreshView(): void;
-        softRefreshView(): void;
-        refreshGroupRows(): void;
-        refreshHeader(): void;
-        isAnyFilterPresent(): boolean;
-        isAdvancedFilterPresent(): boolean;
-        isQuickFilterPresent(): boolean;
-        getModel(): any;
-        onGroupExpandedOrCollapsed(refreshFromIndex: any): void;
-        expandAll(): void;
-        collapseAll(): void;
-        addVirtualRowListener(rowIndex: any, callback: any): void;
-        setQuickFilter(newFilter: any): void;
-        selectIndex(index: any, tryMulti: any, suppressEvents: any): void;
-        deselectIndex(index: any): void;
-        selectNode(node: any, tryMulti: any, suppressEvents: any): void;
-        deselectNode(node: any): void;
-        selectAll(): void;
-        deselectAll(): void;
-        recomputeAggregates(): void;
-        sizeColumnsToFit(): void;
-        showLoading(show: any): void;
-        isNodeSelected(node: any): boolean;
-        getSelectedNodesById(): {
-            [nodeId: number]: RowNode;
-        };
-        getSelectedNodes(): RowNode[];
-        getSelectedRows(): any[];
-        getBestCostNodeSelection(): any;
-        getRenderedNodes(): any[];
-        ensureColIndexVisible(index: any): void;
-        ensureIndexVisible(index: any): void;
-        ensureNodeVisible(comparator: any): void;
-        forEachInMemory(callback: Function): void;
-        forEachNode(callback: Function): void;
-        forEachNodeAfterFilter(callback: Function): void;
-        forEachNodeAfterFilterAndSort(callback: Function): void;
-        getFilterApiForColDef(colDef: any): any;
-        getFilterApi(key: any): any;
-        getColumnDef(key: any): ColDef;
-        onFilterChanged(): void;
-        setSortModel(sortModel: any): void;
-        getSortModel(): any;
-        setFilterModel(model: any): void;
-        getFilterModel(): any;
-        getFocusedCell(): any;
-        setFocusedCell(rowIndex: any, colIndex: any): void;
-        setHeaderHeight(headerHeight: number): void;
-        setGroupHeaders(groupHeaders: boolean): void;
-        showToolPanel(show: any): void;
-        isToolPanelShowing(): boolean;
-        hideColumn(colId: any, hide: any): void;
-        hideColumns(colIds: any, hide: any): void;
-        getColumnState(): [any];
-        setColumnState(state: any): void;
-        doLayout(): void;
-        getValue(colDef: ColDef, data: any, node: any): any;
-        addEventListener(eventType: string, listener: Function): void;
-        addGlobalListener(listener: Function): void;
-        removeEventListener(eventType: string, listener: Function): void;
-        removeGlobalListener(listener: Function): void;
-        refreshPivot(): void;
-    }
-}
-declare namespace ag.grid {
-    class ValueService {
-        private gridOptionsWrapper;
-        private expressionService;
-        private columnController;
-        init(gridOptionsWrapper: GridOptionsWrapper, expressionService: ExpressionService, columnController: ColumnController): void;
-        getValue(colDef: ColDef, data: any, node: any): any;
-        private executeValueGetter(valueGetter, data, colDef, node);
-        private getValueCallback(data, node, field);
-    }
-}
-declare namespace ag.grid {
-    class Grid {
-        private virtualRowCallbacks;
-        private gridOptions;
-        private gridOptionsWrapper;
-        private inMemoryRowController;
-        private doingVirtualPaging;
-        private paginationController;
-        private virtualPageRowController;
-        private finished;
-        private selectionController;
-        private columnController;
-        private rowRenderer;
-        private headerRenderer;
-        private filterManager;
-        private valueService;
-        private masterSlaveService;
-        private eventService;
-        private toolPanel;
-        private gridPanel;
-        private eRootPanel;
-        private toolPanelShowing;
-        private doingPagination;
-        private usingInMemoryModel;
-        private rowModel;
-        constructor(eGridDiv: any, gridOptions: any, globalEventListener?: Function, $scope?: any, $compile?: any, quickFilterOnScope?: any);
-        getRowModel(): any;
-        private periodicallyDoLayout();
-        private setupComponents($scope, $compile, eUserProvidedDiv, globalEventListener);
-        private onColumnChanged(event);
-        refreshPivot(): void;
-        getEventService(): EventService;
-        private onIndividualColumnResized(column);
-        showToolPanel(show: any): void;
-        isToolPanelShowing(): boolean;
-        isUsingInMemoryModel(): boolean;
-        setDatasource(datasource?: any): void;
-        private refreshHeaderAndBody();
-        setFinished(): void;
-        onQuickFilterChanged(newFilter: any): void;
-        onFilterModified(): void;
-        onFilterChanged(): void;
-        onRowClicked(event: any, rowIndex: any, node: any): void;
-        showLoadingPanel(show: any): void;
-        private setupColumns();
-        updateModelAndRefresh(step: any, refreshFromIndex?: any): void;
-        setRows(rows?: any, firstId?: any): void;
-        ensureNodeVisible(comparator: any): void;
-        getFilterModel(): any;
-        setFocusedCell(rowIndex: any, colIndex: any): void;
-        getSortModel(): any;
-        setSortModel(sortModel: any): void;
-        onSortingChanged(): void;
-        addVirtualRowListener(rowIndex: any, callback: any): void;
-        onVirtualRowSelected(rowIndex: any, selected: any): void;
-        onVirtualRowRemoved(rowIndex: any): void;
-        setColumnDefs(colDefs?: ColDef[]): void;
-        updateBodyContainerWidthAfterColResize(): void;
-        updatePinnedColContainerWidthAfterColResize(): void;
-        doLayout(): void;
-    }
-}
-declare namespace ag.grid {
-    class ComponentUtil {
-        static SIMPLE_PROPERTIES: string[];
-        static SIMPLE_NUMBER_PROPERTIES: string[];
-        static SIMPLE_BOOLEAN_PROPERTIES: string[];
-        static WITH_IMPACT_NUMBER_PROPERTIES: string[];
-        static WITH_IMPACT_BOOLEAN_PROPERTIES: string[];
-        static WITH_IMPACT_OTHER_PROPERTIES: string[];
-        static CALLBACKS: string[];
-        static ALL_PROPERTIES: string[];
-        static copyAttributesToGridOptions(gridOptions: GridOptions, component: any): GridOptions;
-        static processOnChange(changes: any, gridOptions: GridOptions, component: any): void;
-        static toBoolean(value: any): boolean;
-        static toNumber(value: any): number;
-    }
-}
-declare namespace ag.grid {
-    class AgGridNg2 {
-        private elementDef;
-        private _agGrid;
-        private _initialised;
-        private gridOptions;
-        private api;
-        private columnApi;
-        modelUpdated: any;
-        cellClicked: any;
-        cellDoubleClicked: any;
-        cellContextMenu: any;
-        cellValueChanged: any;
-        cellFocused: any;
-        rowSelected: any;
-        selectionChanged: any;
-        beforeFilterChanged: any;
-        afterFilterChanged: any;
-        filterModified: any;
-        beforeSortChanged: any;
-        afterSortChanged: any;
-        virtualRowRemoved: any;
-        rowClicked: any;
-        ready: any;
-        columnEverythingChanged: any;
-        columnPivotChanged: any;
-        columnValueChanged: any;
-        columnMoved: any;
-        columnVisible: any;
-        columnGroupOpened: any;
-        columnResized: any;
-        columnPinnedCountChanged: any;
-        virtualPaging: boolean;
-        toolPanelSuppressPivot: boolean;
-        toolPanelSuppressValues: boolean;
-        rowsAlreadyGrouped: boolean;
-        suppressRowClickSelection: boolean;
-        suppressCellSelection: boolean;
-        sortingOrder: string[];
-        suppressMultiSort: boolean;
-        suppressHorizontalScroll: boolean;
-        unSortIcon: boolean;
-        rowHeight: number;
-        rowBuffer: number;
-        enableColResize: boolean;
-        enableCellExpressions: boolean;
-        enableSorting: boolean;
-        enableServerSideSorting: boolean;
-        enableFilter: boolean;
-        enableServerSideFilter: boolean;
-        colWidth: number;
-        suppressMenuHide: boolean;
-        debug: boolean;
-        icons: any;
-        angularCompileRows: boolean;
-        angularCompileFilters: boolean;
-        angularCompileHeaders: boolean;
-        localeText: any;
-        localeTextFunc: Function;
-        groupSuppressAutoColumn: boolean;
-        groupSelectsChildren: boolean;
-        groupHidePivotColumns: boolean;
-        groupIncludeFooter: boolean;
-        groupUseEntireRow: boolean;
-        groupSuppressRow: boolean;
-        groupSuppressBlankHeader: boolean;
-        groupColumnDef: any;
-        forPrint: boolean;
-        context: any;
-        rowStyle: any;
-        rowClass: any;
-        headerCellRenderer: any;
-        groupDefaultExpanded: any;
-        slaveGrids: GridOptions[];
-        rowSelection: string;
-        rowDeselection: boolean;
-        rowData: any[];
-        floatingTopRowData: any[];
-        floatingBottomRowData: any[];
-        showToolPanel: boolean;
-        groupKeys: string[];
-        groupAggFunction: (nodes: any[]) => void;
-        groupAggFields: string[];
-        columnDefs: any[];
-        datasource: any;
-        pinnedColumnCount: number;
-        quickFilterText: string;
-        groupHeaders: boolean;
-        headerHeight: number;
-        constructor(elementDef: any);
-        onInit(): void;
-        onChange(changes: any): void;
-        private globalEventListener(eventType, event);
-    }
-}
-declare namespace ag.grid {
-}
-declare var exports: any;
-declare var module: any;
-declare namespace ag.grid {
-    interface Filter {
-        getGui(): any;
-        isFilterActive(): boolean;
-        doesFilterPass(params: any): boolean;
-        afterGuiAttached?(params?: {
-            hidePopup?: Function;
-        }): void;
-        onNewRowsLoaded?(): void;
-    }
-}
diff --git a/amqplib/amqplib-0.3.d.ts b/amqplib/amqplib-0.3.d.ts
deleted file mode 100644
index 3138f7494e..0000000000
--- a/amqplib/amqplib-0.3.d.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-// Type definitions for amqplib 0.3.x
-// Project: https://github.com/squaremo/amqp.node
-// Definitions by: Michael Nahkies <https://github.com/mnahkies>, Ab Reitsma <https://github.com/abreits>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="when" />
-/// <reference types="node" />
-
-declare module "amqplib/properties" {
-    namespace Replies {
-        interface Empty {
-        }
-        interface AssertQueue {
-            queue: string;
-            messageCount: number;
-            consumerCount: number;
-        }
-        interface PurgeQueue {
-            messageCount: number;
-        }
-        interface DeleteQueue {
-            messageCount: number;
-        }
-        interface AssertExchange {
-            exchange: string;
-        }
-        interface Consume {
-            consumerTag: string;
-        }
-    }
-
-    namespace Options {
-        interface AssertQueue {
-            exclusive?: boolean;
-            durable?: boolean;
-            autoDelete?: boolean;
-            arguments?: any;
-            messageTtl?: number;
-            expires?: number;
-            deadLetterExchange?: string;
-            deadLetterRoutingKey?: string;
-            maxLength?: number;
-        }
-        interface DeleteQueue {
-            ifUnused?: boolean;
-            ifEmpty?: boolean;
-        }
-        interface AssertExchange {
-            durable?: boolean;
-            internal?: boolean;
-            autoDelete?: boolean;
-            alternateExchange?: string;
-            arguments?: any;
-        }
-        interface DeleteExchange {
-            ifUnused?: boolean;
-        }
-        interface Publish {
-            expiration?: string;
-            userId?: string;
-            CC?: string | string[];
-
-            mandatory?: boolean;
-            persistent?: boolean;
-            deliveryMode?: boolean | number;
-            BCC?: string | string[];
-
-            contentType?: string;
-            contentEncoding?: string;
-            headers?: any;
-            priority?: number;
-            correlationId?: string;
-            replyTo?: string;
-            messageId?: string;
-            timestamp?: number;
-            type?: string;
-            appId?: string;
-        }
-        interface Consume {
-            consumerTag?: string;
-            noLocal?: boolean;
-            noAck?: boolean;
-            exclusive?: boolean;
-            priority?: number;
-            arguments?: any;
-        }
-        interface Get {
-            noAck?: boolean;
-        }
-    }
-
-    interface Message {
-        content: Buffer;
-        fields: any;
-        properties: any;
-    }
-}
-
-declare module "amqplib" {
-
-    import events = require("events");
-    import when = require("when");
-    import shared = require("amqplib/properties")
-    export import Replies = shared.Replies;
-    export import Options = shared.Options;
-    export import Message = shared.Message;
-
-    interface Connection extends events.EventEmitter {
-        close(): when.Promise<void>;
-        createChannel(): when.Promise<Channel>;
-        createConfirmChannel(): when.Promise<Channel>;
-    }
-
-    interface Channel extends events.EventEmitter {
-        close(): when.Promise<void>;
-
-        assertQueue(queue: string, options?: Options.AssertQueue): when.Promise<Replies.AssertQueue>;
-        checkQueue(queue: string): when.Promise<Replies.AssertQueue>;
-
-        deleteQueue(queue: string, options?: Options.DeleteQueue): when.Promise<Replies.DeleteQueue>;
-        purgeQueue(queue: string): when.Promise<Replies.PurgeQueue>;
-
-        bindQueue(queue: string, source: string, pattern: string, args?: any): when.Promise<Replies.Empty>;
-        unbindQueue(queue: string, source: string, pattern: string, args?: any): when.Promise<Replies.Empty>;
-
-        assertExchange(exchange: string, type: string, options?: Options.AssertExchange): when.Promise<Replies.AssertExchange>;
-        checkExchange(exchange: string): when.Promise<Replies.Empty>;
-
-        deleteExchange(exchange: string, options?: Options.DeleteExchange): when.Promise<Replies.Empty>;
-
-        bindExchange(destination: string, source: string, pattern: string, args?: any): when.Promise<Replies.Empty>;
-        unbindExchange(destination: string, source: string, pattern: string, args?: any): when.Promise<Replies.Empty>;
-
-        publish(exchange: string, routingKey: string, content: Buffer, options?: Options.Publish): boolean;
-        sendToQueue(queue: string, content: Buffer, options?: Options.Publish): boolean;
-
-        consume(queue: string, onMessage: (msg: Message) => any, options?: Options.Consume): when.Promise<Replies.Consume>;
-
-        cancel(consumerTag: string): when.Promise<Replies.Empty>;
-        get(queue: string, options?: Options.Get): when.Promise<Message | boolean>;
-
-        ack(message: Message, allUpTo?: boolean): void;
-        ackAll(): void;
-
-        nack(message: Message, allUpTo?: boolean, requeue?: boolean): void;
-        nackAll(requeue?: boolean): void;
-        reject(message: Message, requeue?: boolean): void;
-
-        prefetch(count: number, global?: boolean): when.Promise<Replies.Empty>;
-        recover(): when.Promise<Replies.Empty>;
-    }
-
-    function connect(url: string, socketOptions?: any): when.Promise<Connection>;
-}
-
-declare module "amqplib/callback_api" {
-
-    import events = require("events");
-    import shared = require("amqplib/properties")
-    export import Replies = shared.Replies;
-    export import Options = shared.Options;
-    export import Message = shared.Message;
-
-    interface Connection extends events.EventEmitter {
-        close(callback?: (err: any) => void): void;
-        createChannel(callback: (err: any, channel: Channel) => void): void;
-        createConfirmChannel(callback: (err: any, confirmChannel: ConfirmChannel) => void): void;
-    }
-
-    interface Channel extends events.EventEmitter {
-        close(callback: (err: any) => void): void;
-
-        assertQueue(queue?: string, options?: Options.AssertQueue, callback?: (err:any, ok: Replies.AssertQueue) => void): void;
-        checkQueue(queue: string, callback?: (err: any, ok: Replies.AssertQueue) => void): void;
-
-        deleteQueue(queue: string, options?: Options.DeleteQueue, callback?: (err:any, ok: Replies.DeleteQueue) => void): void;
-        purgeQueue(queue: string, callback?: (err:any, ok: Replies.PurgeQueue) => void): void;
-
-        bindQueue(queue: string, source: string, pattern: string, args?: any, callback?: (err: any, ok: Replies.Empty) => void): void;
-        unbindQueue(queue: string, source: string, pattern: string, args?: any, callback?: (err: any, ok: Replies.Empty) => void): void;
-
-        assertExchange(exchange: string, type: string, options?: Options.AssertExchange, callback?: (err: any, ok: Replies.AssertExchange) => void): void;
-        checkExchange(exchange: string, callback?: (err: any, ok: Replies.Empty) => void): void;
-
-        deleteExchange(exchange: string, options?: Options.DeleteExchange, callback?: (err: any, ok: Replies.Empty) => void): void;
-
-        bindExchange(destination: string, source: string, pattern: string, args?: any, callback?: (err: any, ok: Replies.Empty) => void): void;
-        unbindExchange(destination: string, source: string, pattern: string, args?: any, callback?: (err: any, ok: Replies.Empty) => void): void;
-
-        publish(exchange: string, routingKey: string, content: Buffer, options?: Options.Publish): boolean;
-        sendToQueue(queue: string, content: Buffer, options?: Options.Publish): boolean;
-
-        consume(queue: string, onMessage: (msg: Message) => any, options?: Options.Consume, callback?: (err: any, ok: Replies.Consume) => void): void;
-
-        cancel(consumerTag: string, callback?: (err: any, ok: Replies.Empty) => void): void;
-        get(queue: string, options?: Options.Get, callback?: (err: any, ok: Message | boolean) => void): void;
-
-        ack(message: Message, allUpTo?: boolean): void;
-        ackAll(): void;
-
-        nack(message: Message, allUpTo?: boolean, requeue?: boolean): void;
-        nackAll(requeue?: boolean): void;
-        reject(message: Message, requeue?: boolean): void;
-
-        prefetch(count: number, global?: boolean): void;
-        recover(callback?: (err: any, ok: Replies.Empty) => void): void;
-    }
-
-    interface ConfirmChannel extends Channel {
-        publish(exchange: string, routingKey: string, content: Buffer, options?: Options.Publish, callback?: (err: any, ok: Replies.Empty) => void): boolean;
-        sendToQueue(queue: string, content: Buffer, options?: Options.Publish, callback?: (err: any, ok: Replies.Empty) => void): boolean;
-
-        waitForConfirms(callback?: (err: any) => void): void;
-    }
-
-    function connect(callback: (err: any, connection: Connection) => void): void;
-    function connect(url: string, callback: (err: any, connection: Connection) => void): void;
-    function connect(url: string, socketOptions: any, callback: (err: any, connection: Connection) => void): void;
-}
diff --git a/angular-clipboard/angular-clipboard-tests.ts b/angular-clipboard/angular-clipboard-tests.ts
index ccb1c7ce9a..b043a85d5a 100644
--- a/angular-clipboard/angular-clipboard-tests.ts
+++ b/angular-clipboard/angular-clipboard-tests.ts
@@ -1,6 +1,3 @@
-/// <reference path="./index.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-
 import * as angular from "angular";
 import {ClipboardService} from "angular-clipboard";
 
diff --git a/angular-material/angular-material-0.8.3.d.ts b/angular-material/angular-material-0.8.3.d.ts
deleted file mode 100644
index 0a19ec3764..0000000000
--- a/angular-material/angular-material-0.8.3.d.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-// Type definitions for Angular Material 0.8.3+ (angular.material module)
-// Project: https://github.com/angular/material
-// Definitions by: Matt Traynham <https://github.com/mtraynham>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="angular" />
-declare namespace angular.material {
-
-    interface MDBottomSheetOptions {
-        templateUrl?: string;
-        template?: string;
-        controller?: any;
-        locals?: {[index: string]: any};
-        targetEvent?: any;
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: Element;
-        disableParentScroll?: boolean;
-    }
-
-    interface MDBottomSheetService {
-        show(options: MDBottomSheetOptions): angular.IPromise<any>;
-        hide(response?: any): void;
-        cancel(response?: any): void;
-    }
-
-    interface MDPresetDialog<T> {
-        title(title: string): T;
-        content(content: string): T;
-        ok(content: string): T;
-        theme(theme: string): T;
-    }
-
-    interface MDAlertDialog extends MDPresetDialog<MDAlertDialog> {
-    }
-
-    interface MDConfirmDialog extends MDPresetDialog<MDConfirmDialog> {
-        cancel(reason?: string): MDConfirmDialog;
-    }
-
-    interface MDDialogOptions {
-        templateUrl?: string;
-        template?: string;
-        domClickEvent?: any;
-        disableParentScroll?: boolean;
-        clickOutsideToClose?: boolean;
-        hasBackdrop?: boolean;
-        escapeToClose?: boolean;
-        controller?: any;
-        locals?: {[index: string]: any};
-        bindToController?: boolean;
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: Element;
-        onComplete?: Function;
-    }
-
-    interface MDDialogService {
-        show(dialog: MDDialogOptions|MDPresetDialog<any>): angular.IPromise<any>;
-        confirm(): MDConfirmDialog;
-        alert(): MDAlertDialog;
-        hide(response?: any): angular.IPromise<any>;
-        cancel(response?: any): void;
-    }
-
-    interface MDIcon {
-        (path: string): angular.IPromise<Element>;
-    }
-
-    interface MDIconProvider {
-        icon(id: string, url: string, iconSize?: string): MDIconProvider;
-        iconSet(id: string, url: string, iconSize?: string): MDIconProvider;
-        defaultIconSet(url: string, iconSize?: string): MDIconProvider;
-        defaultIconSize(iconSize: string): MDIconProvider;
-    }
-
-    interface MDMedia {
-        (media: string): boolean;
-    }
-
-    interface MDSidenavObject {
-        toggle(): void;
-        open(): void;
-        close(): void;
-        isOpen(): boolean;
-        isLockedOpen(): boolean;
-    }
-
-    interface MDSidenavService {
-        (component: string): MDSidenavObject;
-    }
-
-    interface MDToastPreset<T> {
-        content(content: string): T;
-        action(action: string): T;
-        highlightAction(highlightAction: boolean): T;
-        capsule(capsule: boolean): T;
-        theme(theme: string): T;
-        hideDelay(delay: number): T;
-    }
-
-    interface MDSimpleToastPreset extends MDToastPreset<MDSimpleToastPreset> {
-    }
-
-    interface MDToastOptions {
-        templateUrl?: string;
-        template?: string;
-        hideDelay?: number;
-        position?: string;
-        controller?: any;
-        locals?: {[index: string]: any};
-        bindToController?: boolean;
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: Element;
-    }
-
-    interface MDToastService {
-        show(optionsOrPreset: MDToastOptions|MDToastPreset<any>): angular.IPromise<any>;
-        showSimple(): angular.IPromise<any>;
-        simple(): MDSimpleToastPreset;
-        build(): MDToastPreset<any>;
-        updateContent(): void;
-        hide(response?: any): void;
-        cancel(response?: any): void;
-    }
-
-    interface MDPalette {
-        0?: string;
-        50?: string;
-        100?: string;
-        200?: string;
-        300?: string;
-        400?: string;
-        500?: string;
-        600?: string;
-        700?: string;
-        800?: string;
-        900?: string;
-        A100?: string;
-        A200?: string;
-        A400?: string;
-        A700?: string;
-        contrastDefaultColor?: string;
-        contrastDarkColors?: string;
-        contrastStrongLightColors?: string;
-    }
-
-    interface MDThemeHues {
-        default?: string;
-        'hue-1'?: string;
-        'hue-2'?: string;
-        'hue-3'?: string;
-    }
-
-    interface MDThemePalette {
-        name: string;
-        hues: MDThemeHues;
-    }
-
-    interface MDThemeColors {
-        accent: MDThemePalette;
-        background: MDThemePalette;
-        primary: MDThemePalette;
-        warn: MDThemePalette;
-    }
-
-    interface MDThemeGrayScalePalette {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        name: string;
-    }
-
-    interface MDTheme {
-        name: string;
-        colors: MDThemeColors;
-        foregroundPalette: MDThemeGrayScalePalette;
-        foregroundShadow: string;
-        accentPalette(name: string, hues?: MDThemeHues): MDTheme;
-        primaryPalette(name: string, hues?: MDThemeHues): MDTheme;
-        warnPalette(name: string, hues?: MDThemeHues): MDTheme;
-        backgroundPalette(name: string, hues?: MDThemeHues): MDTheme;
-        dark(isDark?: boolean): MDTheme;
-    }
-
-    interface MDThemingProvider {
-        theme(name: string, inheritFrom?: string): MDTheme;
-        definePalette(name: string, palette: MDPalette): MDThemingProvider;
-        extendPalette(name: string, palette: MDPalette): MDPalette;
-        setDefaultTheme(theme: string): void;
-        alwaysWatchTheme(alwaysWatch: boolean): void;
-    }
-}
diff --git a/angular-material/angular-material-0.9.0.d.ts b/angular-material/angular-material-0.9.0.d.ts
deleted file mode 100644
index 6ab01e7b13..0000000000
--- a/angular-material/angular-material-0.9.0.d.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-// Type definitions for Angular Material 0.9.0-rc1+ (angular.material module)
-// Project: https://github.com/angular/material
-// Definitions by: Matt Traynham <https://github.com/mtraynham>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="angular" />
-declare namespace angular.material {
-
-    interface MDBottomSheetOptions {
-        templateUrl?: string;
-        template?: string;
-        scope?: angular.IScope; // default: new child scope
-        preserveScope?: boolean; // default: false
-        controller?: string|Function;
-        locals?: {[index: string]: any};
-        targetEvent?: MouseEvent;
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: string|Element|JQuery; // default: root node
-        disableParentScroll?: boolean; // default: true
-    }
-
-    interface MDBottomSheetService {
-        show(options: MDBottomSheetOptions): angular.IPromise<any>;
-        hide(response?: any): void;
-        cancel(response?: any): void;
-    }
-
-    interface MDPresetDialog<T> {
-        title(title: string): T;
-        content(content: string): T;
-        ok(ok: string): T;
-        theme(theme: string): T;
-    }
-
-    interface MDAlertDialog extends MDPresetDialog<MDAlertDialog> {
-    }
-
-    interface MDConfirmDialog extends MDPresetDialog<MDConfirmDialog> {
-        cancel(cancel: string): MDConfirmDialog;
-    }
-
-    interface MDDialogOptions {
-        templateUrl?: string;
-        template?: string;
-        targetEvent?: MouseEvent;
-        scope?: angular.IScope; // default: new child scope
-        preserveScope?: boolean; // default: false
-        disableParentScroll?: boolean; // default: true
-        hasBackdrop?: boolean // default: true
-        clickOutsideToClose?: boolean; // default: false
-        escapeToClose?: boolean; // default: true
-        focusOnOpen?: boolean; // default: true
-        controller?: string|Function;
-        locals?: {[index: string]: any};
-        bindToController?: boolean; // default: false
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: string|Element|JQuery; // default: root node
-        onComplete?: Function;
-    }
-
-    interface MDDialogService {
-        show(dialog: MDDialogOptions|MDAlertDialog|MDConfirmDialog): angular.IPromise<any>;
-        confirm(): MDConfirmDialog;
-        alert(): MDAlertDialog;
-        hide(response?: any): angular.IPromise<any>;
-        cancel(response?: any): void;
-    }
-
-    interface MDIcon {
-        (id: string): angular.IPromise<Element>; // id is a unique ID or URL
-    }
-
-    interface MDIconProvider {
-        icon(id: string, url: string, iconSize?: string): MDIconProvider; // iconSize default: '24px'
-        iconSet(id: string, url: string, iconSize?: string): MDIconProvider; // iconSize default: '24px'
-        defaultIconSet(url: string, iconSize?: string): MDIconProvider; // iconSize default: '24px'
-        defaultIconSize(iconSize: string): MDIconProvider; // default: '24px'
-    }
-
-    interface MDMedia {
-        (media: string): boolean;
-    }
-
-    interface MDSidenavObject {
-        toggle(): angular.IPromise<void>;
-        open(): angular.IPromise<void>;
-        close(): angular.IPromise<void>;
-        isOpen(): boolean;
-        isLockedOpen(): boolean;
-    }
-
-    interface MDSidenavService {
-        (component: string): MDSidenavObject;
-    }
-
-    interface MDToastPreset<T> {
-        content(content: string): T;
-        action(action: string): T;
-        highlightAction(highlightAction: boolean): T;
-        capsule(capsule: boolean): T;
-        theme(theme: string): T;
-        hideDelay(delay: number): T;
-        position(position: string): T;
-    }
-
-    interface MDSimpleToastPreset extends MDToastPreset<MDSimpleToastPreset> {
-    }
-
-    interface MDToastOptions {
-        templateUrl?: string;
-        template?: string;
-        scope?: angular.IScope; // default: new child scope
-        preserveScope?: boolean; // default: false
-        hideDelay?: number; // default (ms): 3000
-        position?: string; // any combination of 'bottom'/'left'/'top'/'right'/'fit'; default: 'bottom left'
-        controller?: string|Function;
-        locals?: {[index: string]: any};
-        bindToController?: boolean; // default: false
-        resolve?: {[index: string]: angular.IPromise<any>}
-        controllerAs?: string;
-        parent?: string|Element|JQuery; // default: root node
-    }
-
-    interface MDToastService {
-        show(optionsOrPreset: MDToastOptions|MDToastPreset<any>): angular.IPromise<any>;
-        showSimple(): angular.IPromise<any>;
-        simple(): MDSimpleToastPreset;
-        build(): MDToastPreset<any>;
-        updateContent(): void;
-        hide(response?: any): void;
-        cancel(response?: any): void;
-    }
-
-    interface MDPalette {
-        0?: string;
-        50?: string;
-        100?: string;
-        200?: string;
-        300?: string;
-        400?: string;
-        500?: string;
-        600?: string;
-        700?: string;
-        800?: string;
-        900?: string;
-        A100?: string;
-        A200?: string;
-        A400?: string;
-        A700?: string;
-        contrastDefaultColor?: string;
-        contrastDarkColors?: string|string[];
-        contrastLightColors?: string|string[];
-    }
-
-    interface MDThemeHues {
-        default?: string;
-        'hue-1'?: string;
-        'hue-2'?: string;
-        'hue-3'?: string;
-    }
-
-    interface MDThemePalette {
-        name: string;
-        hues: MDThemeHues;
-    }
-
-    interface MDThemeColors {
-        accent: MDThemePalette;
-        background: MDThemePalette;
-        primary: MDThemePalette;
-        warn: MDThemePalette;
-    }
-
-    interface MDThemeGrayScalePalette {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        name: string;
-    }
-
-    interface MDTheme {
-        name: string;
-        isDark: boolean;
-        colors: MDThemeColors;
-        foregroundPalette: MDThemeGrayScalePalette;
-        foregroundShadow: string;
-        accentPalette(name: string, hues?: MDThemeHues): MDTheme;
-        primaryPalette(name: string, hues?: MDThemeHues): MDTheme;
-        warnPalette(name: string, hues?: MDThemeHues): MDTheme;
-        backgroundPalette(name: string, hues?: MDThemeHues): MDTheme;
-        dark(isDark?: boolean): MDTheme;
-    }
-
-    interface MDThemingProvider {
-        theme(name: string, inheritFrom?: string): MDTheme;
-        definePalette(name: string, palette: MDPalette): MDThemingProvider;
-        extendPalette(name: string, palette: MDPalette): MDPalette;
-        setDefaultTheme(theme: string): void;
-        alwaysWatchTheme(alwaysWatch: boolean): void;
-    }
-}
diff --git a/angular-permission/angular-permission-2.3.1-tests.ts b/angular-permission/angular-permission-2.3.1-tests.ts
deleted file mode 100644
index f0a3176d97..0000000000
--- a/angular-permission/angular-permission-2.3.1-tests.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-
-
-import permission = angular.permission;
-
-angular
-  .module('fooModule', ['permission', 'user'])
-  .run(function (PermissionStore: permission.PermissionStore, User: any) {
-    // Define anonymous permission
-    PermissionStore
-      .definePermission('anonymous', function (stateParams) {
-        // If the returned value is *truthy* then the user has the permission, otherwise they don't
-        if (!User) {
-          return true; // Is anonymous
-        }
-        return false;
-      });
-  });
-
-  interface BackendUserService {
-    checkSession(): angular.IPromise<any>;
-    getAccessLevel(): angular.IPromise<{accessLevel: string}>;
-    hasPermissionDefinition(permission: string) : angular.IPromise<any>;
-  }
-
-  angular.module('barModule', ['permission', 'user'])
-  .run(function (PermissionStore: permission.PermissionStore, User: BackendUserService, $q: angular.IQService) {
-    PermissionStore
-      // Define user permission calling back-end
-      .definePermission('user', function (stateParams) {
-        // This time we will return a promise
-        // If the promise *resolves* then the user has the permission, if it *rejects* (you guessed it)
-
-        // Let's assume this returns a promise that resolves or rejects if session is active
-        return User.checkSession();
-      });
-
-    PermissionStore
-      // A different example for admin
-      .definePermission('admin', function (stateParams) {
-        var deferred = $q.defer();
-
-        User.getAccessLevel()
-          .then(function (data) {
-            if (data.accessLevel === 'admin') {
-              deferred.resolve();
-            } else {
-              deferred.reject();
-            }
-          })
-          .catch(function () {
-            // Error with request
-            deferred.reject();
-          });
-
-        return deferred.promise;
-      });
-
-    let arrayOfPermissionNames = ['p1', 'p2'];
-    PermissionStore.defineManyPermissions(arrayOfPermissionNames, function (stateParams: angular.ui.IStateParamsService, permissionName: string) {
-      return User.hasPermissionDefinition(permissionName);
-    });
-
-    PermissionStore.clearStore();
-
-    PermissionStore.removePermissionDefinition('user');
-
-    let permissions: Array<permission.Permission> = PermissionStore.getStore();
-
-
-  });
-
-angular
-  .module('fooModule', ['permission', 'user'])
-  .run(function (RoleStore: permission.RoleStore, User: any) {
-    RoleStore
-      // Permission array validated role
-      // Library will internally validate if 'user' and 'editor' permissions are valid when checking if role is valid
-      .defineRole('admin', ['user', 'editor']);
-
-    RoleStore
-      // Server side validated role
-      .defineRole('accountant', [], function (stateParams) {
-        // Let's assume that we are making a request to server here and return response as promise
-        return User.hasRole('accountant');
-      });
-
-    RoleStore.clearStore();
-
-    RoleStore.removeRoleDefinition('user');
-
-    let roles: Array<permission.Role> = RoleStore.getStore();
-  });
diff --git a/angular-permission/angular-permission-2.3.1.d.ts b/angular-permission/angular-permission-2.3.1.d.ts
deleted file mode 100644
index 015ee62801..0000000000
--- a/angular-permission/angular-permission-2.3.1.d.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-// Type definitions for angular-permission 2.3.1
-// Project: https://github.com/Narzerus/angular-permission
-// Definitions by: Voislav Mishevski <https://github.com/vmishevski>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference types="angular-ui-router" />
-
-declare namespace angular.permission {
-
-  export interface PermissionStore {
-    /**
-     * Allows to define permission on application configuration
-     * @method
-     *
-     * @param permissionName {String} Name of defined permission
-     * @param validationFunction {Function} Function used to validate if permission is valid
-     */
-    definePermission(
-      name: string,
-      validationFunction: (stateParams?: angular.ui.IStateParamsService, permission?: string) => boolean | angular.IPromise<any>
-    ): void;
-
-    /**
-     * Allows to define set of permissionNames with shared validation function on application configuration
-     * @method
-     * @throws {TypeError}
-     *
-     * @param permissionNames {Array} Set of permission names
-     * @param validationFunction {Function} Function used to validate if permission is valid
-     */
-    defineManyPermissions(
-      permissions: string[],
-      validationFunction: (stateParams?: angular.ui.IStateParamsService, permission?: string) => boolean | angular.IPromise<any>
-    ): void;
-
-    clearStore(): void;
-
-    /**
-     * Deletes permission
-     * @method
-     *
-     * @param permissionName {String} Name of defined permission
-     */
-    removePermissionDefinition(permission: string): void;
-
-    /**
-     * Checks if permission exists
-     * @method
-     *
-     * @param permissionName {String} Name of defined permission
-     * @returns {Boolean}
-     */
-    hasPermissionDefinition(permissionName: string): boolean;
-
-    /**
-     * Returns all permissions
-     * @method
-     *
-     * @returns {Object} Permissions collection
-     */
-    getStore(): Permission[];
-  }
-
-  export interface RoleStore {
-    /**
-     * Allows to define role
-     * @method
-     *
-     * @param roleName {String} Name of defined role
-     * @param permissions {Array} Set of permission names
-     * @param [validationFunction] {Function} Function used to validate if permissions in role are valid
-     */
-    defineRole(
-      role: string,
-      permissions: Array<string>,
-      validationFunction: RoleValidationFunction
-    ): void;
-
-    /**
-     * Allows to define role
-     * @method
-     *
-     * @param roleName {String} Name of defined role
-     * @param permissions {Array} Set of permission names
-     */
-    defineRole(role: string, permissions: Array<string>): void;
-
-    /**
-     * Checks if role is defined in store
-     * @method
-     *
-     * @param roleName {String} Name of role
-     * @returns {Boolean}
-     */
-    hasRoleDefinition(role: string): boolean;
-
-    /**
-     * Returns role definition object by it's name
-     * @method
-     *
-     * @returns {permission.Role} Role definition object
-     */
-    getRoleDefinition(roleName: string): Role;
-
-    /**
-     * Removes all role definitions
-     * @method
-     */
-    clearStore(): void;
-
-    /**
-     * Deletes role from store
-     * @method
-     *
-     * @param roleName {String} Name of defined permission
-     */
-    removeRoleDefinition(roleName: string): void;
-
-    /**
-     * Returns all role definitions
-     * @method
-     *
-     * @returns {Object} Defined roles collection
-     */
-    getStore(): Role[];
-  }
-
-  export interface Role {
-    roleName: string;
-    permissionNames: string[];
-    validationFunction?: RoleValidationFunction;
-  }
-
-  export interface Permission {
-    permissionName: string;
-    validationFunction?: PermissionValidationFunction;
-  }
-
-  interface RoleValidationFunction {
-    (stateParams?: angular.ui.IStateParamsService, permission?: string): boolean | angular.IPromise<any>;
-  }
-
-  interface PermissionValidationFunction {
-    (stateParams?: angular.ui.IStateParamsService, permission?: string): boolean | angular.IPromise<any>;
-  }
-
-  export interface IPermissionState extends angular.ui.IState {
-    data?: any | DataWithPermissions;
-  }
-
-  export interface DataWithPermissions {
-    permissions?: {
-      only?: (() => void) | Array<string> | angular.IPromise<any>;
-      except?: (() => void) | Array<string> | angular.IPromise<any>;
-      redirectTo: string | (() => string) | (() => PermissionRedirectConfigation) | {[index: string]: PermissionRedirectConfigation}
-    };
-  }
-
-  export interface PermissionRedirectConfigation {
-    state: string;
-    params?: {};
-    options?: angular.ui.IStateOptions;
-  }
-}
diff --git a/angular/UNUSED_FILES.txt b/angular/UNUSED_FILES.txt
new file mode 100644
index 0000000000..fc63be0214
--- /dev/null
+++ b/angular/UNUSED_FILES.txt
@@ -0,0 +1 @@
+angular-component-router.d.ts
\ No newline at end of file
diff --git a/angular/legacy/angular-1.0-tests.ts b/angular/legacy/angular-1.0-tests.ts
deleted file mode 100644
index b0e7ed692c..0000000000
--- a/angular/legacy/angular-1.0-tests.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-
-
-// issue: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/369
-https://github.com/witoldsz/angular-http-auth/blob/master/src/angular-http-auth.js
-/**
- * @license HTTP Auth Interceptor Module for AngularJS
- * (c) 2012 Witold Szczerba
- * License: MIT
- */
-angular.module('http-auth-interceptor', [])
-
-    .provider('authService', function () {
-        /**
-         * Holds all the requests which failed due to 401 response,
-         * so they can be re-requested in future, once login is completed.
-         */
-        var buffer = [];
-
-        /**
-         * Required by HTTP interceptor.
-         * Function is attached to provider to be invisible for regular users of this service.
-         */
-        this.pushToBuffer = function (config: ng.IRequestConfig, deferred: ng.IDeferred<any>) {
-            buffer.push({
-                config: config,
-                deferred: deferred
-            });
-        }
-
-      this.$get = ['$rootScope', '$injector', <any>function ($rootScope: ng.IScope, $injector: ng.auto.IInjectorService) {
-            var $http: ng.IHttpService; //initialized later because of circular dependency problem
-            function retry(config: ng.IRequestConfig, deferred: ng.IDeferred<any>) {
-                $http = $http || $injector.get('$http');
-                $http(config).then(function (response) {
-                    deferred.resolve(response);
-                });
-            }
-            function retryAll() {
-                for (var i = 0; i < buffer.length; ++i) {
-                    retry(buffer[i].config, buffer[i].deferred);
-                }
-                buffer = [];
-            }
-
-          return {
-                loginConfirmed: function () {
-                    $rootScope.$broadcast('event:auth-loginConfirmed');
-                    retryAll();
-                }
-            }
-      }]
-  })
-
-/**
- * $http interceptor.
- * On 401 response - it stores the request and broadcasts 'event:angular-auth-loginRequired'.
- */
-    .config(['$httpProvider', 'authServiceProvider', <any>function ($httpProvider: ng.IHttpProvider, authServiceProvider) {
-
-        var interceptor = ['$rootScope', '$q', <any>function ($rootScope: ng.IScope, $q: ng.IQService) {
-            function success(response: ng.IHttpPromiseCallbackArg<any>) {
-                return response;
-            }
-
-            function error(response: ng.IHttpPromiseCallbackArg<any>) {
-                if (response.status === 401) {
-                    var deferred = $q.defer<void>();
-                    authServiceProvider.pushToBuffer(response.config, deferred);
-                    $rootScope.$broadcast('event:auth-loginRequired');
-                    return deferred.promise;
-                }
-                // otherwise
-                return $q.reject(response);
-            }
-
-          return function (promise: ng.IHttpPromise<any>) {
-                return promise.then(success, error);
-            }
-
-      }];
-        $httpProvider.responseInterceptors.push(interceptor);
-    }]);
-
-
-namespace HttpAndRegularPromiseTests {
-    interface Person {
-        firstName: string;
-        lastName: string;
-    }
-
-    interface ExpectedResponse extends Person { }
-
-    interface SomeControllerScope extends ng.IScope {
-        person: Person;
-        theAnswer: number;
-        letters: string[];
-    }
-
-    var someController: Function = ($scope: SomeControllerScope, $http: ng.IHttpService, $q: ng.IQService) => {
-        $http.get("http://somewhere/some/resource")
-            .success((data: ExpectedResponse) => {
-                $scope.person = data;
-            });
-
-        $http.get("http://somewhere/some/resource")
-            .then((response: ng.IHttpPromiseCallbackArg<ExpectedResponse>) => {
-                // typing lost, so something like
-                // var i: number = response.data
-                // would type check
-                $scope.person = response.data;
-            });
-
-        $http.get("http://somewhere/some/resource")
-            .then((response: ng.IHttpPromiseCallbackArg<ExpectedResponse>) => {
-                // typing lost, so something like
-                // var i: number = response.data
-                // would NOT type check
-                $scope.person = response.data;
-            });
-
-        var aPromise: ng.IPromise<Person> = $q.when({ firstName: "Jack", lastName: "Sparrow" });
-        aPromise.then((person: Person) => {
-            $scope.person = person;
-        });
-
-        var bPromise: ng.IPromise<number> = $q.when(42);
-        bPromise.then((answer: number) => {
-            $scope.theAnswer = answer;
-        });
-
-        var cPromise: ng.IPromise<string[]> = $q.when(["a", "b", "c"]);
-        cPromise.then((letters: string[]) => {
-            $scope.letters = letters;
-        });
-    }
-
-  // Test that we can pass around a type-checked success/error Promise Callback
-  var anotherController: Function = ($scope: SomeControllerScope, $http:
-        ng.IHttpService, $q: ng.IQService) => {
-
-        var buildFooData: Function = () => 42;
-
-        var doFoo: Function = (callback: ng.IHttpPromiseCallback<ExpectedResponse>) => {
-            $http.get('/foo', buildFooData())
-                .success(callback);
-        }
-
-    doFoo((data) => console.log(data));
-    }
-}
-
-// Test for AngularJS Syntax
-
-namespace My.Namespace {
-    export var x; // need to export something for module to kick in
-}
-
-// IModule Registering Test
-var mod = angular.module('tests', []);
-mod.controller('name', function ($scope: ng.IScope) { })
-mod.controller('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.controller(My.Namespace);
-mod.directive('name', <any>function ($scope: ng.IScope) { })
-mod.directive('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.directive(My.Namespace);
-mod.factory('name', function ($scope: ng.IScope) { })
-mod.factory('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.factory(My.Namespace);
-mod.filter('name', function ($scope: ng.IScope) { })
-mod.filter('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.filter(My.Namespace);
-mod.provider('name', function ($scope: ng.IScope) { })
-mod.provider('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.provider(My.Namespace);
-mod.service('name', function ($scope: ng.IScope) { })
-mod.service('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.service(My.Namespace);
-mod.constant('name', 23);
-mod.constant('name', "23");
-mod.constant(My.Namespace);
-mod.value('name', 23);
-mod.value('name', "23");
-mod.value(My.Namespace);
-
-// Promise signature tests
-var foo: ng.IPromise<number>;
-foo.then((x) => {
-    // x is inferred to be a number
-    return "asdf";
-}).then((x) => {
-    // x is inferred to be string
-    x.length;
-    return 123;
-}).then((x) => {
-    // x is infered to be a number
-    x.toFixed();
-    return;
-}).then((x) => {
-    // x is infered to be void
-    // Typescript will prevent you to actually use x as a local variable
-    // Try object:
-    return { a: 123 };
-}).then((x) => {
-    // Object is inferred here
-    x.a = 123;
-    //Try a promise
-    var y: ng.IPromise<number>;
-    return y;
-}).then((x) => {
-    // x is infered to be a number, which is the resolved value of a promise
-    x.toFixed();
-});
-
-
-// angular.element() tests
-var element = angular.element("div.myApp");
-var scope: ng.IScope = element.scope();
-
-
diff --git a/angular/legacy/angular-1.0.d.ts b/angular/legacy/angular-1.0.d.ts
deleted file mode 100644
index 8c3fbca20a..0000000000
--- a/angular/legacy/angular-1.0.d.ts
+++ /dev/null
@@ -1,760 +0,0 @@
-// Type definitions for Angular JS 1.0
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference types="jquery" />
-
-declare var angular: ng.IAngularStatic;
-
-// Support for painless dependency injection
-interface Function {
-    $inject:string[];
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// ng module (angular.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng {
-
-    // All service providers extend this interface
-    interface IServiceProvider {
-        $get(): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularStatic
-    // see http://docs.angularjs.org/api
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAngularStatic {
-        bind(context: any, fn: Function, ...args: any[]): Function;
-        bootstrap(element: string, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: JQuery, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: Element, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: Document, modules?: any[]): auto.IInjectorService;
-        copy(source: any, destination?: any): any;
-        element: IAugmentedJQueryStatic;
-        equals(value1: any, value2: any): boolean;
-        extend(destination: any, ...sources: any[]): any;
-        forEach(obj: any, iterator: (value: any, key: any) => any, context?: any): any;
-        fromJson(json: string): any;
-        identity(arg?: any): any;
-        injector(modules?: any[]): auto.IInjectorService;
-        isArray(value: any): boolean;
-        isDate(value: any): boolean;
-        isDefined(value: any): boolean;
-        isElement(value: any): boolean;
-        isFunction(value: any): boolean;
-        isNumber(value: any): boolean;
-        isObject(value: any): boolean;
-        isString(value: any): boolean;
-        isUndefined(value: any): boolean;
-        lowercase(str: string): string;
-        /** construct your angular application
-		official docs: Interface for configuring angular modules.
-		see: http://docs.angularjs.org/api/angular.Module
-		*/
-        module(
-            /** name of your module you want to create */
-            name: string,
-            /** name of modules yours depends on */
-            requires?: string[],
-            configFunction?: any): IModule;
-        noop(...args: any[]): void;
-        toJson(obj: any, pretty?: boolean): string;
-        uppercase(str: string): string;
-        version: {
-            full: string;
-            major: number;
-            minor: number;
-            dot: number;
-            codename: string;
-        };
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Module
-    // see http://docs.angularjs.org/api/angular.Module
-    ///////////////////////////////////////////////////////////////////////////
-    interface IModule {
-        animation(name: string, animationFactory: Function): IModule;
-        animation(name: string, inlineAnnotadedFunction: any[]): IModule;
-        animation(object: Object): IModule;
-        /** configure existing services.
-		Use this method to register work which needs to be performed on module loading
-		 */
-        config(configFn: Function): IModule;
-        /** configure existing services.
-		Use this method to register work which needs to be performed on module loading
-		 */
-        config(inlineAnnotadedFunction: any[]): IModule;
-        constant(name: string, value: any): IModule;
-        constant(object: Object): IModule;
-        controller(name: string, controllerConstructor: Function): IModule;
-        controller(name: string, inlineAnnotadedConstructor: any[]): IModule;
-        controller(object : Object): IModule;
-        directive(name: string, directiveFactory: (...params:any[])=> IDirective): IModule;
-        directive(name: string, inlineAnnotadedFunction: any[]): IModule;
-        directive(object: Object): IModule;
-        factory(name: string, serviceFactoryFunction: Function): IModule;
-        factory(name: string, inlineAnnotadedFunction: any[]): IModule;
-        factory(object: Object): IModule;
-        filter(name: string, filterFactoryFunction: Function): IModule;
-        filter(name: string, inlineAnnotadedFunction: any[]): IModule;
-        filter(object: Object): IModule;
-        provider(name: string, serviceProviderConstructor: Function): IModule;
-        provider(name: string, inlineAnnotadedConstructor: any[]): IModule;
-        provider(object: Object): IModule;
-        run(initializationFunction: Function): IModule;
-        run(inlineAnnotadedFunction: any[]): IModule;
-        service(name: string, serviceConstructor: Function): IModule;
-        service(name: string, inlineAnnotadedConstructor: any[]): IModule;
-        service(object: Object): IModule;
-        value(name: string, value: any): IModule;
-        value(object: Object): IModule;
-
-        // Properties
-        name: string;
-        requires: string[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Attributes
-    // see http://docs.angularjs.org/api/ng.$compile.directive.Attributes
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAttributes {
-        $set(name: string, value: any): void;
-        $observe(name: string, fn:(value?:any)=>any):void;
-        $attr: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // FormController
-    // see http://docs.angularjs.org/api/ng.directive:form.FormController
-    ///////////////////////////////////////////////////////////////////////////
-    interface IFormController {
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-        $error: any;
-        $setDirty(): void;
-        $setPristine(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // NgModelController
-    // see http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController
-    ///////////////////////////////////////////////////////////////////////////
-    interface INgModelController {
-        $render(): void;
-        $setValidity(validationErrorKey: string, isValid: boolean): void;
-        $setViewValue(value: string): void;
-
-        // XXX Not sure about the types here. Documentation states it's a string, but
-        // I've seen it receiving other types throughout the code.
-        // Falling back to any for now.
-        $viewValue: any;
-
-        // XXX Same as avove
-        $modelValue: any;
-
-        $parsers: IModelParser[];
-        $formatters: IModelFormatter[];
-        $error: any;
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-    }
-
-    interface IModelParser {
-        (value: any): any;
-    }
-
-    interface IModelFormatter {
-        (value: any): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Scope
-    // see http://docs.angularjs.org/api/ng.$rootScope.Scope
-    ///////////////////////////////////////////////////////////////////////////
-    interface IScope {
-        $apply(): any;
-        $apply(exp: string): any;
-        $apply(exp: (scope: IScope) => any): any;
-
-        $broadcast(name: string, ...args: any[]): IAngularEvent;
-        $destroy(): void;
-        $digest(): void;
-        $emit(name: string, ...args: any[]): IAngularEvent;
-
-        // Documentation says exp is optional, but actual implementaton counts on it
-        $eval(expression: string): any;
-        $eval(expression: (scope: IScope) => any): any;
-
-        // Documentation says exp is optional, but actual implementaton counts on it
-        $evalAsync(expression: string): void;
-        $evalAsync(expression: (scope: IScope) => any): void;
-
-        // Defaults to false by the implementation checking strategy
-        $new(isolate?: boolean): IScope;
-
-        $on(name: string, listener: (event: IAngularEvent, ...args: any[]) => any): Function;
-
-        $watch(watchExpression: string, listener?: string, objectEquality?: boolean): Function;
-        $watch(watchExpression: string, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function;
-        $watch(watchExpression: (scope: IScope) => any, listener?: string, objectEquality?: boolean): Function;
-        $watch(watchExpression: (scope: IScope) => any, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function;
-
-        $watchCollection(watchExpression: string, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-        $watchCollection(watchExpression: (scope: IScope) => any, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-
-        $parent: IScope;
-
-        $id: number;
-
-        // Hidden members
-        $$isolateBindings: any;
-        $$phase: any;
-    }
-
-    interface IAngularEvent {
-        targetScope: IScope;
-        currentScope: IScope;
-        name: string;
-        preventDefault: Function;
-        defaultPrevented: boolean;
-
-        // Available only events that were $emit-ted
-        stopPropagation?: Function;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // WindowService
-    // see http://docs.angularjs.org/api/ng.$window
-    ///////////////////////////////////////////////////////////////////////////
-    interface IWindowService extends Window {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // BrowserService
-    // TODO undocumented, so we need to get it from the source code
-    ///////////////////////////////////////////////////////////////////////////
-    interface IBrowserService {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TimeoutService
-    // see http://docs.angularjs.org/api/ng.$timeout
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITimeoutService {
-        (func: Function, delay?: number, invokeApply?: boolean): IPromise<any>;
-        cancel(promise: IPromise<any>): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // FilterService
-    // see http://docs.angularjs.org/api/ng.$filter
-    // see http://docs.angularjs.org/api/ng.$filterProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IFilterService {
-        (name: string): Function;
-    }
-
-    interface IFilterProvider extends IServiceProvider {
-        register(name: string, filterFactory: Function): IServiceProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LocaleService
-    // see http://docs.angularjs.org/api/ng.$locale
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILocaleService {
-        id: string;
-
-        // These are not documented
-        // Check angular's i18n files for exemples
-        NUMBER_FORMATS: ILocaleNumberFormatDescriptor;
-        DATETIME_FORMATS: ILocaleDateTimeFormatDescriptor;
-        pluralCat: (num: any) => string;
-    }
-
-    interface ILocaleNumberFormatDescriptor {
-        DECIMAL_SEP: string;
-        GROUP_SEP: string;
-        PATTERNS: ILocaleNumberPatternDescriptor[];
-        CURRENCY_SYM: string;
-    }
-
-    interface ILocaleNumberPatternDescriptor {
-        minInt: number;
-        minFrac: number;
-        maxFrac: number;
-        posPre: string;
-        posSuf: string;
-        negPre: string;
-        negSuf: string;
-        gSize: number;
-        lgSize: number;
-    }
-
-    interface ILocaleDateTimeFormatDescriptor {
-        MONTH: string[];
-        SHORTMONTH: string[];
-        DAY: string[];
-        SHORTDAY: string[];
-        AMPMS: string[];
-        medium: string;
-        short: string;
-        fullDate: string;
-        longDate: string;
-        mediumDate: string;
-        shortDate: string;
-        mediumTime: string;
-        shortTime: string;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LogService
-    // see http://docs.angularjs.org/api/ng.$log
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILogService {
-        debug: ILogCall;
-        error: ILogCall;
-        info: ILogCall;
-        log: ILogCall;
-        warn: ILogCall;
-    }
-
-    // We define this as separete interface so we can reopen it later for
-    // the ngMock module.
-    interface ILogCall {
-        (...args: any[]): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ParseService
-    // see http://docs.angularjs.org/api/ng.$parse
-    ///////////////////////////////////////////////////////////////////////////
-    interface IParseService {
-        (expression: string): ICompiledExpression;
-    }
-
-    interface ICompiledExpression {
-        (context: any, locals?: any): any;
-
-        // If value is not provided, undefined is gonna be used since the implementation
-        // does not check the parameter. Let's force a value for consistency. If consumer
-        // whants to undefine it, pass the undefined value explicitly.
-        assign(context: any, value: any): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LocationService
-    // see http://docs.angularjs.org/api/ng.$location
-    // see http://docs.angularjs.org/api/ng.$locationProvider
-    // see http://docs.angularjs.org/guide/dev_guide.services.$location
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILocationService {
-        absUrl(): string;
-        hash(): string;
-        hash(newHash: string): ILocationService;
-        host(): string;
-        path(): string;
-        path(newPath: string): ILocationService;
-        port(): number;
-        protocol(): string;
-        replace(): ILocationService;
-        search(): any;
-        search(parametersMap: any): ILocationService;
-        search(parameter: string, parameterValue: any): ILocationService;
-        url(): string;
-        url(url: string): ILocationService;
-    }
-
-    interface ILocationProvider extends IServiceProvider {
-        hashPrefix(): string;
-        hashPrefix(prefix: string): ILocationProvider;
-        html5Mode(): boolean;
-
-        // Documentation states that parameter is string, but
-        // implementation tests it as boolean, which makes more sense
-        // since this is a toggler
-        html5Mode(active: boolean): ILocationProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // DocumentService
-    // see http://docs.angularjs.org/api/ng.$document
-    ///////////////////////////////////////////////////////////////////////////
-    interface IDocumentService extends Document {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ExceptionHandlerService
-    // see http://docs.angularjs.org/api/ng.$exceptionHandler
-    ///////////////////////////////////////////////////////////////////////////
-    interface IExceptionHandlerService {
-        (exception: Error, cause?: string): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RootElementService
-    // see http://docs.angularjs.org/api/ng.$rootElement
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRootElementService extends JQuery {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // QService
-    // see http://docs.angularjs.org/api/ng.$q
-    ///////////////////////////////////////////////////////////////////////////
-    interface IQService {
-        all(promises: IPromise<any>[]): IPromise<any[]>;
-        defer<T>(): IDeferred<T>;
-        reject(reason?: any): IPromise<void>;
-        when<T>(value: T): IPromise<T>;
-    }
-
-    interface IPromise<T> {
-        then<TResult>(successCallback: (promiseValue: T) => IHttpPromise<TResult>, errorCallback?: (reason: any) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (promiseValue: T) => IPromise<TResult>, errorCallback?: (reason: any) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (promiseValue: T) => TResult, errorCallback?: (reason: any) => TResult): IPromise<TResult>;
-    }
-
-    interface IDeferred<T> {
-        resolve(value?: T): void;
-        reject(reason?: any): void;
-        promise: IPromise<T>;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AnchorScrollService
-    // see http://docs.angularjs.org/api/ng.$anchorScroll
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnchorScrollService {
-        (): void;
-    }
-
-    interface IAnchorScrollProvider extends IServiceProvider {
-        disableAutoScrolling(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CacheFactoryService
-    // see http://docs.angularjs.org/api/ng.$cacheFactory
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICacheFactoryService {
-        // Lets not foce the optionsMap to have the capacity member. Even though
-        // it's the ONLY option considered by the implementation today, a consumer
-        // might find it useful to associate some other options to the cache object.
-        //(cacheId: string, optionsMap?: { capacity: number; }): CacheObject;
-        (cacheId: string, optionsMap?: { capacity: number; }): ICacheObject;
-
-        // Methods bellow are not documented
-        info(): any;
-        get (cacheId: string): ICacheObject;
-    }
-
-    interface ICacheObject {
-        info(): {
-            id: string;
-            size: number;
-
-            // Not garanteed to have, since it's a non-mandatory option
-            //capacity: number;
-        };
-        put(key: string, value?: any): void;
-        get (key: string): any;
-        remove(key: string): void;
-        removeAll(): void;
-        destroy(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CompileService
-    // see http://docs.angularjs.org/api/ng.$compile
-    // see http://docs.angularjs.org/api/ng.$compileProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICompileService {
-        (element: string, transclude?: ITemplateLinkingFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: Element, transclude?: ITemplateLinkingFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: JQuery, transclude?: ITemplateLinkingFunction, maxPriority?: number): ITemplateLinkingFunction;
-    }
-
-    interface ICompileProvider extends IServiceProvider {
-        directive(name: string, directiveFactory: Function): ICompileProvider;
-
-        // Undocumented, but it is there...
-        directive(directivesMap: any): ICompileProvider;
-    }
-
-    interface ITemplateLinkingFunction {
-        // Let's hint but not force cloneAttachFn's signature
-        (scope: IScope, cloneAttachFn?: (clonedElement?: JQuery, scope?: IScope) => any): JQuery;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ControllerService
-    // see http://docs.angularjs.org/api/ng.$controller
-    // see http://docs.angularjs.org/api/ng.$controllerProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IControllerService {
-        // Although the documentation doesn't state this, locals are optional
-        (controllerConstructor: Function, locals?: any): any;
-        (controllerName: string, locals?: any): any;
-    }
-
-    interface IControllerProvider extends IServiceProvider {
-        register(name: string, controllerConstructor: Function): void;
-        register(name: string, dependencyAnnotadedConstructor: any[]): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpService
-    // see http://docs.angularjs.org/api/ng.$http
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpService {
-        // At least moethod and url must be provided...
-        (config: IRequestConfig): IHttpPromise<any>;
-        get (url: string, RequestConfig?: any): IHttpPromise<any>;
-        delete (url: string, RequestConfig?: any): IHttpPromise<any>;
-        head(url: string, RequestConfig?: any): IHttpPromise<any>;
-        jsonp(url: string, RequestConfig?: any): IHttpPromise<any>;
-        post(url: string, data: any, RequestConfig?: any): IHttpPromise<any>;
-        put(url: string, data: any, RequestConfig?: any): IHttpPromise<any>;
-        defaults: IRequestConfig;
-
-        // For debugging, BUT it is documented as public, so...
-        pendingRequests: any[];
-    }
-
-    // This is just for hinting.
-    // Some opetions might not be available depending on the request.
-    // see http://docs.angularjs.org/api/ng.$http#Usage for options explanations
-    interface IRequestConfig {
-        method: string;
-        url: string;
-        params?: any;
-
-        // XXX it has it's own structure...  perhaps we should define it in the future
-        headers?: any;
-
-        cache?: any;
-        timeout?: number;
-        withCredentials?: boolean;
-
-        // These accept multiple types, so let's defile them as any
-        data?: any;
-        transformRequest?: any;
-        transformResponse?: any;
-    }
-
-    interface IHttpPromiseCallback<T> {
-        (data: T, status: number, headers: (headerName: string) => string, config: IRequestConfig): void;
-    }
-
-    interface IHttpPromiseCallbackArg<T> {
-        data?: T;
-        status?: number;
-        headers?: (headerName: string) => string;
-        config?: IRequestConfig;
-    }
-
-    interface IHttpPromise<T> extends IPromise<T> {
-        success(callback: IHttpPromiseCallback<T>): IHttpPromise<T>;
-        error(callback: IHttpPromiseCallback<T>): IHttpPromise<T>;
-        then<TResult>(successCallback: (response: IHttpPromiseCallbackArg<T>) => TResult, errorCallback?: (response: IHttpPromiseCallbackArg<T>) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (response: IHttpPromiseCallbackArg<T>) => IPromise<TResult>, errorCallback?: (response: IHttpPromiseCallbackArg<T>) => any): IPromise<TResult>;
-    }
-
-    interface IHttpProvider extends IServiceProvider {
-        defaults: IRequestConfig;
-        interceptors: any[];
-        responseInterceptors: any[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpBackendService
-    // see http://docs.angularjs.org/api/ng.$httpBackend
-    // You should never need to use this service directly.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpBackendService {
-        // XXX Perhaps define callback signature in the future
-        (method: string, url: string, post?: any, callback?: Function, headers?: any, timeout?: number, withCredentials?: boolean): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // InterpolateService
-    // see http://docs.angularjs.org/api/ng.$interpolate
-    // see http://docs.angularjs.org/api/ng.$interpolateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IInterpolateService {
-        (text: string, mustHaveExpression?: boolean): IInterpolationFunction;
-        endSymbol(): string;
-        startSymbol(): string;
-    }
-
-    interface IInterpolationFunction {
-        (context: any): string;
-    }
-
-    interface IInterpolateProvider extends IServiceProvider {
-        startSymbol(): string;
-        startSymbol(value: string): IInterpolateProvider;
-        endSymbol(): string;
-        endSymbol(value: string): IInterpolateProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RouteParamsService
-    // see http://docs.angularjs.org/api/ng.$routeParams
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRouteParamsService {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TemplateCacheService
-    // see http://docs.angularjs.org/api/ng.$templateCache
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITemplateCacheService extends ICacheObject {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RootScopeService
-    // see http://docs.angularjs.org/api/ng.$rootScope
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRootScopeService extends IScope {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RouteService
-    // see http://docs.angularjs.org/api/ng.$route
-    // see http://docs.angularjs.org/api/ng.$routeProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRouteService {
-        reload(): void;
-        routes: any;
-
-        // May not always be available. For instance, current will not be available
-        // to a controller that was not initialized as a result of a route maching.
-        current?: ICurrentRoute;
-    }
-
-    // see http://docs.angularjs.org/api/ng.$routeProvider#when for options explanations
-    interface IRoute {
-        controller?: any;
-        name?: string;
-        template?: string;
-        templateUrl?: any;
-        resolve?: any;
-        redirectTo?: any;
-        reloadOnSearch?: boolean;
-    }
-
-    // see http://docs.angularjs.org/api/ng.$route#current
-    interface ICurrentRoute extends IRoute {
-        locals: {
-            $scope: IScope;
-            $template: string;
-        };
-
-        params: any;
-    }
-
-    interface IRouteProvider extends IServiceProvider {
-        otherwise(params: any): IRouteProvider;
-        when(path: string, route: IRoute): IRouteProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Directive
-    // see http://docs.angularjs.org/api/ng.$compileProvider#directive
-    // and http://docs.angularjs.org/guide/directive
-    ///////////////////////////////////////////////////////////////////////////
-
-    interface IDirective{
-        priority?: number;
-        template?: any;
-        templateUrl?: any;
-        replace?: boolean;
-        transclude?: any;
-        restrict?: string;
-        scope?: any;
-        link?: Function;
-        compile?: Function;
-        controller?: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // angular.element
-    // when calling angular.element, angular returns a jQuery object,
-    // augmented with additional methods like e.g. scope.
-    // see: http://docs.angularjs.org/api/angular.element
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAugmentedJQueryStatic extends JQueryStatic {
-        (selector: string, context?: any): IAugmentedJQuery;
-        (element: Element): IAugmentedJQuery;
-        (object: {}): IAugmentedJQuery;
-        (elementArray: Element[]): IAugmentedJQuery;
-        (object: JQuery): IAugmentedJQuery;
-        (func: Function): IAugmentedJQuery;
-        (array: any[]): IAugmentedJQuery;
-        (): IAugmentedJQuery;
-    }
-
-    interface IAugmentedJQuery extends JQuery {
-        // TODO: events, how to define?
-        //$destroy
-
-        find(selector: string): IAugmentedJQuery;
-        find(element: any): IAugmentedJQuery;
-        find(obj: JQuery): IAugmentedJQuery;
-
-        controller(name: string): any;
-        injector(): any;
-        scope(): IScope;
-
-        inheritedData(key: string, value: any): JQuery;
-        inheritedData(obj: { [key: string]: any; }): JQuery;
-        inheritedData(key?: string): any;
-
-
-    }
-
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AUTO module (angular.js)
-    ///////////////////////////////////////////////////////////////////////////
-    export module auto {
-
-        ///////////////////////////////////////////////////////////////////////
-        // InjectorService
-        // see http://docs.angularjs.org/api/AUTO.$injector
-        ///////////////////////////////////////////////////////////////////////
-        interface IInjectorService {
-            annotate(fn: Function): string[];
-            annotate(inlineAnnotadedFunction: any[]): string[];
-            get (name: string): any;
-            instantiate(typeConstructor: Function, locals?: any): any;
-            invoke(func: Function, context?: any, locals?: any): any;
-        }
-
-        ///////////////////////////////////////////////////////////////////////
-        // ProvideService
-        // see http://docs.angularjs.org/api/AUTO.$provide
-        ///////////////////////////////////////////////////////////////////////
-        interface IProvideService {
-            // Documentation says it returns the registered instance, but actual
-            // implementation does not return anything.
-            // constant(name: string, value: any): any;
-            constant(name: string, value: any): void;
-
-            decorator(name: string, decorator: Function): void;
-            decorator(name: string, decoratorInline: any[]): void;
-            factory(name: string, serviceFactoryFunction: Function): ng.IServiceProvider;
-            provider(name: string, provider: ng.IServiceProvider): ng.IServiceProvider;
-            provider(name: string, serviceProviderConstructor: Function): ng.IServiceProvider;
-            service(name: string, constructor: Function): ng.IServiceProvider;
-            value(name: string, value: any): ng.IServiceProvider;
-        }
-
-    }
-
-}
diff --git a/angular/legacy/angular-1.2-tests.ts b/angular/legacy/angular-1.2-tests.ts
deleted file mode 100644
index d618fa8d25..0000000000
--- a/angular/legacy/angular-1.2-tests.ts
+++ /dev/null
@@ -1,571 +0,0 @@
-
-
-// issue: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/369
-// https://github.com/witoldsz/angular-http-auth/blob/master/src/angular-http-auth.js
-/**
- * @license HTTP Auth Interceptor Module for AngularJS
- * (c) 2012 Witold Szczerba
- * License: MIT
- */
-
-class AuthService {
-    /**
-      * Holds all the requests which failed due to 401 response,
-      * so they can be re-requested in future, once login is completed.
-      */
-    buffer: { config: ng.IRequestConfig; deferred: ng.IDeferred<any>; }[] = [];
-
-    /**
-     * Required by HTTP interceptor.
-     * Function is attached to provider to be invisible for regular users of this service.
-     */
-    pushToBuffer = function(config: ng.IRequestConfig, deferred: ng.IDeferred<any>) {
-        this.buffer.push({
-            config: config,
-            deferred: deferred
-        });
-    }
-
-    $get = [
-        '$rootScope', '$injector', <any>function($rootScope: ng.IScope, $injector: ng.auto.IInjectorService) {
-            var $http: ng.IHttpService; //initialized later because of circular dependency problem
-            function retry(config: ng.IRequestConfig, deferred: ng.IDeferred<any>) {
-                $http = $http || $injector.get('$http');
-                $http(config).then(function (response) {
-                    deferred.resolve(response);
-                });
-            }
-            function retryAll() {
-                for (var i = 0; i < this.buffer.length; ++i) {
-                    retry(this.buffer[i].config, this.buffer[i].deferred);
-                }
-                this.buffer = [];
-            }
-
-            return {
-                loginConfirmed: function () {
-                    $rootScope.$broadcast('event:auth-loginConfirmed');
-                    retryAll();
-                }
-            }
-        }
-    ];
-}
-
-angular.module('http-auth-interceptor', [])
-
-    .provider('authService', AuthService)
-
-/**
- * $http interceptor.
- * On 401 response - it stores the request and broadcasts 'event:angular-auth-loginRequired'.
- */
-    .config(['$httpProvider', 'authServiceProvider', <any>function ($httpProvider: ng.IHttpProvider, authServiceProvider: any) {
-
-        var interceptor = ['$rootScope', '$q', <any>function ($rootScope: ng.IScope, $q: ng.IQService) {
-            function success(response: ng.IHttpPromiseCallbackArg<any>) {
-                return response;
-            }
-
-            function error(response: ng.IHttpPromiseCallbackArg<any>) {
-                if (response.status === 401) {
-                    var deferred = $q.defer<void>();
-                    authServiceProvider.pushToBuffer(response.config, deferred);
-                    $rootScope.$broadcast('event:auth-loginRequired');
-                    return deferred.promise;
-                }
-                // otherwise
-                return $q.reject(response);
-            }
-
-          return function (promise: ng.IHttpPromise<any>) {
-                return promise.then(success, error);
-            }
-
-      }];
-        $httpProvider.responseInterceptors.push(interceptor);
-    }]);
-
-
-namespace HttpAndRegularPromiseTests {
-    interface Person {
-        firstName: string;
-        lastName: string;
-    }
-
-    interface ExpectedResponse extends Person { }
-
-    interface SomeControllerScope extends ng.IScope {
-        person: Person;
-        theAnswer: number;
-        letters: string[];
-        snack: string;
-        nothing?: string;
-    }
-
-    var someController: Function = ($scope: SomeControllerScope, $http: ng.IHttpService, $q: ng.IQService) => {
-        $http.get<ExpectedResponse>("http://somewhere/some/resource")
-            .success((data: ExpectedResponse) => {
-                $scope.person = data;
-            });
-
-        $http.get<ExpectedResponse>("http://somewhere/some/resource")
-            .then((response: ng.IHttpPromiseCallbackArg<ExpectedResponse>) => {
-                // typing lost, so something like
-                // var i: number = response.data
-                // would type check
-                $scope.person = response.data;
-            });
-
-        $http.get<ExpectedResponse>("http://somewhere/some/resource")
-            .then((response: ng.IHttpPromiseCallbackArg<ExpectedResponse>) => {
-                // typing lost, so something like
-                // var i: number = response.data
-                // would NOT type check
-                $scope.person = response.data;
-            });
-
-        var aPromise: ng.IPromise<Person> = $q.when({ firstName: "Jack", lastName: "Sparrow" });
-        aPromise.then((person: Person) => {
-            $scope.person = person;
-        });
-
-        var bPromise: ng.IPromise<number> = $q.when(42);
-        bPromise.then((answer: number) => {
-            $scope.theAnswer = answer;
-        });
-
-        var cPromise: ng.IPromise<string[]> = $q.when(["a", "b", "c"]);
-        cPromise.then((letters: string[]) => {
-            $scope.letters = letters;
-        });
-
-        // When $q.when is passed an IPromise<T>, it returns an IPromise<T>
-        var dPromise: ng.IPromise<string> = $q.when($q.when("ALBATROSS!"));
-        dPromise.then((snack: string) => {
-            $scope.snack = snack;
-        });
-
-        // $q.when may be called without arguments
-        var ePromise: ng.IPromise<void> = $q.when();
-        ePromise.then(() => {
-            $scope.nothing = "really nothing";
-        });
-    }
-
-  // Test that we can pass around a type-checked success/error Promise Callback
-  var anotherController: Function = ($scope: SomeControllerScope, $http:
-        ng.IHttpService, $q: ng.IQService) => {
-
-        var buildFooData: Function = () => 42;
-
-        var doFoo: Function = (callback: ng.IHttpPromiseCallback<ExpectedResponse>) => {
-            $http.get<ExpectedResponse>('/foo', buildFooData())
-                .success(callback);
-        }
-
-    doFoo((data: any) => console.log(data));
-    }
-}
-
-// Test for AngularJS Syntax
-
-namespace My.Namespace {
-    export var x: any; // need to export something for module to kick in
-}
-
-// IModule Registering Test
-var mod = angular.module('tests', []);
-mod.controller('name', function ($scope: ng.IScope) { })
-mod.controller('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.controller(My.Namespace);
-mod.directive('name', <any>function ($scope: ng.IScope) { })
-mod.directive('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.directive(My.Namespace);
-mod.factory('name', function ($scope: ng.IScope) { })
-mod.factory('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.factory(My.Namespace);
-mod.filter('name', function ($scope: ng.IScope) { })
-mod.filter('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.filter(My.Namespace);
-mod.provider('name', function ($scope: ng.IScope) { return { $get: () => { } } })
-mod.provider('name', TestProvider);
-mod.provider('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.provider(My.Namespace);
-mod.service('name', function ($scope: ng.IScope) { })
-mod.service('name', ['$scope', <any>function ($scope: ng.IScope) { }])
-mod.service(My.Namespace);
-mod.constant('name', 23);
-mod.constant('name', "23");
-mod.constant(My.Namespace);
-mod.value('name', 23);
-mod.value('name', "23");
-mod.value(My.Namespace);
-
-class TestProvider implements ng.IServiceProvider {
-    constructor(private $scope: ng.IScope) {
-    }
-
-    $get() {
-    }
-}
-
-// Promise signature tests
-var foo: ng.IPromise<number>;
-foo.then((x) => {
-    // x is inferred to be a number
-    return "asdf";
-}).then((x) => {
-    // x is inferred to be string
-    x.length;
-    return 123;
-}).then((x) => {
-    // x is infered to be a number
-    x.toFixed();
-    return;
-}).then((x) => {
-    // x is infered to be void
-    // Typescript will prevent you to actually use x as a local variable
-    // Try object:
-    return { a: 123 };
-}).then((x) => {
-    // Object is inferred here
-    x.a = 123;
-    //Try a promise
-    var y: ng.IPromise<number>;
-    return y;
-}).then((x) => {
-    // x is infered to be a number, which is the resolved value of a promise
-    x.toFixed();
-});
-
-
-var httpFoo: ng.IHttpPromise<number>;
-httpFoo.then((x) => {
-    // When returning a promise the generic type must be inferred.
-    var innerPromise : ng.IPromise<number>;
-    return innerPromise;
-}).then((x) => {
-    // must still be number.
-    x.toFixed();
-});
-
-
-function test_angular_forEach() {
-    var values: { [key: string]: string } = { name: 'misko', gender: 'male' };
-    var log: string[] = [];
-    angular.forEach(values, function (value, key) {
-        this.push(key + ': ' + value);
-    }, log);
-    //expect(log).toEqual(['name: misko', 'gender: male']);
-}
-
-// angular.element() tests
-var element = angular.element("div.myApp");
-var scope: ng.IScope = element.scope();
-var isolateScope: ng.IScope = element.isolateScope();
-
-
-
-function test_IAttributes(attributes: ng.IAttributes){
-    return attributes;
-}
-
-test_IAttributes({
-    $addClass: function (classVal){},
-    $removeClass: function(classVal){},
-    $set: function(key, value){},
-    $observe: function(name, fn){
-        return fn;
-    },
-    $attr: {}
-});
-
-class SampleDirective implements ng.IDirective {
-    public restrict = 'A';
-    name = 'doh';
-
-    compile(templateElement: ng.IAugmentedJQuery) {
-        return {
-            post: this.link
-        };
-    }
-
-    static instance():ng.IDirective {
-        return new SampleDirective();
-    }
-
-    link(scope: ng.IScope) {
-
-    }
-}
-
-class SampleDirective2 implements ng.IDirective {
-    public restrict = 'EAC';
-
-    compile(templateElement: ng.IAugmentedJQuery) {
-        return {
-            pre: this.link
-        };
-    }
-
-    static instance():ng.IDirective {
-        return new SampleDirective2();
-    }
-
-    link(scope: ng.IScope) {
-
-    }
-}
-
-angular.module('SameplDirective', []).directive('sampleDirective', SampleDirective.instance).directive('sameplDirective2', SampleDirective2.instance);
-
-// test from https://docs.angularjs.org/guide/directive
-angular.module('docsSimpleDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.customer = {
-            name: 'Naomi',
-            address: '1600 Amphitheatre'
-        };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            template: 'Name: {{customer.name}} Address: {{customer.address}}'
-        };
-    });
-
-angular.module('docsTemplateUrlDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.customer = {
-            name: 'Naomi',
-            address: '1600 Amphitheatre'
-        };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            templateUrl: 'my-customer.html'
-        };
-    });
-
-angular.module('docsRestrictDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.customer = {
-            name: 'Naomi',
-            address: '1600 Amphitheatre'
-        };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            restrict: 'E',
-            templateUrl: 'my-customer.html'
-        };
-    });
-
-angular.module('docsScopeProblemExample', [])
-    .controller('NaomiController', ['$scope', function($scope: any) {
-        $scope.customer = {
-            name: 'Naomi',
-            address: '1600 Amphitheatre'
-        };
-    }])
-    .controller('IgorController', ['$scope', function($scope: any) {
-        $scope.customer = {
-            name: 'Igor',
-            address: '123 Somewhere'
-        };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            restrict: 'E',
-            templateUrl: 'my-customer.html'
-        };
-    });
-
-angular.module('docsIsolateScopeDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-        $scope.igor = { name: 'Igor', address: '123 Somewhere' };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            restrict: 'E',
-            scope: {
-                customerInfo: '=info'
-            },
-            templateUrl: 'my-customer-iso.html'
-        };
-    });
-
-angular.module('docsIsolationExample', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
-        $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' };
-    }])
-    .directive('myCustomer', function() {
-        return {
-            restrict: 'E',
-            scope: {
-                customerInfo: '=info'
-            },
-            templateUrl: 'my-customer-plus-vojta.html'
-        };
-    });
-
-angular.module('docsTimeDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.format = 'M/d/yy h:mm:ss a';
-    }])
-    .directive('myCurrentTime', ['$interval', 'dateFilter', function($interval: any, dateFilter: any) {
-
-        return {
-            link: function(scope: ng.IScope, element: ng.IAugmentedJQuery, attrs:ng.IAttributes) {
-                var format: any,
-                    timeoutId: any;
-
-                function updateTime() {
-                    element.text(dateFilter(new Date(), format));
-                }
-
-                scope.$watch(attrs['myCurrentTime'], function (value: any) {
-                    format = value;
-                    updateTime();
-                });
-
-                element.on('$destroy', function () {
-                    $interval.cancel(timeoutId);
-                });
-
-                // start the UI update process; save the timeoutId for canceling
-                timeoutId = $interval(function () {
-                    updateTime(); // update DOM
-                }, 1000);
-            }
-        };
-    }]);
-
-angular.module('docsTransclusionDirective', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.name = 'Tobias';
-    }])
-    .directive('myDialog', function() {
-        return {
-            restrict: 'E',
-            transclude: true,
-            templateUrl: 'my-dialog.html'
-        };
-    });
-
-angular.module('docsTransclusionExample', [])
-    .controller('Controller', ['$scope', function($scope: any) {
-        $scope.name = 'Tobias';
-    }])
-    .directive('myDialog', function() {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            templateUrl: 'my-dialog.html',
-            link: function (scope: ng.IScope, element: ng.IAugmentedJQuery) {
-                scope['name'] = 'Jeff';
-            }
-        };
-    });
-
-angular.module('docsIsoFnBindExample', [])
-    .controller('Controller', ['$scope', '$timeout', function($scope: any, $timeout: any) {
-        $scope.name = 'Tobias';
-        $scope.hideDialog = function () {
-            $scope.dialogIsHidden = true;
-            $timeout(function () {
-                $scope.dialogIsHidden = false;
-            }, 2000);
-        };
-    }])
-    .directive('myDialog', function() {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {
-                'close': '&onClose'
-            },
-            templateUrl: 'my-dialog-close.html'
-        };
-    });
-
-angular.module('dragModule', [])
-    .directive('myDraggable', ['$document', function($document: any) {
-        return function(scope: any, element: any, attr: any) {
-            var startX = 0, startY = 0, x = 0, y = 0;
-
-            element.css({
-                position: 'relative',
-                border: '1px solid red',
-                backgroundColor: 'lightgrey',
-                cursor: 'pointer'
-            });
-
-            element.on('mousedown', function(event: any) {
-                // Prevent default dragging of selected content
-                event.preventDefault();
-                startX = event.pageX - x;
-                startY = event.pageY - y;
-                $document.on('mousemove', mousemove);
-                $document.on('mouseup', mouseup);
-            });
-
-            function mousemove(event: any) {
-                y = event.pageY - startY;
-                x = event.pageX - startX;
-                element.css({
-                    top: y + 'px',
-                    left:  x + 'px'
-                });
-            }
-
-            function mouseup() {
-                $document.off('mousemove', mousemove);
-                $document.off('mouseup', mouseup);
-            }
-        };
-    }]);
-
-angular.module('docsTabsExample', [])
-    .directive('myTabs', function() {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            controller: function($scope: ng.IScope) {
-                var panes: any = $scope['panes'] = [];
-
-                $scope['select'] = function(pane: any) {
-                    angular.forEach(panes, function(pane: any) {
-                        pane.selected = false;
-                    });
-                    pane.selected = true;
-                };
-
-                this.addPane = function(pane: any) {
-                    if (panes.length === 0) {
-                        $scope['select'](pane);
-                    }
-                    panes.push(pane);
-                };
-            },
-            templateUrl: 'my-tabs.html'
-        };
-    })
-    .directive('myPane', function() {
-        return {
-            require: '^myTabs',
-            restrict: 'E',
-            transclude: true,
-            scope: {
-                title: '@'
-            },
-            link: function(scope: ng.IScope, element: ng.IAugmentedJQuery, attrs: ng.IAttributes, tabsCtrl: any) {
-                tabsCtrl.addPane(scope);
-            },
-            templateUrl: 'my-pane.html'
-        };
-    });
diff --git a/angular/legacy/angular-1.2.d.ts b/angular/legacy/angular-1.2.d.ts
deleted file mode 100644
index 2c4fd8d014..0000000000
--- a/angular/legacy/angular-1.2.d.ts
+++ /dev/null
@@ -1,1189 +0,0 @@
-// Type definitions for Angular JS 1.2+
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference types="jquery" />
-
-declare var angular: ng.IAngularStatic;
-
-// Support for painless dependency injection
-interface Function {
-    $inject?: string[];
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// ng module (angular.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng {
-
-    // not directly implemented, but ensures that constructed class implements $get
-    interface IServiceProviderClass {
-        new(...args: any[]): IServiceProvider;
-    }
-
-    interface IServiceProviderFactory {
-        (...args: any[]): IServiceProvider;
-    }
-
-    // All service providers extend this interface
-    interface IServiceProvider {
-        $get: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularStatic
-    // see http://docs.angularjs.org/api
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAngularStatic {
-        bind(context: any, fn: Function, ...args: any[]): Function;
-        bootstrap(element: string, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: JQuery, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: Element, modules?: any[]): auto.IInjectorService;
-        bootstrap(element: Document, modules?: any[]): auto.IInjectorService;
-        copy(source: any, destination?: any): any;
-        element: IAugmentedJQueryStatic;
-        equals(value1: any, value2: any): boolean;
-        extend(destination: any, ...sources: any[]): any;
-
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach<T>(obj: T[], iterator: (value: T, key: number) => any, context?: any): any;
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach<T>(obj: { [index: string]: T; }, iterator: (value: T, key: string) => any, context?: any): any;
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach(obj: any, iterator: (value: any, key: any) => any, context?: any): any;
-
-        fromJson(json: string): any;
-        identity(arg?: any): any;
-        injector(modules?: any[]): auto.IInjectorService;
-        isArray(value: any): boolean;
-        isDate(value: any): boolean;
-        isDefined(value: any): boolean;
-        isElement(value: any): boolean;
-        isFunction(value: any): boolean;
-        isNumber(value: any): boolean;
-        isObject(value: any): boolean;
-        isString(value: any): boolean;
-        isUndefined(value: any): boolean;
-        lowercase(str: string): string;
-
-        /**
-         * The angular.module is a global place for creating, registering and retrieving Angular modules. All modules (angular core or 3rd party) that should be available to an application must be registered using this mechanism.
-         *
-         * When passed two or more arguments, a new module is created. If passed only one argument, an existing module (the name passed as the first argument to module) is retrieved.
-         *
-         * @param name The name of the module to create or retrieve.
-         * @param requires The names of modules this module depends on. If specified then new module is being created. If unspecified then the module is being retrieved for further configuration.
-         * @param configFn Optional configuration function for the module.
-         */
-        module(
-            name: string,
-            requires?: string[],
-            configFn?: Function): IModule;
-
-        noop(...args: any[]): void;
-        toJson(obj: any, pretty?: boolean): string;
-        uppercase(str: string): string;
-        version: {
-            full: string;
-            major: number;
-            minor: number;
-            dot: number;
-            codename: string;
-        };
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Module
-    // see http://docs.angularjs.org/api/angular.Module
-    ///////////////////////////////////////////////////////////////////////////
-    interface IModule {
-        animation(name: string, animationFactory: Function): IModule;
-        animation(name: string, inlineAnnotatedFunction: any[]): IModule;
-        animation(object: Object): IModule;
-        /**
-         * Use this method to register work which needs to be performed on module loading.
-         *
-         * @param configFn Execute this function on module load. Useful for service configuration.
-         */
-        config(configFn: Function): IModule;
-        /**
-         * Use this method to register work which needs to be performed on module loading.
-         *
-         * @param inlineAnnotatedFunction Execute this function on module load. Useful for service configuration.
-         */
-        config(inlineAnnotatedFunction: any[]): IModule;
-        /**
-         * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator.
-         *
-         * @param name The name of the constant.
-         * @param value The constant value.
-         */
-        constant(name: string, value: any): IModule;
-        constant(object: Object): IModule;
-        /**
-         * The $controller service is used by Angular to create new controllers.
-         *
-         * This provider allows controller registration via the register method.
-         *
-         * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors.
-         * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation).
-         */
-        controller(name: string, controllerConstructor: Function): IModule;
-        /**
-         * The $controller service is used by Angular to create new controllers.
-         *
-         * This provider allows controller registration via the register method.
-         *
-         * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors.
-         * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation).
-         */
-        controller(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        controller(object : Object): IModule;
-        directive(name: string, directiveFactory: IDirectiveFactory): IModule;
-        directive(name: string, inlineAnnotatedFunction: any[]): IModule;
-        directive(object: Object): IModule;
-        /**
-         * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider.
-         *
-         * @param name The name of the instance.
-         * @param $getFn The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}).
-         */
-        factory(name: string, $getFn: Function): IModule;
-        /**
-         * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider.
-         *
-         * @param name The name of the instance.
-         * @param inlineAnnotatedFunction The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}).
-         */
-        factory(name: string, inlineAnnotatedFunction: any[]): IModule;
-        factory(object: Object): IModule;
-        filter(name: string, filterFactoryFunction: Function): IModule;
-        filter(name: string, inlineAnnotatedFunction: any[]): IModule;
-        filter(object: Object): IModule;
-        provider(name: string, serviceProviderFactory: IServiceProviderFactory): IModule;
-        provider(name: string, serviceProviderConstructor: IServiceProviderClass): IModule;
-        provider(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        provider(name: string, providerObject: IServiceProvider): IModule;
-        provider(object: Object): IModule;
-        /**
-         * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests.
-         */
-        run(initializationFunction: Function): IModule;
-        /**
-         * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests.
-         */
-        run(inlineAnnotatedFunction: any[]): IModule;
-        service(name: string, serviceConstructor: Function): IModule;
-        service(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        service(object: Object): IModule;
-        /**
-         * Register a value service with the $injector, such as a string, a number, an array, an object or a function. This is short for registering a service where its provider's $get property is a factory function that takes no arguments and returns the value service.
-
-           Value services are similar to constant services, except that they cannot be injected into a module configuration function (see config) but they can be overridden by an Angular decorator.
-         *
-         * @param name The name of the instance.
-         * @param value The value.
-         */
-        value(name: string, value: any): IModule;
-        value(object: Object): IModule;
-
-        // Properties
-        name: string;
-        requires: string[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Attributes
-    // see http://docs.angularjs.org/api/ng.$compile.directive.Attributes
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAttributes {
-        // this is necessary to be able to access the scoped attributes. it's not very elegant
-        // because you have to use attrs['foo'] instead of attrs.foo but I don't know of a better way
-        // this should really be limited to return string but it creates this problem: http://stackoverflow.com/q/17201854/165656
-        [name: string]: any;
-
-        // Adds the CSS class value specified by the classVal parameter to the
-        // element. If animations are enabled then an animation will be triggered
-        // for the class addition.
-        $addClass(classVal: string): void;
-
-        // Removes the CSS class value specified by the classVal parameter from the
-        // element. If animations are enabled then an animation will be triggered for
-        // the class removal.
-        $removeClass(classVal: string): void;
-
-        // Set DOM element attribute value.
-        $set(key: string, value: any): void;
-
-        // Observes an interpolated attribute.
-        // The observer function will be invoked once during the next $digest
-        // following compilation. The observer is then invoked whenever the
-        // interpolated value changes.
-        $observe(name: string, fn:(value?:any)=>any): Function;
-
-        // A map of DOM element attribute names to the normalized name. This is needed
-        // to do reverse lookup from normalized name back to actual name.
-        $attr: Object;
-    }
-
-    /**
-     * form.FormController - type in module ng
-     * see https://docs.angularjs.org/api/ng/type/form.FormController
-     */
-    interface IFormController {
-
-        /**
-         * Indexer which should return ng.INgModelController for most properties but cannot because of "All named properties must be assignable to string indexer type" constraint - see https://github.com/Microsoft/TypeScript/issues/272
-         */
-        [name: string]: any;
-
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-        $error: any;
-        $addControl(control: ng.INgModelController): void;
-        $removeControl(control: ng.INgModelController): void;
-        $setValidity(validationErrorKey: string, isValid: boolean, control: ng.INgModelController): void;
-        $setDirty(): void;
-        $setPristine(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // NgModelController
-    // see http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController
-    ///////////////////////////////////////////////////////////////////////////
-    interface INgModelController {
-        $render(): void;
-        $setValidity(validationErrorKey: string, isValid: boolean): void;
-        // Documentation states viewValue and modelValue to be a string but other
-        // types do work and it's common to use them.
-        $setViewValue(value: any): void;
-        $viewValue: any;
-
-        $modelValue: any;
-
-        $parsers: IModelParser[];
-        $formatters: IModelFormatter[];
-        $viewChangeListeners: IModelViewChangeListener[];
-        $error: any;
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-    }
-
-    interface IModelParser {
-        (value: any): any;
-    }
-
-    interface IModelFormatter {
-        (value: any): any;
-    }
-
-    interface IModelViewChangeListener {
-        (): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Scope and RootScope
-    // see https://docs.angularjs.org/api/ng/type/$rootScope.Scope and http://docs.angularjs.org/api/ng.$rootScope
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRootScopeService {
-        $apply(): any;
-        $apply(exp: string): any;
-        $apply(exp: (scope: IScope) => any): any;
-
-        $broadcast(name: string, ...args: any[]): IAngularEvent;
-        $destroy(): void;
-        $digest(): void;
-        $emit(name: string, ...args: any[]): IAngularEvent;
-
-        // Documentation says exp is optional, but actual implementaton counts on it
-        $eval(expression: string, args?: Object): any;
-        $eval(expression: (scope: IScope) => any, args?: Object): any;
-
-        // Documentation says exp is optional, but actual implementaton counts on it
-        $evalAsync(expression: string): void;
-        $evalAsync(expression: (scope: IScope) => any): void;
-
-        // Defaults to false by the implementation checking strategy
-        $new(isolate?: boolean): IScope;
-
-        $on(name: string, listener: (event: IAngularEvent, ...args: any[]) => any): Function;
-
-        $watch(watchExpression: string, listener?: string, objectEquality?: boolean): Function;
-        $watch(watchExpression: string, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function;
-        $watch(watchExpression: (scope: IScope) => any, listener?: string, objectEquality?: boolean): Function;
-        $watch(watchExpression: (scope: IScope) => any, listener?: (newValue: any, oldValue: any, scope: IScope) => any, objectEquality?: boolean): Function;
-
-        $watchCollection(watchExpression: string, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-        $watchCollection(watchExpression: (scope: IScope) => any, listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-
-        $watchGroup(watchExpressions: any[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-        $watchGroup(watchExpressions: {(scope: IScope) : any}[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-
-        $parent: IScope;
-
-        $root: IRootScopeService;
-        this: IRootScopeService;
-
-        $id: string;
-
-        // Hidden members
-        $$isolateBindings: any;
-        $$phase: any;
-    }
-
-    interface IScope extends IRootScopeService {
-        [index: string]: any;
-    }
-
-    interface IAngularEvent {
-        targetScope: IScope;
-        currentScope: IScope;
-        name: string;
-        preventDefault: Function;
-        defaultPrevented: boolean;
-
-        // Available only events that were $emit-ted
-        stopPropagation?: Function;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // WindowService
-    // see http://docs.angularjs.org/api/ng.$window
-    ///////////////////////////////////////////////////////////////////////////
-    interface IWindowService extends Window {
-        [key: string]: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // BrowserService
-    // TODO undocumented, so we need to get it from the source code
-    ///////////////////////////////////////////////////////////////////////////
-    interface IBrowserService {
-        [key: string]: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TimeoutService
-    // see http://docs.angularjs.org/api/ng.$timeout
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITimeoutService {
-        (func: Function, delay?: number, invokeApply?: boolean): IPromise<any>;
-        cancel(promise: IPromise<any>): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // IntervalService
-    // see http://docs.angularjs.org/api/ng.$interval
-    ///////////////////////////////////////////////////////////////////////////
-    interface IIntervalService {
-        (func: Function, delay: number, count?: number, invokeApply?: boolean): IPromise<any>;
-        cancel(promise: IPromise<any>): boolean;
-    }
-
-    /**
-     * The animation object which contains callback functions for each event that is expected to be animated.
-     */
-    interface IAnimateCallbackObject {
-        eventFn(element: Node, doneFn: () => void): Function;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // FilterService
-    // see http://docs.angularjs.org/api/ng.$filter
-    // see http://docs.angularjs.org/api/ng.$filterProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IFilterService {
-        (name: string): Function;
-    }
-
-    interface IFilterProvider extends IServiceProvider {
-        register(name: string, filterFactory: Function): IServiceProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LocaleService
-    // see http://docs.angularjs.org/api/ng.$locale
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILocaleService {
-        id: string;
-
-        // These are not documented
-        // Check angular's i18n files for exemples
-        NUMBER_FORMATS: ILocaleNumberFormatDescriptor;
-        DATETIME_FORMATS: ILocaleDateTimeFormatDescriptor;
-        pluralCat: (num: any) => string;
-    }
-
-    interface ILocaleNumberFormatDescriptor {
-        DECIMAL_SEP: string;
-        GROUP_SEP: string;
-        PATTERNS: ILocaleNumberPatternDescriptor[];
-        CURRENCY_SYM: string;
-    }
-
-    interface ILocaleNumberPatternDescriptor {
-        minInt: number;
-        minFrac: number;
-        maxFrac: number;
-        posPre: string;
-        posSuf: string;
-        negPre: string;
-        negSuf: string;
-        gSize: number;
-        lgSize: number;
-    }
-
-    interface ILocaleDateTimeFormatDescriptor {
-        MONTH: string[];
-        SHORTMONTH: string[];
-        DAY: string[];
-        SHORTDAY: string[];
-        AMPMS: string[];
-        medium: string;
-        short: string;
-        fullDate: string;
-        longDate: string;
-        mediumDate: string;
-        shortDate: string;
-        mediumTime: string;
-        shortTime: string;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LogService
-    // see http://docs.angularjs.org/api/ng.$log
-    // see http://docs.angularjs.org/api/ng.$logProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILogService {
-        debug: ILogCall;
-        error: ILogCall;
-        info: ILogCall;
-        log: ILogCall;
-        warn: ILogCall;
-    }
-
-    interface ILogProvider {
-        debugEnabled(enabled: boolean): ILogProvider;
-        debugEnabled(): boolean;
-    }
-
-    // We define this as separete interface so we can reopen it later for
-    // the ngMock module.
-    interface ILogCall {
-        (...args: any[]): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ParseService
-    // see http://docs.angularjs.org/api/ng.$parse
-    // see http://docs.angularjs.org/api/ng.$parseProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IParseService {
-        (expression: string): ICompiledExpression;
-    }
-
-    interface IParseProvider {
-        logPromiseWarnings(): boolean;
-        logPromiseWarnings(value: boolean): IParseProvider;
-
-        unwrapPromises(): boolean;
-        unwrapPromises(value: boolean): IParseProvider;
-    }
-
-    interface ICompiledExpression {
-        (context: any, locals?: any): any;
-
-        // If value is not provided, undefined is gonna be used since the implementation
-        // does not check the parameter. Let's force a value for consistency. If consumer
-        // whants to undefine it, pass the undefined value explicitly.
-        assign(context: any, value: any): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LocationService
-    // see http://docs.angularjs.org/api/ng.$location
-    // see http://docs.angularjs.org/api/ng.$locationProvider
-    // see http://docs.angularjs.org/guide/dev_guide.services.$location
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILocationService {
-        absUrl(): string;
-        hash(): string;
-        hash(newHash: string): ILocationService;
-        host(): string;
-        path(): string;
-        path(newPath: string): ILocationService;
-        port(): number;
-        protocol(): string;
-        replace(): ILocationService;
-        search(): any;
-        search(parametersMap: any): ILocationService;
-        search(parameter: string, parameterValue: any): ILocationService;
-        url(): string;
-        url(url: string): ILocationService;
-    }
-
-    interface ILocationProvider extends IServiceProvider {
-        hashPrefix(): string;
-        hashPrefix(prefix: string): ILocationProvider;
-        html5Mode(): boolean;
-
-        // Documentation states that parameter is string, but
-        // implementation tests it as boolean, which makes more sense
-        // since this is a toggler
-        html5Mode(active: boolean): ILocationProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // DocumentService
-    // see http://docs.angularjs.org/api/ng.$document
-    ///////////////////////////////////////////////////////////////////////////
-    interface IDocumentService extends IAugmentedJQuery {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ExceptionHandlerService
-    // see http://docs.angularjs.org/api/ng.$exceptionHandler
-    ///////////////////////////////////////////////////////////////////////////
-    interface IExceptionHandlerService {
-        (exception: Error, cause?: string): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RootElementService
-    // see http://docs.angularjs.org/api/ng.$rootElement
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRootElementService extends JQuery {}
-
-    /**
-     * $q - service in module ng
-     * A promise/deferred implementation inspired by Kris Kowal's Q.
-     * See http://docs.angularjs.org/api/ng/service/$q
-     */
-    interface IQService {
-        /**
-         * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved.
-         *
-         * Returns a single promise that will be resolved with an array/hash of values, each value corresponding to the promise at the same index/key in the promises array/hash. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value.
-         *
-         * @param promises An array or hash of promises.
-         */
-        all(promises: IPromise<any>[]): IPromise<any[]>;
-        /**
-         * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved.
-         *
-         * Returns a single promise that will be resolved with an array/hash of values, each value corresponding to the promise at the same index/key in the promises array/hash. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value.
-         *
-         * @param promises An array or hash of promises.
-         */
-        all(promises: { [id: string]: IPromise<any>; }): IPromise<{ [id: string]: any }>;
-        /**
-         * Creates a Deferred object which represents a task which will finish in the future.
-         */
-        defer<T>(): IDeferred<T>;
-        /**
-         * Creates a promise that is resolved as rejected with the specified reason. This api should be used to forward rejection in a chain of promises. If you are dealing with the last promise in a promise chain, you don't need to worry about it.
-         *
-         * When comparing deferreds/promises to the familiar behavior of try/catch/throw, think of reject as the throw keyword in JavaScript. This also means that if you "catch" an error via a promise error callback and you want to forward the error to the promise derived from the current promise, you have to "rethrow" the error by returning a rejection constructed via reject.
-         *
-         * @param reason Constant, message, exception or an object representing the rejection reason.
-         */
-        reject(reason?: any): IPromise<void>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         *
-         * @param value Value or a promise
-         */
-        when<T>(value: IPromise<T>): IPromise<T>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         *
-         * @param value Value or a promise
-         */
-        when<T>(value: T): IPromise<T>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         *
-         * @param value Value or a promise
-         */
-        when(): IPromise<void>;
-    }
-
-    interface IPromise<T> {
-        then<TResult>(successCallback: (promiseValue: T) => IHttpPromise<TResult>, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (promiseValue: T) => IPromise<TResult>, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (promiseValue: T) => TResult, errorCallback?: (reason: any) => TResult, notifyCallback?: (state: any) => any): IPromise<TResult>;
-
-
-        catch<TResult>(onRejected: (reason: any) => IHttpPromise<TResult>): IPromise<TResult>;
-        catch<TResult>(onRejected: (reason: any) => IPromise<TResult>): IPromise<TResult>;
-        catch<TResult>(onRejected: (reason: any) => TResult): IPromise<TResult>;
-
-        finally<TResult>(finallyCallback: ()=>any):IPromise<TResult>;
-    }
-
-    interface IDeferred<T> {
-        resolve(value?: T): void;
-        reject(reason?: any): void;
-        notify(state?:any): void;
-        promise: IPromise<T>;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AnchorScrollService
-    // see http://docs.angularjs.org/api/ng.$anchorScroll
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnchorScrollService {
-        (): void;
-    }
-
-    interface IAnchorScrollProvider extends IServiceProvider {
-        disableAutoScrolling(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CacheFactoryService
-    // see http://docs.angularjs.org/api/ng.$cacheFactory
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICacheFactoryService {
-        // Lets not foce the optionsMap to have the capacity member. Even though
-        // it's the ONLY option considered by the implementation today, a consumer
-        // might find it useful to associate some other options to the cache object.
-        //(cacheId: string, optionsMap?: { capacity: number; }): CacheObject;
-        (cacheId: string, optionsMap?: { capacity: number; }): ICacheObject;
-
-        // Methods bellow are not documented
-        info(): any;
-        get (cacheId: string): ICacheObject;
-    }
-
-    interface ICacheObject {
-        info(): {
-            id: string;
-            size: number;
-
-            // Not garanteed to have, since it's a non-mandatory option
-            //capacity: number;
-        };
-        put(key: string, value?: any): void;
-        get (key: string): any;
-        remove(key: string): void;
-        removeAll(): void;
-        destroy(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CompileService
-    // see http://docs.angularjs.org/api/ng.$compile
-    // see http://docs.angularjs.org/api/ng.$compileProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICompileService {
-        (element: string, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: Element, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: JQuery, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-    }
-
-    interface ICompileProvider extends IServiceProvider {
-        directive(name: string, directiveFactory: Function): ICompileProvider;
-
-        // Undocumented, but it is there...
-        directive(directivesMap: any): ICompileProvider;
-
-        aHrefSanitizationWhitelist(): RegExp;
-        aHrefSanitizationWhitelist(regexp: RegExp): ICompileProvider;
-
-        imgSrcSanitizationWhitelist(): RegExp;
-        imgSrcSanitizationWhitelist(regexp: RegExp): ICompileProvider;
-    }
-
-    interface ICloneAttachFunction {
-        // Let's hint but not force cloneAttachFn's signature
-        (clonedElement?: JQuery, scope?: IScope): any;
-    }
-
-    // This corresponds to the "publicLinkFn" returned by $compile.
-    interface ITemplateLinkingFunction {
-        (scope: IScope, cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery;
-    }
-
-    // This corresponds to $transclude (and also the transclude function passed to link).
-    interface ITranscludeFunction {
-        // If the scope is provided, then the cloneAttachFn must be as well.
-        (scope: IScope, cloneAttachFn: ICloneAttachFunction): IAugmentedJQuery;
-        // If one argument is provided, then it's assumed to be the cloneAttachFn.
-        (cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ControllerService
-    // see http://docs.angularjs.org/api/ng.$controller
-    // see http://docs.angularjs.org/api/ng.$controllerProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IControllerService {
-        // Although the documentation doesn't state this, locals are optional
-        (controllerConstructor: Function, locals?: any): any;
-        (controllerName: string, locals?: any): any;
-    }
-
-    interface IControllerProvider extends IServiceProvider {
-        register(name: string, controllerConstructor: Function): void;
-        register(name: string, dependencyAnnotatedConstructor: any[]): void;
-    }
-
-    /**
-     * HttpService
-     * see http://docs.angularjs.org/api/ng/service/$http
-     */
-    interface IHttpService {
-        /**
-         * Object describing the request to be made and how it should be processed.
-         */
-        <T>(config: IRequestConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform GET request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        get<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform DELETE request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        delete<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform HEAD request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        head<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform JSONP request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        jsonp<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform POST request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param data Request content
-         * @param config Optional configuration object
-         */
-        post<T>(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform PUT request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param data Request content
-         * @param config Optional configuration object
-         */
-        put<T>(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Runtime equivalent of the $httpProvider.defaults property. Allows configuration of default headers, withCredentials as well as request and response transformations.
-         */
-        defaults: IRequestConfig;
-
-        /**
-         * Array of config objects for currently pending requests. This is primarily meant to be used for debugging purposes.
-         */
-        pendingRequests: any[];
-    }
-
-    /**
-     * Object describing the request to be made and how it should be processed.
-     * see http://docs.angularjs.org/api/ng/service/$http#usage
-     */
-    interface IRequestShortcutConfig {
-        /**
-         * {Object.<string|Object>}
-         * Map of strings or objects which will be turned to ?key1=value1&key2=value2 after the url. If the value is not a string, it will be JSONified.
-         */
-        params?: any;
-
-        /**
-         * Map of strings or functions which return strings representing HTTP headers to send to the server. If the return value of a function is null, the header will not be sent.
-         */
-        headers?: any;
-
-        /**
-         * Name of HTTP header to populate with the XSRF token.
-         */
-        xsrfHeaderName?: string;
-
-        /**
-         * Name of cookie containing the XSRF token.
-         */
-        xsrfCookieName?: string;
-
-        /**
-         * {boolean|Cache}
-         * If true, a default $http cache will be used to cache the GET request, otherwise if a cache instance built with $cacheFactory, this cache will be used for caching.
-         */
-        cache?: any;
-
-        /**
-         * whether to to set the withCredentials flag on the XHR object. See [requests with credentials]https://developer.mozilla.org/en/http_access_control#section_5 for more information.
-         */
-        withCredentials?: boolean;
-
-        /**
-         * {string|Object}
-         * Data to be sent as the request message data.
-         */
-        data?: any;
-
-        /**
-         * {function(data, headersGetter)|Array.<function(data, headersGetter)>}
-         * Transform function or an array of such functions. The transform function takes the http request body and headers and returns its transformed (typically serialized) version.
-         */
-        transformRequest?: any;
-
-        /**
-         * {function(data, headersGetter)|Array.<function(data, headersGetter)>}
-         * Transform function or an array of such functions. The transform function takes the http response body and headers and returns its transformed (typically deserialized) version.
-         */
-        transformResponse?: any;
-
-        /**
-         * {number|Promise}
-         * Timeout in milliseconds, or promise that should abort the request when resolved.
-         */
-        timeout?: any;
-
-        /**
-         * See requestType.
-         */
-        responseType?: string;
-    }
-
-    /**
-     * Object describing the request to be made and how it should be processed.
-     * see http://docs.angularjs.org/api/ng/service/$http#usage
-     */
-    interface IRequestConfig extends IRequestShortcutConfig {
-        /**
-         * HTTP method (e.g. 'GET', 'POST', etc)
-         */
-        method: string;
-        /**
-         * Absolute or relative URL of the resource that is being requested.
-         */
-        url: string;
-    }
-
-    interface IHttpPromiseCallback<T> {
-        (data: T, status: number, headers: (headerName: string) => string, config: IRequestConfig): void;
-    }
-
-    interface IHttpPromiseCallbackArg<T> {
-        data?: T;
-        status?: number;
-        headers?: (headerName: string) => string;
-        config?: IRequestConfig;
-        statusText?: string;
-    }
-
-    interface IHttpPromise<T> extends IPromise<T> {
-        success(callback: IHttpPromiseCallback<T>): IHttpPromise<T>;
-        error(callback: IHttpPromiseCallback<any>): IHttpPromise<T>;
-        then<TResult>(successCallback: (response: IHttpPromiseCallbackArg<T>) => IPromise<TResult>, errorCallback?: (response: IHttpPromiseCallbackArg<any>) => any): IPromise<TResult>;
-        then<TResult>(successCallback: (response: IHttpPromiseCallbackArg<T>) => TResult, errorCallback?: (response: IHttpPromiseCallbackArg<any>) => any): IPromise<TResult>;
-    }
-
-    interface IHttpProvider extends IServiceProvider {
-        defaults: IRequestConfig;
-        interceptors: any[];
-        responseInterceptors: any[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpBackendService
-    // see http://docs.angularjs.org/api/ng.$httpBackend
-    // You should never need to use this service directly.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpBackendService {
-        // XXX Perhaps define callback signature in the future
-        (method: string, url: string, post?: any, callback?: Function, headers?: any, timeout?: number, withCredentials?: boolean): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // InterpolateService
-    // see http://docs.angularjs.org/api/ng.$interpolate
-    // see http://docs.angularjs.org/api/ng.$interpolateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IInterpolateService {
-        (text: string, mustHaveExpression?: boolean): IInterpolationFunction;
-        endSymbol(): string;
-        startSymbol(): string;
-    }
-
-    interface IInterpolationFunction {
-        (context: any): string;
-    }
-
-    interface IInterpolateProvider extends IServiceProvider {
-        startSymbol(): string;
-        startSymbol(value: string): IInterpolateProvider;
-        endSymbol(): string;
-        endSymbol(value: string): IInterpolateProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TemplateCacheService
-    // see http://docs.angularjs.org/api/ng.$templateCache
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITemplateCacheService extends ICacheObject {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEService
-    // see http://docs.angularjs.org/api/ng.$sce
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEService {
-        getTrusted(type: string, mayBeTrusted: any): any;
-        getTrustedCss(value: any): any;
-        getTrustedHtml(value: any): any;
-        getTrustedJs(value: any): any;
-        getTrustedResourceUrl(value: any): any;
-        getTrustedUrl(value: any): any;
-        parse(type: string, expression: string): (context: any, locals: any) => any;
-        parseAsCss(expression: string): (context: any, locals: any) => any;
-        parseAsHtml(expression: string): (context: any, locals: any) => any;
-        parseAsJs(expression: string): (context: any, locals: any) => any;
-        parseAsResourceUrl(expression: string): (context: any, locals: any) => any;
-        parseAsUrl(expression: string): (context: any, locals: any) => any;
-        trustAs(type: string, value: any): any;
-        trustAsHtml(value: any): any;
-        trustAsJs(value: any): any;
-        trustAsResourceUrl(value: any): any;
-        trustAsUrl(value: any): any;
-        isEnabled(): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEProvider
-    // see http://docs.angularjs.org/api/ng.$sceProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEProvider extends IServiceProvider {
-        enabled(value: boolean): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEDelegateService
-    // see http://docs.angularjs.org/api/ng.$sceDelegate
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEDelegateService {
-        getTrusted(type: string, mayBeTrusted: any): any;
-        trustAs(type: string, value: any): any;
-        valueOf(value: any): any;
-    }
-
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEDelegateProvider
-    // see http://docs.angularjs.org/api/ng.$sceDelegateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEDelegateProvider extends IServiceProvider {
-        resourceUrlBlacklist(blacklist: any[]): void;
-        resourceUrlWhitelist(whitelist: any[]): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Directive
-    // see http://docs.angularjs.org/api/ng.$compileProvider#directive
-    // and http://docs.angularjs.org/guide/directive
-    ///////////////////////////////////////////////////////////////////////////
-
-    interface IDirectiveFactory {
-        (...args: any[]): IDirective;
-    }
-
-    interface IDirectiveLinkFn {
-        (
-            scope: IScope,
-            instanceElement: IAugmentedJQuery,
-            instanceAttributes: IAttributes,
-            controller: any,
-            transclude: ITranscludeFunction
-        ): void;
-    }
-
-    interface IDirectivePrePost {
-        pre?: IDirectiveLinkFn;
-        post?: IDirectiveLinkFn;
-    }
-
-    interface IDirectiveCompileFn {
-        (
-            templateElement: IAugmentedJQuery,
-            templateAttributes: IAttributes,
-            transclude: ITranscludeFunction
-        ): IDirectivePrePost;
-    }
-
-    interface IDirective {
-        compile?: IDirectiveCompileFn;
-        controller?: any;
-        controllerAs?: string;
-        link?: IDirectiveLinkFn;
-        name?: string;
-        priority?: number;
-        replace?: boolean;
-        require?: any;
-        restrict?: string;
-        scope?: any;
-        template?: any;
-        templateUrl?: any;
-        terminal?: boolean;
-        transclude?: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // angular.element
-    // when calling angular.element, angular returns a jQuery object,
-    // augmented with additional methods like e.g. scope.
-    // see: http://docs.angularjs.org/api/angular.element
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAugmentedJQueryStatic extends JQueryStatic {
-        (selector: string, context?: any): IAugmentedJQuery;
-        (element: Element): IAugmentedJQuery;
-        (object: {}): IAugmentedJQuery;
-        (elementArray: Element[]): IAugmentedJQuery;
-        (object: JQuery): IAugmentedJQuery;
-        (func: Function): IAugmentedJQuery;
-        (array: any[]): IAugmentedJQuery;
-        (): IAugmentedJQuery;
-    }
-
-    interface IAugmentedJQuery extends JQuery {
-        // TODO: events, how to define?
-        //$destroy
-
-        find(selector: string): IAugmentedJQuery;
-        find(element: any): IAugmentedJQuery;
-        find(obj: JQuery): IAugmentedJQuery;
-
-        controller(name: string): any;
-        injector(): any;
-        scope(): IScope;
-        isolateScope(): IScope;
-
-        inheritedData(key: string, value: any): JQuery;
-        inheritedData(obj: { [key: string]: any; }): JQuery;
-        inheritedData(key?: string): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////
-    // AnimateService
-    // see http://docs.angularjs.org/api/ng.$animate
-    ///////////////////////////////////////////////////////////////////////
-    interface IAnimateService {
-        addClass(element: JQuery, className: string, done?: Function): void;
-        enter(element: JQuery, parent: JQuery, after: JQuery, done?: Function): void;
-        leave(element: JQuery, done?: Function): void;
-        move(element: JQuery, parent: JQuery, after: JQuery, done?: Function): void;
-        removeClass(element: JQuery, className: string, done?: Function): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AUTO module (angular.js)
-    ///////////////////////////////////////////////////////////////////////////
-    export module auto {
-
-        ///////////////////////////////////////////////////////////////////////
-        // InjectorService
-        // see http://docs.angularjs.org/api/AUTO.$injector
-        ///////////////////////////////////////////////////////////////////////
-        interface IInjectorService {
-            annotate(fn: Function): string[];
-            annotate(inlineAnnotatedFunction: any[]): string[];
-            get(name: string): any;
-            has(name: string): boolean;
-            instantiate(typeConstructor: Function, locals?: any): any;
-            invoke(inlineAnnotatedFunction: any[]): any;
-            invoke(func: Function, context?: any, locals?: any): any;
-        }
-
-        ///////////////////////////////////////////////////////////////////////
-        // ProvideService
-        // see http://docs.angularjs.org/api/AUTO.$provide
-        ///////////////////////////////////////////////////////////////////////
-        interface IProvideService {
-            // Documentation says it returns the registered instance, but actual
-            // implementation does not return anything.
-            // constant(name: string, value: any): any;
-            /**
-             * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator.
-             *
-             * @param name The name of the constant.
-             * @param value The constant value.
-             */
-            constant(name: string, value: any): void;
-
-            /**
-             * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service.
-             *
-             * @param name The name of the service to decorate.
-             * @param decorator This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments:
-             *
-             * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to.
-             */
-            decorator(name: string, decorator: Function): void;
-            /**
-             * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service.
-             *
-             * @param name The name of the service to decorate.
-             * @param inlineAnnotatedFunction This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments:
-             *
-             * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to.
-             */
-            decorator(name: string, inlineAnnotatedFunction: any[]): void;
-            factory(name: string, serviceFactoryFunction: Function): ng.IServiceProvider;
-            factory(name: string, inlineAnnotatedFunction: any[]): ng.IServiceProvider;
-            provider(name: string, provider: ng.IServiceProvider): ng.IServiceProvider;
-            provider(name: string, serviceProviderConstructor: Function): ng.IServiceProvider;
-            service(name: string, constructor: Function): ng.IServiceProvider;
-            value(name: string, value: any): ng.IServiceProvider;
-        }
-
-    }
-}
diff --git a/angular/legacy/angular-1.4.d.ts b/angular/legacy/angular-1.4.d.ts
deleted file mode 100644
index 61f4edad02..0000000000
--- a/angular/legacy/angular-1.4.d.ts
+++ /dev/null
@@ -1,1877 +0,0 @@
-// Type definitions for Angular JS 1.4+
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference types="jquery" />
-
-declare var angular: angular.IAngularStatic;
-
-// Support for painless dependency injection
-interface Function {
-    $inject?: string[];
-}
-
-// Collapse angular into ng
-import ng = angular;
-// Support AMD require
-declare module 'angular' {
-    export = angular;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// ng module (angular.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace angular {
-
-    // not directly implemented, but ensures that constructed class implements $get
-    interface IServiceProviderClass {
-        new (...args: any[]): IServiceProvider;
-    }
-
-    interface IServiceProviderFactory {
-        (...args: any[]): IServiceProvider;
-    }
-
-    // All service providers extend this interface
-    interface IServiceProvider {
-        $get: any;
-    }
-
-    interface IAngularBootstrapConfig {
-        strictDi?: boolean;
-        debugInfoEnabled?: boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularStatic
-    // see http://docs.angularjs.org/api
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAngularStatic {
-        bind(context: any, fn: Function, ...args: any[]): Function;
-
-        /**
-         * Use this function to manually start up angular application.
-         *
-         * @param element DOM element which is the root of angular application.
-         * @param modules An array of modules to load into the application.
-         *     Each item in the array should be the name of a predefined module or a (DI annotated)
-         *     function that will be invoked by the injector as a config block.
-         * @param config an object for defining configuration options for the application. The following keys are supported:
-         *     - `strictDi`: disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code.
-         */
-        bootstrap(element: string|Element|JQuery|Document, modules?: (string|Function|any[])[], config?: IAngularBootstrapConfig): auto.IInjectorService;
-
-        /**
-         * Creates a deep copy of source, which should be an object or an array.
-         *
-         * - If no destination is supplied, a copy of the object or array is created.
-         * - If a destination is provided, all of its elements (for array) or properties (for objects) are deleted and then all elements/properties from the source are copied to it.
-         * - If source is not an object or array (inc. null and undefined), source is returned.
-         * - If source is identical to 'destination' an exception will be thrown.
-         *
-         * @param source The source that will be used to make a copy. Can be any type, including primitives, null, and undefined.
-         * @param destination Destination into which the source is copied. If provided, must be of the same type as source.
-         */
-        copy<T>(source: T, destination?: T): T;
-
-        /**
-         * Wraps a raw DOM element or HTML string as a jQuery element.
-         *
-         * If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angular's built-in subset of jQuery, called "jQuery lite" or "jqLite."
-         */
-        element: IAugmentedJQueryStatic;
-        equals(value1: any, value2: any): boolean;
-        extend(destination: any, ...sources: any[]): any;
-
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach<T>(obj: T[], iterator: (value: T, key: number) => any, context?: any): any;
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach<T>(obj: { [index: string]: T; }, iterator: (value: T, key: string) => any, context?: any): any;
-        /**
-         * Invokes the iterator function once for each item in obj collection, which can be either an object or an array. The iterator function is invoked with iterator(value, key), where value is the value of an object property or an array element and key is the object property key or array element index. Specifying a context for the function is optional.
-         *
-         * It is worth noting that .forEach does not iterate over inherited properties because it filters using the hasOwnProperty method.
-         *
-         * @param obj Object to iterate over.
-         * @param iterator Iterator function.
-         * @param context Object to become context (this) for the iterator function.
-         */
-        forEach(obj: any, iterator: (value: any, key: any) => any, context?: any): any;
-
-        fromJson(json: string): any;
-        identity<T>(arg?: T): T;
-        injector(modules?: any[], strictDi?: boolean): auto.IInjectorService;
-        isArray(value: any): boolean;
-        isDate(value: any): boolean;
-        isDefined(value: any): boolean;
-        isElement(value: any): boolean;
-        isFunction(value: any): boolean;
-        isNumber(value: any): boolean;
-        isObject(value: any): boolean;
-        isString(value: any): boolean;
-        isUndefined(value: any): boolean;
-        lowercase(str: string): string;
-
-        /**
-         * Deeply extends the destination object dst by copying own enumerable properties from the src object(s) to dst. You can specify multiple src objects. If you want to preserve original objects, you can do so by passing an empty object as the target: var object = angular.merge({}, object1, object2).
-         *
-         * Unlike extend(), merge() recursively descends into object properties of source objects, performing a deep copy.
-         *
-         * @param dst Destination object.
-         * @param src Source object(s).
-         */
-        merge(dst: any, ...src: any[]): any;
-
-        /**
-         * The angular.module is a global place for creating, registering and retrieving Angular modules. All modules (angular core or 3rd party) that should be available to an application must be registered using this mechanism.
-         *
-         * When passed two or more arguments, a new module is created. If passed only one argument, an existing module (the name passed as the first argument to module) is retrieved.
-         *
-         * @param name The name of the module to create or retrieve.
-         * @param requires The names of modules this module depends on. If specified then new module is being created. If unspecified then the module is being retrieved for further configuration.
-         * @param configFn Optional configuration function for the module.
-         */
-        module(
-            name: string,
-            requires?: string[],
-            configFn?: Function): IModule;
-
-        noop(...args: any[]): void;
-        reloadWithDebugInfo(): void;
-        toJson(obj: any, pretty?: boolean): string;
-        uppercase(str: string): string;
-        version: {
-            full: string;
-            major: number;
-            minor: number;
-            dot: number;
-            codeName: string;
-        };
-
-        /**
-         * If window.name contains prefix NG_DEFER_BOOTSTRAP! when angular.bootstrap is called, the bootstrap process will be paused until angular.resumeBootstrap() is called.
-         * @param extraModules An optional array of modules that should be added to the original list of modules that the app was about to be bootstrapped with.
-         */
-        resumeBootstrap?(extraModules?: string[]): ng.auto.IInjectorService;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Module
-    // see http://docs.angularjs.org/api/angular.Module
-    ///////////////////////////////////////////////////////////////////////////
-    interface IModule {
-        animation(name: string, animationFactory: Function): IModule;
-        animation(name: string, inlineAnnotatedFunction: any[]): IModule;
-        animation(object: Object): IModule;
-        /**
-         * Use this method to register a component.
-         *
-         * @param name The name of the component.
-         * @param options A definition object passed into the component.
-         */
-        component(name: string, options: IComponentOptions): IModule;
-        /**
-         * Use this method to register work which needs to be performed on module loading.
-         *
-         * @param configFn Execute this function on module load. Useful for service configuration.
-         */
-        config(configFn: Function): IModule;
-        /**
-         * Use this method to register work which needs to be performed on module loading.
-         *
-         * @param inlineAnnotatedFunction Execute this function on module load. Useful for service configuration.
-         */
-        config(inlineAnnotatedFunction: any[]): IModule;
-        config(object: Object): IModule;
-        /**
-         * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator.
-         *
-         * @param name The name of the constant.
-         * @param value The constant value.
-         */
-        constant(name: string, value: any): IModule;
-        constant(object: Object): IModule;
-        /**
-         * The $controller service is used by Angular to create new controllers.
-         *
-         * This provider allows controller registration via the register method.
-         *
-         * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors.
-         * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation).
-         */
-        controller(name: string, controllerConstructor: Function): IModule;
-        /**
-         * The $controller service is used by Angular to create new controllers.
-         *
-         * This provider allows controller registration via the register method.
-         *
-         * @param name Controller name, or an object map of controllers where the keys are the names and the values are the constructors.
-         * @param controllerConstructor Controller constructor fn (optionally decorated with DI annotations in the array notation).
-         */
-        controller(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        controller(object: Object): IModule;
-        /**
-         * Register a new directive with the compiler.
-         *
-         * @param name Name of the directive in camel-case (i.e. ngBind which will match as ng-bind)
-         * @param directiveFactory An injectable directive factory function.
-         */
-        directive(name: string, directiveFactory: IDirectiveFactory): IModule;
-        /**
-         * Register a new directive with the compiler.
-         *
-         * @param name Name of the directive in camel-case (i.e. ngBind which will match as ng-bind)
-         * @param directiveFactory An injectable directive factory function.
-         */
-        directive(name: string, inlineAnnotatedFunction: any[]): IModule;
-        directive(object: Object): IModule;
-        /**
-         * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider.
-         *
-         * @param name The name of the instance.
-         * @param $getFn The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}).
-         */
-        factory(name: string, $getFn: Function): IModule;
-        /**
-         * Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider.
-         *
-         * @param name The name of the instance.
-         * @param inlineAnnotatedFunction The $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}).
-         */
-        factory(name: string, inlineAnnotatedFunction: any[]): IModule;
-        factory(object: Object): IModule;
-        filter(name: string, filterFactoryFunction: Function): IModule;
-        filter(name: string, inlineAnnotatedFunction: any[]): IModule;
-        filter(object: Object): IModule;
-        provider(name: string, serviceProviderFactory: IServiceProviderFactory): IModule;
-        provider(name: string, serviceProviderConstructor: IServiceProviderClass): IModule;
-        provider(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        provider(name: string, providerObject: IServiceProvider): IModule;
-        provider(object: Object): IModule;
-        /**
-         * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests.
-         */
-        run(initializationFunction: Function): IModule;
-        /**
-         * Run blocks are the closest thing in Angular to the main method. A run block is the code which needs to run to kickstart the application. It is executed after all of the service have been configured and the injector has been created. Run blocks typically contain code which is hard to unit-test, and for this reason should be declared in isolated modules, so that they can be ignored in the unit-tests.
-         */
-        run(inlineAnnotatedFunction: any[]): IModule;
-        service(name: string, serviceConstructor: Function): IModule;
-        service(name: string, inlineAnnotatedConstructor: any[]): IModule;
-        service(object: Object): IModule;
-        /**
-         * Register a value service with the $injector, such as a string, a number, an array, an object or a function. This is short for registering a service where its provider's $get property is a factory function that takes no arguments and returns the value service.
-
-           Value services are similar to constant services, except that they cannot be injected into a module configuration function (see config) but they can be overridden by an Angular decorator.
-         *
-         * @param name The name of the instance.
-         * @param value The value.
-         */
-        value(name: string, value: any): IModule;
-        value(object: Object): IModule;
-
-        /**
-         * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service.
-         * @param name The name of the service to decorate
-         * @param decorator This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments: $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to.
-         */
-        decorator(name:string, decoratorConstructor: Function): IModule;
-        decorator(name:string, inlineAnnotatedConstructor: any[]): IModule;
-
-        // Properties
-        name: string;
-        requires: string[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Attributes
-    // see http://docs.angularjs.org/api/ng.$compile.directive.Attributes
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAttributes {
-        /**
-         * this is necessary to be able to access the scoped attributes. it's not very elegant
-         * because you have to use attrs['foo'] instead of attrs.foo but I don't know of a better way
-         * this should really be limited to return string but it creates this problem: http://stackoverflow.com/q/17201854/165656
-         */
-        [name: string]: any;
-
-        /**
-         * Converts an attribute name (e.g. dash/colon/underscore-delimited string, optionally prefixed with x- or data-) to its normalized, camelCase form.
-         *
-         * Also there is special case for Moz prefix starting with upper case letter.
-         *
-         * For further information check out the guide on @see https://docs.angularjs.org/guide/directive#matching-directives
-         */
-        $normalize(name: string): string;
-
-        /**
-         * Adds the CSS class value specified by the classVal parameter to the
-         * element. If animations are enabled then an animation will be triggered
-         * for the class addition.
-         */
-        $addClass(classVal: string): void;
-
-        /**
-         * Removes the CSS class value specified by the classVal parameter from the
-         * element. If animations are enabled then an animation will be triggered for
-         * the class removal.
-         */
-        $removeClass(classVal: string): void;
-
-        /**
-         * Set DOM element attribute value.
-         */
-        $set(key: string, value: any): void;
-
-        /**
-         * Observes an interpolated attribute.
-         * The observer function will be invoked once during the next $digest
-         * following compilation. The observer is then invoked whenever the
-         * interpolated value changes.
-         */
-        $observe<T>(name: string, fn: (value?: T) => any): Function;
-
-        /**
-         * A map of DOM element attribute names to the normalized name. This is needed
-         * to do reverse lookup from normalized name back to actual name.
-         */
-        $attr: Object;
-    }
-
-    /**
-     * form.FormController - type in module ng
-     * see https://docs.angularjs.org/api/ng/type/form.FormController
-     */
-    interface IFormController {
-
-        /**
-         * Indexer which should return ng.INgModelController for most properties but cannot because of "All named properties must be assignable to string indexer type" constraint - see https://github.com/Microsoft/TypeScript/issues/272
-         */
-        [name: string]: any;
-
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-        $submitted: boolean;
-        $error: any;
-        $addControl(control: INgModelController): void;
-        $removeControl(control: INgModelController): void;
-        $setValidity(validationErrorKey: string, isValid: boolean, control: INgModelController): void;
-        $setDirty(): void;
-        $setPristine(): void;
-        $commitViewValue(): void;
-        $rollbackViewValue(): void;
-        $setSubmitted(): void;
-        $setUntouched(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // NgModelController
-    // see http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController
-    ///////////////////////////////////////////////////////////////////////////
-    interface INgModelController {
-        $render(): void;
-        $setValidity(validationErrorKey: string, isValid: boolean): void;
-        // Documentation states viewValue and modelValue to be a string but other
-        // types do work and it's common to use them.
-        $setViewValue(value: any, trigger?: string): void;
-        $setPristine(): void;
-        $setDirty(): void;
-        $validate(): void;
-        $setTouched(): void;
-        $setUntouched(): void;
-        $rollbackViewValue(): void;
-        $commitViewValue(): void;
-        $isEmpty(value: any): boolean;
-
-        $viewValue: any;
-
-        $modelValue: any;
-
-        $parsers: IModelParser[];
-        $formatters: IModelFormatter[];
-        $viewChangeListeners: IModelViewChangeListener[];
-        $error: any;
-        $name: string;
-
-        $touched: boolean;
-        $untouched: boolean;
-
-        $validators: IModelValidators;
-        $asyncValidators: IAsyncModelValidators;
-
-        $pending: any;
-        $pristine: boolean;
-        $dirty: boolean;
-        $valid: boolean;
-        $invalid: boolean;
-    }
-
-    interface IModelValidators {
-        /**
-         * viewValue is any because it can be an object that is called in the view like $viewValue.name:$viewValue.subName
-         */
-        [index: string]: (modelValue: any, viewValue: any) => boolean;
-    }
-
-    interface IAsyncModelValidators {
-        [index: string]: (modelValue: any, viewValue: any) => IPromise<any>;
-    }
-
-    interface IModelParser {
-        (value: any): any;
-    }
-
-    interface IModelFormatter {
-        (value: any): any;
-    }
-
-    interface IModelViewChangeListener {
-        (): void;
-    }
-
-    /**
-     * $rootScope - $rootScopeProvider - service in module ng
-     * see https://docs.angularjs.org/api/ng/type/$rootScope.Scope and https://docs.angularjs.org/api/ng/service/$rootScope
-     */
-    interface IRootScopeService {
-        [index: string]: any;
-
-        $apply(): any;
-        $apply(exp: string): any;
-        $apply(exp: (scope: IScope) => any): any;
-
-        $applyAsync(): any;
-        $applyAsync(exp: string): any;
-        $applyAsync(exp: (scope: IScope) => any): any;
-
-        /**
-         * Dispatches an event name downwards to all child scopes (and their children) notifying the registered $rootScope.Scope listeners.
-         *
-         * The event life cycle starts at the scope on which $broadcast was called. All listeners listening for name event on this scope get notified. Afterwards, the event propagates to all direct and indirect scopes of the current scope and calls all registered listeners along the way. The event cannot be canceled.
-         *
-         * Any exception emitted from the listeners will be passed onto the $exceptionHandler service.
-         *
-         * @param name Event name to broadcast.
-         * @param args Optional one or more arguments which will be passed onto the event listeners.
-         */
-        $broadcast(name: string, ...args: any[]): IAngularEvent;
-        $destroy(): void;
-        $digest(): void;
-        /**
-         * Dispatches an event name upwards through the scope hierarchy notifying the registered $rootScope.Scope listeners.
-         *
-         * The event life cycle starts at the scope on which $emit was called. All listeners listening for name event on this scope get notified. Afterwards, the event traverses upwards toward the root scope and calls all registered listeners along the way. The event will stop propagating if one of the listeners cancels it.
-         *
-         * Any exception emitted from the listeners will be passed onto the $exceptionHandler service.
-         *
-         * @param name Event name to emit.
-         * @param args Optional one or more arguments which will be passed onto the event listeners.
-         */
-        $emit(name: string, ...args: any[]): IAngularEvent;
-
-        $eval(): any;
-        $eval(expression: string, locals?: Object): any;
-        $eval(expression: (scope: IScope) => any, locals?: Object): any;
-
-        $evalAsync(): void;
-        $evalAsync(expression: string): void;
-        $evalAsync(expression: (scope: IScope) => any): void;
-
-        // Defaults to false by the implementation checking strategy
-        $new(isolate?: boolean, parent?: IScope): IScope;
-
-        /**
-         * Listens on events of a given type. See $emit for discussion of event life cycle.
-         *
-         * The event listener function format is: function(event, args...).
-         *
-         * @param name Event name to listen on.
-         * @param listener Function to call when the event is emitted.
-         */
-        $on(name: string, listener: (event: IAngularEvent, ...args: any[]) => any): Function;
-
-        $watch(watchExpression: string, listener?: string, objectEquality?: boolean): Function;
-        $watch<T>(watchExpression: string, listener?: (newValue: T, oldValue: T, scope: IScope) => any, objectEquality?: boolean): Function;
-        $watch(watchExpression: (scope: IScope) => any, listener?: string, objectEquality?: boolean): Function;
-        $watch<T>(watchExpression: (scope: IScope) => T, listener?: (newValue: T, oldValue: T, scope: IScope) => any, objectEquality?: boolean): Function;
-
-        $watchCollection<T>(watchExpression: string, listener: (newValue: T, oldValue: T, scope: IScope) => any): Function;
-        $watchCollection<T>(watchExpression: (scope: IScope) => T, listener: (newValue: T, oldValue: T, scope: IScope) => any): Function;
-
-        $watchGroup(watchExpressions: any[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-        $watchGroup(watchExpressions: { (scope: IScope): any }[], listener: (newValue: any, oldValue: any, scope: IScope) => any): Function;
-
-        $parent: IScope;
-        $root: IRootScopeService;
-        $id: number;
-
-        // Hidden members
-        $$isolateBindings: any;
-        $$phase: any;
-    }
-
-    interface IScope extends IRootScopeService { }
-
-    /**
-     * $scope for ngRepeat directive.
-     * see https://docs.angularjs.org/api/ng/directive/ngRepeat
-     */
-    interface IRepeatScope extends IScope {
-
-        /**
-         * iterator offset of the repeated element (0..length-1).
-         */
-        $index: number;
-
-        /**
-         * true if the repeated element is first in the iterator.
-         */
-        $first: boolean;
-
-        /**
-         * true if the repeated element is between the first and last in the iterator.
-         */
-        $middle: boolean;
-
-        /**
-         * true if the repeated element is last in the iterator.
-         */
-        $last: boolean;
-
-        /**
-         * true if the iterator position $index is even (otherwise false).
-         */
-        $even: boolean;
-
-        /**
-         * true if the iterator position $index is odd (otherwise false).
-         */
-        $odd: boolean;
-
-    }
-
-    interface IAngularEvent {
-        /**
-         * the scope on which the event was $emit-ed or $broadcast-ed.
-         */
-        targetScope: IScope;
-        /**
-         * the scope that is currently handling the event. Once the event propagates through the scope hierarchy, this property is set to null.
-         */
-        currentScope: IScope;
-        /**
-         * name of the event.
-         */
-        name: string;
-        /**
-         * calling stopPropagation function will cancel further event propagation (available only for events that were $emit-ed).
-         */
-        stopPropagation?: Function;
-        /**
-         * calling preventDefault sets defaultPrevented flag to true.
-         */
-        preventDefault: Function;
-        /**
-         * true if preventDefault was called.
-         */
-        defaultPrevented: boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // WindowService
-    // see http://docs.angularjs.org/api/ng.$window
-    ///////////////////////////////////////////////////////////////////////////
-    interface IWindowService extends Window {
-        [key: string]: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // BrowserService
-    // TODO undocumented, so we need to get it from the source code
-    ///////////////////////////////////////////////////////////////////////////
-    interface IBrowserService {
-        defer: angular.ITimeoutService;
-        [key: string]: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TimeoutService
-    // see http://docs.angularjs.org/api/ng.$timeout
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITimeoutService {
-        (delay?: number, invokeApply?: boolean): IPromise<void>;
-        <T>(fn: (...args: any[]) => T, delay?: number, invokeApply?: boolean, ...args: any[]): IPromise<T>;
-        cancel(promise?: IPromise<any>): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // IntervalService
-    // see http://docs.angularjs.org/api/ng.$interval
-    ///////////////////////////////////////////////////////////////////////////
-    interface IIntervalService {
-        (func: Function, delay: number, count?: number, invokeApply?: boolean, ...args: any[]): IPromise<any>;
-        cancel(promise: IPromise<any>): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AnimateProvider
-    // see http://docs.angularjs.org/api/ng/provider/$animateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnimateProvider {
-        /**
-         * Registers a new injectable animation factory function.
-         *
-         * @param name The name of the animation.
-         * @param factory The factory function that will be executed to return the animation object.
-         */
-        register(name: string, factory: () => IAnimateCallbackObject): void;
-
-        /**
-         * Gets and/or sets the CSS class expression that is checked when performing an animation.
-         *
-         * @param expression The className expression which will be checked against all animations.
-         * @returns The current CSS className expression value. If null then there is no expression value.
-         */
-        classNameFilter(expression?: RegExp): RegExp;
-    }
-
-    /**
-     * The animation object which contains callback functions for each event that is expected to be animated.
-     */
-    interface IAnimateCallbackObject {
-        eventFn(element: Node, doneFn: () => void): Function;
-    }
-
-    /**
-     * $filter - $filterProvider - service in module ng
-     *
-     * Filters are used for formatting data displayed to the user.
-     *
-     * see https://docs.angularjs.org/api/ng/service/$filter
-     */
-    interface IFilterService {
-        (name: 'filter'): IFilterFilter;
-        (name: 'currency'): IFilterCurrency;
-        (name: 'number'): IFilterNumber;
-        (name: 'date'): IFilterDate;
-        (name: 'json'): IFilterJson;
-        (name: 'lowercase'): IFilterLowercase;
-        (name: 'uppercase'): IFilterUppercase;
-        (name: 'limitTo'): IFilterLimitTo;
-        (name: 'orderBy'): IFilterOrderBy;
-        /**
-         * Usage:
-         * $filter(name);
-         *
-         * @param name Name of the filter function to retrieve
-         */
-        <T>(name: string): T;
-    }
-
-    interface IFilterFilter {
-        <T>(array: T[], expression: string | IFilterFilterPatternObject | IFilterFilterPredicateFunc<T>, comparator?: IFilterFilterComparatorFunc<T>|boolean): T[];
-    }
-
-    interface IFilterFilterPatternObject {
-        [name: string]: any;
-    }
-
-    interface IFilterFilterPredicateFunc<T> {
-        (value: T, index: number, array: T[]): boolean;
-    }
-
-    interface IFilterFilterComparatorFunc<T> {
-        (actual: T, expected: T): boolean;
-    }
-
-    interface IFilterCurrency {
-        /**
-         * Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default symbol for current locale is used.
-         * @param amount Input to filter.
-         * @param symbol Currency symbol or identifier to be displayed.
-         * @param fractionSize Number of decimal places to round the amount to, defaults to default max fraction size for current locale
-         * @return Formatted number
-         */
-        (amount: number, symbol?: string, fractionSize?: number): string;
-    }
-
-    interface IFilterNumber {
-        /**
-         * Formats a number as text.
-         * @param number Number to format.
-         * @param fractionSize Number of decimal places to round the number to. If this is not provided then the fraction size is computed from the current locale's number formatting pattern. In the case of the default locale, it will be 3.
-         * @return Number rounded to decimalPlaces and places a “,” after each third digit.
-         */
-        (value: number|string, fractionSize?: number|string): string;
-    }
-
-    interface IFilterDate {
-        /**
-         * Formats date to a string based on the requested format.
-         *
-         * @param date Date to format either as Date object, milliseconds (string or number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.sssZ and its shorter versions like yyyy-MM-ddTHH:mmZ, yyyy-MM-dd or yyyyMMddTHHmmssZ). If no timezone is specified in the string input, the time is considered to be in the local timezone.
-         * @param format Formatting rules (see Description). If not specified, mediumDate is used.
-         * @param timezone Timezone to be used for formatting. It understands UTC/GMT and the continental US time zone abbreviations, but for general use, use a time zone offset, for example, '+0430' (4 hours, 30 minutes east of the Greenwich meridian) If not specified, the timezone of the browser will be used.
-         * @return Formatted string or the input if input is not recognized as date/millis.
-         */
-        (date: Date | number | string, format?: string, timezone?: string): string;
-    }
-
-    interface IFilterJson {
-        /**
-         * Allows you to convert a JavaScript object into JSON string.
-         * @param object Any JavaScript object (including arrays and primitive types) to filter.
-         * @param spacing The number of spaces to use per indentation, defaults to 2.
-         * @return JSON string.
-         */
-        (object: any, spacing?: number): string;
-    }
-
-    interface IFilterLowercase {
-        /**
-         * Converts string to lowercase.
-         */
-        (value: string): string;
-    }
-
-    interface IFilterUppercase {
-        /**
-         * Converts string to uppercase.
-         */
-        (value: string): string;
-    }
-
-    interface IFilterLimitTo {
-        /**
-         * Creates a new array containing only a specified number of elements. The elements are taken from either the beginning or the end of the source array, string or number, as specified by the value and sign (positive or negative) of limit.
-         * @param input Source array to be limited.
-         * @param limit The length of the returned array. If the limit number is positive, limit number of items from the beginning of the source array/string are copied. If the number is negative, limit number of items from the end of the source array are copied. The limit will be trimmed if it exceeds array.length. If limit is undefined, the input will be returned unchanged.
-         * @param begin Index at which to begin limitation. As a negative index, begin indicates an offset from the end of input. Defaults to 0.
-         * @return A new sub-array of length limit or less if input array had less than limit elements.
-         */
-        <T>(input: T[], limit: string|number, begin?: string|number): T[];
-        /**
-         * Creates a new string containing only a specified number of elements. The elements are taken from either the beginning or the end of the source string or number, as specified by the value and sign (positive or negative) of limit. If a number is used as input, it is converted to a string.
-         * @param input Source string or number to be limited.
-         * @param limit The length of the returned string. If the limit number is positive, limit number of items from the beginning of the source string are copied. If the number is negative, limit number of items from the end of the source string are copied. The limit will be trimmed if it exceeds input.length. If limit is undefined, the input will be returned unchanged.
-         * @param begin Index at which to begin limitation. As a negative index, begin indicates an offset from the end of input. Defaults to 0.
-         * @return A new substring of length limit or less if input had less than limit elements.
-         */
-        (input: string|number, limit: string|number, begin?: string|number): string;
-    }
-
-    interface IFilterOrderBy {
-        /**
-         * Orders a specified array by the expression predicate. It is ordered alphabetically for strings and numerically for numbers. Note: if you notice numbers are not being sorted as expected, make sure they are actually being saved as numbers and not strings.
-         * @param array The array to sort.
-         * @param expression A predicate to be used by the comparator to determine the order of elements.
-         * @param reverse Reverse the order of the array.
-         * @return Reverse the order of the array.
-         */
-        <T>(array: T[], expression: string|((value: T) => any)|(((value: T) => any)|string)[], reverse?: boolean): T[];
-    }
-
-    /**
-     * $filterProvider - $filter - provider in module ng
-     *
-     * Filters are just functions which transform input to an output. However filters need to be Dependency Injected. To achieve this a filter definition consists of a factory function which is annotated with dependencies and is responsible for creating a filter function.
-     *
-     * see https://docs.angularjs.org/api/ng/provider/$filterProvider
-     */
-    interface IFilterProvider extends IServiceProvider {
-        /**
-         * register(name);
-         *
-         * @param name Name of the filter function, or an object map of filters where the keys are the filter names and the values are the filter factories. Note: Filter names must be valid angular Expressions identifiers, such as uppercase or orderBy. Names with special characters, such as hyphens and dots, are not allowed. If you wish to namespace your filters, then you can use capitalization (myappSubsectionFilterx) or underscores (myapp_subsection_filterx).
-         */
-        register(name: string | {}): IServiceProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LocaleService
-    // see http://docs.angularjs.org/api/ng.$locale
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILocaleService {
-        id: string;
-
-        // These are not documented
-        // Check angular's i18n files for exemples
-        NUMBER_FORMATS: ILocaleNumberFormatDescriptor;
-        DATETIME_FORMATS: ILocaleDateTimeFormatDescriptor;
-        pluralCat: (num: any) => string;
-    }
-
-    interface ILocaleNumberFormatDescriptor {
-        DECIMAL_SEP: string;
-        GROUP_SEP: string;
-        PATTERNS: ILocaleNumberPatternDescriptor[];
-        CURRENCY_SYM: string;
-    }
-
-    interface ILocaleNumberPatternDescriptor {
-        minInt: number;
-        minFrac: number;
-        maxFrac: number;
-        posPre: string;
-        posSuf: string;
-        negPre: string;
-        negSuf: string;
-        gSize: number;
-        lgSize: number;
-    }
-
-    interface ILocaleDateTimeFormatDescriptor {
-        MONTH: string[];
-        SHORTMONTH: string[];
-        DAY: string[];
-        SHORTDAY: string[];
-        AMPMS: string[];
-        medium: string;
-        short: string;
-        fullDate: string;
-        longDate: string;
-        mediumDate: string;
-        shortDate: string;
-        mediumTime: string;
-        shortTime: string;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LogService
-    // see http://docs.angularjs.org/api/ng.$log
-    // see http://docs.angularjs.org/api/ng.$logProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILogService {
-        debug: ILogCall;
-        error: ILogCall;
-        info: ILogCall;
-        log: ILogCall;
-        warn: ILogCall;
-    }
-
-    interface ILogProvider extends IServiceProvider {
-        debugEnabled(): boolean;
-        debugEnabled(enabled: boolean): ILogProvider;
-    }
-
-    // We define this as separate interface so we can reopen it later for
-    // the ngMock module.
-    interface ILogCall {
-        (...args: any[]): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ParseService
-    // see http://docs.angularjs.org/api/ng.$parse
-    // see http://docs.angularjs.org/api/ng.$parseProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IParseService {
-        (expression: string, interceptorFn?: (value: any, scope: IScope, locals: any) => any, expensiveChecks?: boolean): ICompiledExpression;
-    }
-
-    interface IParseProvider {
-        logPromiseWarnings(): boolean;
-        logPromiseWarnings(value: boolean): IParseProvider;
-
-        unwrapPromises(): boolean;
-        unwrapPromises(value: boolean): IParseProvider;
-    }
-
-    interface ICompiledExpression {
-        (context: any, locals?: any): any;
-
-        literal: boolean;
-        constant: boolean;
-
-        // If value is not provided, undefined is gonna be used since the implementation
-        // does not check the parameter. Let's force a value for consistency. If consumer
-        // whants to undefine it, pass the undefined value explicitly.
-        assign(context: any, value: any): any;
-    }
-
-    /**
-     * $location - $locationProvider - service in module ng
-     * see https://docs.angularjs.org/api/ng/service/$location
-     */
-    interface ILocationService {
-        absUrl(): string;
-        hash(): string;
-        hash(newHash: string): ILocationService;
-        host(): string;
-
-        /**
-         * Return path of current url
-         */
-        path(): string;
-
-        /**
-         * Change path when called with parameter and return $location.
-         * Note: Path should always begin with forward slash (/), this method will add the forward slash if it is missing.
-         *
-         * @param path New path
-         */
-        path(path: string): ILocationService;
-
-        port(): number;
-        protocol(): string;
-        replace(): ILocationService;
-
-        /**
-         * Return search part (as object) of current url
-         */
-        search(): any;
-
-        /**
-         * Change search part when called with parameter and return $location.
-         *
-         * @param search When called with a single argument the method acts as a setter, setting the search component of $location to the specified value.
-         *
-         * If the argument is a hash object containing an array of values, these values will be encoded as duplicate search parameters in the url.
-         */
-        search(search: any): ILocationService;
-
-        /**
-         * Change search part when called with parameter and return $location.
-         *
-         * @param search New search params
-         * @param paramValue If search is a string or a Number, then paramValue will override only a single search property. If paramValue is null, the property specified via the first argument will be deleted. If paramValue is an array, it will override the property of the search component of $location specified via the first argument. If paramValue is true, the property specified via the first argument will be added with no value nor trailing equal sign.
-         */
-        search(search: string, paramValue: string|number|string[]|boolean): ILocationService;
-
-        state(): any;
-        state(state: any): ILocationService;
-        url(): string;
-        url(url: string): ILocationService;
-    }
-
-    interface ILocationProvider extends IServiceProvider {
-        hashPrefix(): string;
-        hashPrefix(prefix: string): ILocationProvider;
-        html5Mode(): boolean;
-
-        // Documentation states that parameter is string, but
-        // implementation tests it as boolean, which makes more sense
-        // since this is a toggler
-        html5Mode(active: boolean): ILocationProvider;
-        html5Mode(mode: { enabled?: boolean; requireBase?: boolean; rewriteLinks?: boolean; }): ILocationProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // DocumentService
-    // see http://docs.angularjs.org/api/ng.$document
-    ///////////////////////////////////////////////////////////////////////////
-    interface IDocumentService extends IAugmentedJQuery {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ExceptionHandlerService
-    // see http://docs.angularjs.org/api/ng.$exceptionHandler
-    ///////////////////////////////////////////////////////////////////////////
-    interface IExceptionHandlerService {
-        (exception: Error, cause?: string): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RootElementService
-    // see http://docs.angularjs.org/api/ng.$rootElement
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRootElementService extends JQuery {}
-
-    interface IQResolveReject<T> {
-        (): void;
-        (value: T): void;
-    }
-    /**
-     * $q - service in module ng
-     * A promise/deferred implementation inspired by Kris Kowal's Q.
-     * See http://docs.angularjs.org/api/ng/service/$q
-     */
-    interface IQService {
-        new <T>(resolver: (resolve: IQResolveReject<T>) => any): IPromise<T>;
-        new <T>(resolver: (resolve: IQResolveReject<T>, reject: IQResolveReject<any>) => any): IPromise<T>;
-        <T>(resolver: (resolve: IQResolveReject<T>) => any): IPromise<T>;
-        <T>(resolver: (resolve: IQResolveReject<T>, reject: IQResolveReject<any>) => any): IPromise<T>;
-
-        /**
-         * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved.
-         *
-         * Returns a single promise that will be resolved with an array of values, each value corresponding to the promise at the same index in the promises array. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value.
-         *
-         * @param promises An array of promises.
-         */
-        all<T>(promises: IPromise<any>[]): IPromise<T[]>;
-        /**
-         * Combines multiple promises into a single promise that is resolved when all of the input promises are resolved.
-         *
-         * Returns a single promise that will be resolved with a hash of values, each value corresponding to the promise at the same key in the promises hash. If any of the promises is resolved with a rejection, this resulting promise will be rejected with the same rejection value.
-         *
-         * @param promises A hash of promises.
-         */
-        all(promises: { [id: string]: IPromise<any>; }): IPromise<{ [id: string]: any; }>;
-        all<T extends {}>(promises: { [id: string]: IPromise<any>; }): IPromise<T>;
-        /**
-         * Creates a Deferred object which represents a task which will finish in the future.
-         */
-        defer<T>(): IDeferred<T>;
-        /**
-         * Creates a promise that is resolved as rejected with the specified reason. This api should be used to forward rejection in a chain of promises. If you are dealing with the last promise in a promise chain, you don't need to worry about it.
-         *
-         * When comparing deferreds/promises to the familiar behavior of try/catch/throw, think of reject as the throw keyword in JavaScript. This also means that if you "catch" an error via a promise error callback and you want to forward the error to the promise derived from the current promise, you have to "rethrow" the error by returning a rejection constructed via reject.
-         *
-         * @param reason Constant, message, exception or an object representing the rejection reason.
-         */
-        reject(reason?: any): IPromise<any>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         *
-         * @param value Value or a promise
-         */
-        resolve<T>(value: IPromise<T>|T): IPromise<T>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         */
-        resolve(): IPromise<void>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         *
-         * @param value Value or a promise
-         */
-        when<T>(value: IPromise<T>|T): IPromise<T>;
-        /**
-         * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
-         */
-        when(): IPromise<void>;
-    }
-
-    interface IPromise<T> {
-        /**
-         * Regardless of when the promise was or will be resolved or rejected, then calls one of the success or error callbacks asynchronously as soon as the result is available. The callbacks are called with a single argument: the result or rejection reason. Additionally, the notify callback may be called zero or more times to provide a progress indication, before the promise is resolved or rejected.
-         * The successCallBack may return IPromise<void> for when a $q.reject() needs to be returned
-         * This method returns a new promise which is resolved or rejected via the return value of the successCallback, errorCallback. It also notifies via the return value of the notifyCallback method. The promise can not be resolved or rejected from the notifyCallback method.
-         */
-        then<TResult>(successCallback: (promiseValue: T) => IPromise<TResult>|TResult, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise<TResult>;
-
-        /**
-         * Shorthand for promise.then(null, errorCallback)
-         */
-        catch<TResult>(onRejected: (reason: any) => IPromise<TResult>|TResult): IPromise<TResult>;
-
-        /**
-         * Allows you to observe either the fulfillment or rejection of a promise, but to do so without modifying the final value. This is useful to release resources or do some clean-up that needs to be done whether the promise was rejected or resolved. See the full specification for more information.
-         *
-         * Because finally is a reserved word in JavaScript and reserved keywords are not supported as property names by ES3, you'll need to invoke the method like promise['finally'](callback) to make your code IE8 and Android 2.x compatible.
-         */
-        finally(finallyCallback: () => any): IPromise<T>;
-    }
-
-    interface IDeferred<T> {
-        resolve(value?: T|IPromise<T>): void;
-        reject(reason?: any): void;
-        notify(state?: any): void;
-        promise: IPromise<T>;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AnchorScrollService
-    // see http://docs.angularjs.org/api/ng.$anchorScroll
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnchorScrollService {
-        (): void;
-        (hash: string): void;
-        yOffset: any;
-    }
-
-    interface IAnchorScrollProvider extends IServiceProvider {
-        disableAutoScrolling(): void;
-    }
-
-    /**
-     * $cacheFactory - service in module ng
-     *
-     * Factory that constructs Cache objects and gives access to them.
-     *
-     * see https://docs.angularjs.org/api/ng/service/$cacheFactory
-     */
-    interface ICacheFactoryService {
-        /**
-         * Factory that constructs Cache objects and gives access to them.
-         *
-         * @param cacheId Name or id of the newly created cache.
-         * @param optionsMap Options object that specifies the cache behavior. Properties:
-         *
-         * capacity — turns the cache into LRU cache.
-         */
-        (cacheId: string, optionsMap?: { capacity?: number; }): ICacheObject;
-
-        /**
-         * Get information about all the caches that have been created.
-         * @returns key-value map of cacheId to the result of calling cache#info
-         */
-        info(): any;
-
-        /**
-         * Get access to a cache object by the cacheId used when it was created.
-         *
-         * @param cacheId Name or id of a cache to access.
-         */
-        get(cacheId: string): ICacheObject;
-    }
-
-    /**
-     * $cacheFactory.Cache - type in module ng
-     *
-     * A cache object used to store and retrieve data, primarily used by $http and the script directive to cache templates and other data.
-     *
-     * see https://docs.angularjs.org/api/ng/type/$cacheFactory.Cache
-     */
-    interface ICacheObject {
-        /**
-         * Retrieve information regarding a particular Cache.
-         */
-        info(): {
-            /**
-             * the id of the cache instance
-             */
-            id: string;
-
-            /**
-             * the number of entries kept in the cache instance
-             */
-            size: number;
-
-            //...: any additional properties from the options object when creating the cache.
-        };
-
-        /**
-         * Inserts a named entry into the Cache object to be retrieved later, and incrementing the size of the cache if the key was not already present in the cache. If behaving like an LRU cache, it will also remove stale entries from the set.
-         *
-         * It will not insert undefined values into the cache.
-         *
-         * @param key the key under which the cached data is stored.
-         * @param value the value to store alongside the key. If it is undefined, the key will not be stored.
-         */
-        put<T>(key: string, value?: T): T;
-
-        /**
-         * Retrieves named data stored in the Cache object.
-         *
-         * @param key the key of the data to be retrieved
-         */
-        get<T>(key: string): T;
-
-        /**
-         * Removes an entry from the Cache object.
-         *
-         * @param key the key of the entry to be removed
-         */
-        remove(key: string): void;
-
-        /**
-         * Clears the cache object of any entries.
-         */
-        removeAll(): void;
-
-        /**
-         * Destroys the Cache object entirely, removing it from the $cacheFactory set.
-         */
-        destroy(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CompileService
-    // see http://docs.angularjs.org/api/ng.$compile
-    // see http://docs.angularjs.org/api/ng.$compileProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICompileService {
-        (element: string, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: Element, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-        (element: JQuery, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
-    }
-
-    interface ICompileProvider extends IServiceProvider {
-        directive(name: string, directiveFactory: Function): ICompileProvider;
-
-        // Undocumented, but it is there...
-        directive(directivesMap: any): ICompileProvider;
-
-        aHrefSanitizationWhitelist(): RegExp;
-        aHrefSanitizationWhitelist(regexp: RegExp): ICompileProvider;
-
-        imgSrcSanitizationWhitelist(): RegExp;
-        imgSrcSanitizationWhitelist(regexp: RegExp): ICompileProvider;
-
-        debugInfoEnabled(enabled?: boolean): any;
-    }
-
-    interface ICloneAttachFunction {
-        // Let's hint but not force cloneAttachFn's signature
-        (clonedElement?: JQuery, scope?: IScope): any;
-    }
-
-    // This corresponds to the "publicLinkFn" returned by $compile.
-    interface ITemplateLinkingFunction {
-        (scope: IScope, cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery;
-    }
-
-    // This corresponds to $transclude (and also the transclude function passed to link).
-    interface ITranscludeFunction {
-        // If the scope is provided, then the cloneAttachFn must be as well.
-        (scope: IScope, cloneAttachFn: ICloneAttachFunction): IAugmentedJQuery;
-        // If one argument is provided, then it's assumed to be the cloneAttachFn.
-        (cloneAttachFn?: ICloneAttachFunction): IAugmentedJQuery;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ControllerService
-    // see http://docs.angularjs.org/api/ng.$controller
-    // see http://docs.angularjs.org/api/ng.$controllerProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IControllerService {
-        // Although the documentation doesn't state this, locals are optional
-        <T>(controllerConstructor: new (...args: any[]) => T, locals?: any, bindToController?: any): T;
-        <T>(controllerConstructor: Function, locals?: any, bindToController?: any): T;
-        <T>(controllerName: string, locals?: any, bindToController?: any): T;
-    }
-
-    interface IControllerProvider extends IServiceProvider {
-        register(name: string, controllerConstructor: Function): void;
-        register(name: string, dependencyAnnotatedConstructor: any[]): void;
-        allowGlobals(): void;
-    }
-
-    /**
-     * HttpService
-     * see http://docs.angularjs.org/api/ng/service/$http
-     */
-    interface IHttpService {
-        /**
-         * Object describing the request to be made and how it should be processed.
-         */
-        <T>(config: IRequestConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform GET request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        get<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform DELETE request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        delete<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform HEAD request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        head<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform JSONP request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param config Optional configuration object
-         */
-        jsonp<T>(url: string, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform POST request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param data Request content
-         * @param config Optional configuration object
-         */
-        post<T>(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform PUT request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param data Request content
-         * @param config Optional configuration object
-         */
-        put<T>(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Shortcut method to perform PATCH request.
-         *
-         * @param url Relative or absolute URL specifying the destination of the request
-         * @param data Request content
-         * @param config Optional configuration object
-         */
-        patch<T>(url: string, data: any, config?: IRequestShortcutConfig): IHttpPromise<T>;
-
-        /**
-         * Runtime equivalent of the $httpProvider.defaults property. Allows configuration of default headers, withCredentials as well as request and response transformations.
-         */
-        defaults: IHttpProviderDefaults;
-
-        /**
-         * Array of config objects for currently pending requests. This is primarily meant to be used for debugging purposes.
-         */
-        pendingRequests: IRequestConfig[];
-    }
-
-    /**
-     * Object describing the request to be made and how it should be processed.
-     * see http://docs.angularjs.org/api/ng/service/$http#usage
-     */
-    interface IRequestShortcutConfig extends IHttpProviderDefaults {
-        /**
-         * {Object.<string|Object>}
-         * Map of strings or objects which will be turned to ?key1=value1&key2=value2 after the url. If the value is not a string, it will be JSONified.
-         */
-        params?: any;
-
-        /**
-         * {string|Object}
-         * Data to be sent as the request message data.
-         */
-        data?: any;
-
-        /**
-         * Timeout in milliseconds, or promise that should abort the request when resolved.
-         */
-        timeout?: number|IPromise<any>;
-
-        /**
-         * See [XMLHttpRequest.responseType]https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#xmlhttprequest-responsetype
-         */
-        responseType?: string;
-    }
-
-    /**
-     * Object describing the request to be made and how it should be processed.
-     * see http://docs.angularjs.org/api/ng/service/$http#usage
-     */
-    interface IRequestConfig extends IRequestShortcutConfig {
-        /**
-         * HTTP method (e.g. 'GET', 'POST', etc)
-         */
-        method: string;
-        /**
-         * Absolute or relative URL of the resource that is being requested.
-         */
-        url: string;
-    }
-
-    interface IHttpHeadersGetter {
-        (): { [name: string]: string; };
-        (headerName: string): string;
-    }
-
-    interface IHttpPromiseCallback<T> {
-        (data: T, status: number, headers: IHttpHeadersGetter, config: IRequestConfig): void;
-    }
-
-    interface IHttpPromiseCallbackArg<T> {
-        data?: T;
-        status?: number;
-        headers?: IHttpHeadersGetter;
-        config?: IRequestConfig;
-        statusText?: string;
-    }
-
-    interface IHttpPromise<T> extends IPromise<IHttpPromiseCallbackArg<T>> {
-        success(callback: IHttpPromiseCallback<T>): IHttpPromise<T>;
-        error(callback: IHttpPromiseCallback<any>): IHttpPromise<T>;
-    }
-
-    // See the jsdoc for transformData() at https://github.com/angular/angular.js/blob/master/src/ng/http.js#L228
-    interface IHttpRequestTransformer {
-        (data: any, headersGetter: IHttpHeadersGetter): any;
-    }
-
-    // The definition of fields are the same as IHttpPromiseCallbackArg
-    interface IHttpResponseTransformer {
-        (data: any, headersGetter: IHttpHeadersGetter, status: number): any;
-    }
-
-    interface IHttpRequestConfigHeaders {
-        [requestType: string]: string|(() => string);
-        common?: string|(() => string);
-        get?: string|(() => string);
-        post?: string|(() => string);
-        put?: string|(() => string);
-        patch?: string|(() => string);
-    }
-
-    /**
-    * Object that controls the defaults for $http provider. Not all fields of IRequestShortcutConfig can be configured
-    * via defaults and the docs do not say which. The following is based on the inspection of the source code.
-    * https://docs.angularjs.org/api/ng/service/$http#defaults
-    * https://docs.angularjs.org/api/ng/service/$http#usage
-    * https://docs.angularjs.org/api/ng/provider/$httpProvider The properties section
-    */
-    interface IHttpProviderDefaults {
-        /**
-         * {boolean|Cache}
-         * If true, a default $http cache will be used to cache the GET request, otherwise if a cache instance built with $cacheFactory, this cache will be used for caching.
-         */
-        cache?: any;
-
-        /**
-         * Transform function or an array of such functions. The transform function takes the http request body and
-         * headers and returns its transformed (typically serialized) version.
-         * @see {@link https://docs.angularjs.org/api/ng/service/$http#transforming-requests-and-responses}
-         */
-        transformRequest?: IHttpRequestTransformer |IHttpRequestTransformer[];
-
-        /**
-         * Transform function or an array of such functions. The transform function takes the http response body and
-         * headers and returns its transformed (typically deserialized) version.
-         */
-        transformResponse?: IHttpResponseTransformer | IHttpResponseTransformer[];
-
-        /**
-         * Map of strings or functions which return strings representing HTTP headers to send to the server. If the
-         * return value of a function is null, the header will not be sent.
-         * The key of the map is the request verb in lower case. The "common" key applies to all requests.
-         * @see {@link https://docs.angularjs.org/api/ng/service/$http#setting-http-headers}
-         */
-        headers?: IHttpRequestConfigHeaders;
-
-        /** Name of HTTP header to populate with the XSRF token. */
-        xsrfHeaderName?: string;
-
-        /** Name of cookie containing the XSRF token. */
-        xsrfCookieName?: string;
-
-        /**
-         * whether to to set the withCredentials flag on the XHR object. See [requests with credentials]https://developer.mozilla.org/en/http_access_control#section_5 for more information.
-         */
-        withCredentials?: boolean;
-
-        /**
-        * A function used to the prepare string representation of request parameters (specified as an object). If
-        * specified as string, it is interpreted as a function registered with the $injector. Defaults to
-        * $httpParamSerializer.
-        */
-        paramSerializer?: string | ((obj: any) => string);
-    }
-
-    interface IHttpInterceptor {
-        request?: (config: IRequestConfig) => IRequestConfig|IPromise<IRequestConfig>;
-        requestError?: (rejection: any) => any;
-        response?: <T>(response: IHttpPromiseCallbackArg<T>) => IPromise<T>|T;
-        responseError?: (rejection: any) => any;
-    }
-
-    interface IHttpInterceptorFactory {
-        (...args: any[]): IHttpInterceptor;
-    }
-
-    interface IHttpProvider extends IServiceProvider {
-        defaults: IHttpProviderDefaults;
-
-        /**
-         * Register service factories (names or implementations) for interceptors which are called before and after
-         * each request.
-         */
-        interceptors: (string|IHttpInterceptorFactory|(string|IHttpInterceptorFactory)[])[];
-        useApplyAsync(): boolean;
-        useApplyAsync(value: boolean): IHttpProvider;
-
-        /**
-         *
-         * @param {boolean=} value If true, `$http` will return a normal promise without the `success` and `error` methods.
-         * @returns {boolean|Object} If a value is specified, returns the $httpProvider for chaining.
-         *    otherwise, returns the current configured value.
-         */
-        useLegacyPromiseExtensions(value:boolean) : boolean | IHttpProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpBackendService
-    // see http://docs.angularjs.org/api/ng.$httpBackend
-    // You should never need to use this service directly.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpBackendService {
-        // XXX Perhaps define callback signature in the future
-        (method: string, url: string, post?: any, callback?: Function, headers?: any, timeout?: number, withCredentials?: boolean): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // InterpolateService
-    // see http://docs.angularjs.org/api/ng.$interpolate
-    // see http://docs.angularjs.org/api/ng.$interpolateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IInterpolateService {
-        (text: string, mustHaveExpression?: boolean, trustedContext?: string, allOrNothing?: boolean): IInterpolationFunction;
-        endSymbol(): string;
-        startSymbol(): string;
-    }
-
-    interface IInterpolationFunction {
-        (context: any): string;
-    }
-
-    interface IInterpolateProvider extends IServiceProvider {
-        startSymbol(): string;
-        startSymbol(value: string): IInterpolateProvider;
-        endSymbol(): string;
-        endSymbol(value: string): IInterpolateProvider;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TemplateCacheService
-    // see http://docs.angularjs.org/api/ng.$templateCache
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITemplateCacheService extends ICacheObject {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEService
-    // see http://docs.angularjs.org/api/ng.$sce
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEService {
-        getTrusted(type: string, mayBeTrusted: any): any;
-        getTrustedCss(value: any): any;
-        getTrustedHtml(value: any): any;
-        getTrustedJs(value: any): any;
-        getTrustedResourceUrl(value: any): any;
-        getTrustedUrl(value: any): any;
-        parse(type: string, expression: string): (context: any, locals: any) => any;
-        parseAsCss(expression: string): (context: any, locals: any) => any;
-        parseAsHtml(expression: string): (context: any, locals: any) => any;
-        parseAsJs(expression: string): (context: any, locals: any) => any;
-        parseAsResourceUrl(expression: string): (context: any, locals: any) => any;
-        parseAsUrl(expression: string): (context: any, locals: any) => any;
-        trustAs(type: string, value: any): any;
-        trustAsHtml(value: any): any;
-        trustAsJs(value: any): any;
-        trustAsResourceUrl(value: any): any;
-        trustAsUrl(value: any): any;
-        isEnabled(): boolean;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEProvider
-    // see http://docs.angularjs.org/api/ng.$sceProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEProvider extends IServiceProvider {
-        enabled(value: boolean): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEDelegateService
-    // see http://docs.angularjs.org/api/ng.$sceDelegate
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEDelegateService {
-        getTrusted(type: string, mayBeTrusted: any): any;
-        trustAs(type: string, value: any): any;
-        valueOf(value: any): any;
-    }
-
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SCEDelegateProvider
-    // see http://docs.angularjs.org/api/ng.$sceDelegateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISCEDelegateProvider extends IServiceProvider {
-        resourceUrlBlacklist(blacklist: any[]): void;
-        resourceUrlWhitelist(whitelist: any[]): void;
-        resourceUrlBlacklist(): any[];
-        resourceUrlWhitelist(): any[];
-    }
-
-    /**
-     * $templateRequest service
-     * see http://docs.angularjs.org/api/ng/service/$templateRequest
-     */
-    interface ITemplateRequestService {
-        /**
-         * Downloads a template using $http and, upon success, stores the
-         * contents inside of $templateCache.
-         *
-         * If the HTTP request fails or the response data of the HTTP request is
-         * empty then a $compile error will be thrown (unless
-         * {ignoreRequestError} is set to true).
-         *
-         * @param tpl                  The template URL.
-         * @param ignoreRequestError   Whether or not to ignore the exception
-         *                             when the request fails or the template is
-         *                             empty.
-         *
-         * @return   A promise whose value is the template content.
-         */
-        (tpl: string, ignoreRequestError?: boolean): IPromise<string>;
-        /**
-         * total amount of pending template requests being downloaded.
-         * @type {number}
-         */
-        totalPendingRequests: number;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Component
-    // see http://angularjs.blogspot.com.br/2015/11/angularjs-15-beta2-and-14-releases.html
-    // and http://toddmotto.com/exploring-the-angular-1-5-component-method/
-    ///////////////////////////////////////////////////////////////////////////
-    /**
-     * Runtime representation a type that a Component or other object is instances of.
-     *
-     * An example of a `Type` is `MyCustomComponent` class, which in JavaScript is be represented by
-     * the `MyCustomComponent` constructor function.
-     */
-    interface Type extends Function {
-    }
-
-    /**
-     * `RouteDefinition` defines a route within a {@link RouteConfig} decorator.
-     *
-     * Supported keys:
-     * - `path` or `aux` (requires exactly one of these)
-     * - `component`, `loader`,  `redirectTo` (requires exactly one of these)
-     * - `name` or `as` (optional) (requires exactly one of these)
-     * - `data` (optional)
-     *
-     * See also {@link Route}, {@link AsyncRoute}, {@link AuxRoute}, and {@link Redirect}.
-     */
-    interface RouteDefinition {
-        path?: string;
-        aux?: string;
-        component?: Type | ComponentDefinition | string;
-        loader?: Function;
-        redirectTo?: any[];
-        as?: string;
-        name?: string;
-        data?: any;
-        useAsDefault?: boolean;
-    }
-
-    /**
-     * Represents either a component type (`type` is `component`) or a loader function
-     * (`type` is `loader`).
-     *
-     * See also {@link RouteDefinition}.
-     */
-    interface ComponentDefinition {
-        type: string;
-        loader?: Function;
-        component?: Type;
-    }
-
-    /**
-     * Component definition object (a simplified directive definition object)
-     */
-    interface IComponentOptions {
-        /**
-         * Controller constructor function that should be associated with newly created scope or the name of a registered
-         * controller if passed as a string. Empty function by default.
-         */
-        controller?: any;
-        /**
-         * An identifier name for a reference to the controller. If present, the controller will be published to scope under
-         * the controllerAs name. If not present, this will default to be the same as the component name.
-         */
-        controllerAs?: string;
-        /**
-         * html template as a string or a function that returns an html template as a string which should be used as the
-         * contents of this component. Empty string by default.
-         * If template is a function, then it is injected with the following locals:
-         * $element - Current element
-         * $attrs - Current attributes object for the element
-         */
-        template?: string | Function;
-        /**
-         * path or function that returns a path to an html template that should be used as the contents of this component.
-         * If templateUrl is a function, then it is injected with the following locals:
-         * $element - Current element
-         * $attrs - Current attributes object for the element
-         */
-        templateUrl?: string | Function;
-        /**
-         * Define DOM attribute binding to component properties. Component properties are always bound to the component
-         * controller and not to the scope.
-         */
-        bindings?: any;
-        /**
-         * Whether transclusion is enabled. Enabled by default.
-         */
-        transclude?: boolean;
-        require? : Object;
-        $canActivate?: () => boolean;
-        $routeConfig?: RouteDefinition[];
-    }
-
-    interface IComponentTemplateFn {
-        ( $element?: IAugmentedJQuery, $attrs?: IAttributes ): string;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Directive
-    // see http://docs.angularjs.org/api/ng.$compileProvider#directive
-    // and http://docs.angularjs.org/guide/directive
-    ///////////////////////////////////////////////////////////////////////////
-
-    interface IDirectiveFactory {
-        (...args: any[]): IDirective;
-    }
-
-    interface IDirectiveLinkFn {
-        (
-            scope: IScope,
-            instanceElement: IAugmentedJQuery,
-            instanceAttributes: IAttributes,
-            controller: {},
-            transclude: ITranscludeFunction
-        ): void;
-    }
-
-    interface IDirectivePrePost {
-        pre?: IDirectiveLinkFn;
-        post?: IDirectiveLinkFn;
-    }
-
-    interface IDirectiveCompileFn {
-        (
-            templateElement: IAugmentedJQuery,
-            templateAttributes: IAttributes,
-            transclude: ITranscludeFunction
-        ): IDirectivePrePost;
-    }
-
-    interface IDirective {
-        compile?: IDirectiveCompileFn;
-        controller?: any;
-        controllerAs?: string;
-        bindToController?: boolean|Object;
-        link?: IDirectiveLinkFn | IDirectivePrePost;
-        name?: string;
-        priority?: number;
-        replace?: boolean;
-        require? : any;
-        restrict?: string;
-        scope?: any;
-        template?: string | Function;
-        templateNamespace?: string;
-        templateUrl?: string | Function;
-        terminal?: boolean;
-        transclude?: any;
-    }
-
-    /**
-     * angular.element
-     * when calling angular.element, angular returns a jQuery object,
-     * augmented with additional methods like e.g. scope.
-     * see: http://docs.angularjs.org/api/angular.element
-     */
-    interface IAugmentedJQueryStatic extends JQueryStatic {
-        (selector: string, context?: any): IAugmentedJQuery;
-        (element: Element): IAugmentedJQuery;
-        (object: {}): IAugmentedJQuery;
-        (elementArray: Element[]): IAugmentedJQuery;
-        (object: JQuery): IAugmentedJQuery;
-        (func: Function): IAugmentedJQuery;
-        (array: any[]): IAugmentedJQuery;
-        (): IAugmentedJQuery;
-    }
-
-    interface IAugmentedJQuery extends JQuery {
-        // TODO: events, how to define?
-        //$destroy
-
-        find(selector: string): IAugmentedJQuery;
-        find(element: any): IAugmentedJQuery;
-        find(obj: JQuery): IAugmentedJQuery;
-        controller(): any;
-        controller(name: string): any;
-        injector(): any;
-        scope(): IScope;
-        isolateScope(): IScope;
-
-        inheritedData(key: string, value: any): JQuery;
-        inheritedData(obj: { [key: string]: any; }): JQuery;
-        inheritedData(key?: string): any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AUTO module (angular.js)
-    ///////////////////////////////////////////////////////////////////////////
-    export module auto {
-
-        ///////////////////////////////////////////////////////////////////////
-        // InjectorService
-        // see http://docs.angularjs.org/api/AUTO.$injector
-        ///////////////////////////////////////////////////////////////////////
-        interface IInjectorService {
-            annotate(fn: Function): string[];
-            annotate(inlineAnnotatedFunction: any[]): string[];
-            get<T>(name: string, caller?: string): T;
-            has(name: string): boolean;
-            instantiate<T>(typeConstructor: Function, locals?: any): T;
-            invoke(inlineAnnotatedFunction: any[]): any;
-            invoke(func: Function, context?: any, locals?: any): any;
-        }
-
-        ///////////////////////////////////////////////////////////////////////
-        // ProvideService
-        // see http://docs.angularjs.org/api/AUTO.$provide
-        ///////////////////////////////////////////////////////////////////////
-        interface IProvideService {
-            // Documentation says it returns the registered instance, but actual
-            // implementation does not return anything.
-            // constant(name: string, value: any): any;
-            /**
-             * Register a constant service, such as a string, a number, an array, an object or a function, with the $injector. Unlike value it can be injected into a module configuration function (see config) and it cannot be overridden by an Angular decorator.
-             *
-             * @param name The name of the constant.
-             * @param value The constant value.
-             */
-            constant(name: string, value: any): void;
-
-            /**
-             * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service.
-             *
-             * @param name The name of the service to decorate.
-             * @param decorator This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments:
-             *
-             * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to.
-             */
-            decorator(name: string, decorator: Function): void;
-            /**
-             * Register a service decorator with the $injector. A service decorator intercepts the creation of a service, allowing it to override or modify the behaviour of the service. The object returned by the decorator may be the original service, or a new service object which replaces or wraps and delegates to the original service.
-             *
-             * @param name The name of the service to decorate.
-             * @param inlineAnnotatedFunction This function will be invoked when the service needs to be instantiated and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments:
-             *
-             * $delegate - The original service instance, which can be monkey patched, configured, decorated or delegated to.
-             */
-            decorator(name: string, inlineAnnotatedFunction: any[]): void;
-            factory(name: string, serviceFactoryFunction: Function): IServiceProvider;
-            factory(name: string, inlineAnnotatedFunction: any[]): IServiceProvider;
-            provider(name: string, provider: IServiceProvider): IServiceProvider;
-            provider(name: string, serviceProviderConstructor: Function): IServiceProvider;
-            service(name: string, constructor: Function): IServiceProvider;
-            service(name: string, inlineAnnotatedFunction: any[]): IServiceProvider;
-            value(name: string, value: any): IServiceProvider;
-        }
-
-    }
-}
diff --git a/angular/legacy/angular-animate-1.2.d.ts b/angular/legacy/angular-animate-1.2.d.ts
deleted file mode 100644
index 0a74608c27..0000000000
--- a/angular/legacy/angular-animate-1.2.d.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngAnimate module)
-// Project: http://angularjs.org
-// Definitions by: Michel Salib <https://github.com/michelsalib>, Adi Dahiya <https://github.com/adidahiya>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngAnimate module (angular-animate.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.animate {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AnimateService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngAnimate/service/$animate
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnimateService extends ng.IAnimateService {
-        /**
-        * Globally enables / disables animations.
-        *
-        * @param value If provided then set the animation on or off.
-        * @param element If provided then the element will be used to represent the enable/disable operation.
-        * @returns current animation state
-        */
-        enabled(value?: boolean, element?: JQuery): boolean;
-
-        /**
-         * Appends the element to the parentElement element that resides in the document and then runs the enter animation.
-         *
-         * @param element the element that will be the focus of the enter animation
-         * @param parentElement the parent element of the element that will be the focus of the enter animation
-         * @param afterElement the sibling element (which is the previous element) of the element that will be the focus of the enter animation
-         * @param doneCallback the callback function that will be called once the animation is complete
-         */
-        enter(element: JQuery, parentElement: JQuery, afterElement?: JQuery, doneCallback?: () => void): void;
-
-        /**
-         * Runs the leave animation operation and, upon completion, removes the element from the DOM.
-         *
-         * @param element the element that will be the focus of the leave animation
-         * @param doneCallback the callback function that will be called once the animation is complete
-         */
-        leave(element: JQuery, doneCallback?: () => void): void;
-
-        /**
-         * Fires the move DOM operation. Just before the animation starts, the animate service will either append
-         * it into the parentElement container or add the element directly after the afterElement element if present.
-         * Then the move animation will be run.
-         *
-         * @param element the element that will be the focus of the move animation
-         * @param parentElement the parent element of the element that will be the focus of the move animation
-         * @param afterElement the sibling element (which is the previous element) of the element that will be the focus of the move animation
-         * @param doneCallback the callback function that will be called once the animation is complete
-         */
-        move(element: JQuery, parentElement: JQuery, afterElement?: JQuery, doneCallback?: () => void): void;
-
-        /**
-         * Triggers a custom animation event based off the className variable and then attaches the className
-         * value to the element as a CSS class.
-         *
-         * @param element the element that will be animated
-         * @param className the CSS class that will be added to the element and then animated
-         * @param doneCallback the callback function that will be called once the animation is complete
-         */
-        addClass(element: JQuery, className: string, doneCallback?: () => void): void;
-
-        /**
-         * Triggers a custom animation event based off the className variable and then removes the CSS class
-         * provided by the className value from the element.
-         *
-         * @param element the element that will be animated
-         * @param className the CSS class that will be animated and then removed from the element
-         * @param doneCallback the callback function that will be called once the animation is complete
-         */
-        removeClass(element: JQuery, className: string, doneCallback?: () => void): void;
-
-        /**
-         * Adds and/or removes the given CSS classes to and from the element. Once complete, the done() callback
-         * will be fired (if provided).
-         *
-         * @param element the element which will have its CSS classes changed removed from it
-         * @param add the CSS classes which will be added to the element
-         * @param remove the CSS class which will be removed from the element CSS classes have been set on the element
-         * @param doneCallback done the callback function (if provided) that will be fired after the CSS classes have been set on the element
-         */
-        setClass(element: JQuery, add: string, remove: string, doneCallback?: () => void): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularProvider
-    // see https://code.angularjs.org/1.2.26/docs/api/ngAnimate/provider/$animateProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAnimateProvider {
-        /**
-         * Registers a new injectable animation factory function.
-         *
-         * @param name The name of the animation.
-         * @param factory The factory function that will be executed to return the animation object.
-         */
-        register(name: string, factory: () => ng.IAnimateCallbackObject): void;
-
-        /**
-         * Gets and/or sets the CSS class expression that is checked when performing an animation.
-         *
-         * @param expression The className expression which will be checked against all animations.
-         * @returns The current CSS className expression value. If null then there is no expression value.
-         */
-        classNameFilter(expression?: RegExp): RegExp;
-    }
-}
diff --git a/angular/legacy/angular-animate-1.3.d.ts b/angular/legacy/angular-animate-1.3.d.ts
deleted file mode 100644
index 6f103bc83c..0000000000
--- a/angular/legacy/angular-animate-1.3.d.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-// Type definitions for Angular JS 1.3 (ngAnimate module)
-// Project: http://angularjs.org
-// Definitions by: Michel Salib <https://github.com/michelsalib>, Adi Dahiya <https://github.com/adidahiya>, Raphael Schweizer <https://github.com/rasch>, Cody Schaaf <https://github.com/codyschaaf>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-declare module "angular-animate" {
-    var _: string;
-    export = _;
-}
-
-/**
- * ngAnimate module (angular-animate.js)
- */
-declare namespace angular.animate {
-    interface IAnimateFactory extends Function {
-        enter?: (element: ng.IAugmentedJQuery, doneFn: Function) => IAnimateCssRunner|void;
-        leave?: (element: ng.IAugmentedJQuery, doneFn: Function) => IAnimateCssRunner|void;
-        addClass?: (element: ng.IAugmentedJQuery, className: string, doneFn: Function) => IAnimateCssRunner|void;
-        removeClass?: (element: ng.IAugmentedJQuery, className: string, doneFn: Function) => IAnimateCssRunner|void;
-        setClass?: (element: ng.IAugmentedJQuery, className: string, doneFn: Function) => IAnimateCssRunner|void;
-    }
-
-    /**
-     * AnimateService
-     * see http://docs.angularjs.org/api/ngAnimate/service/$animate
-     */
-    interface IAnimateService {
-        /**
-        * Globally enables / disables animations.
-        *
-        * @param element If provided then the element will be used to represent the enable/disable operation.
-        * @param value If provided then set the animation on or off.
-        * @returns current animation state
-        */
-        enabled(element?: JQuery, value?: boolean): boolean;
-
-        /**
-         * Performs an inline animation on the element.
-         *
-         * @param element the element that will be the focus of the animation
-         * @param from a collection of CSS styles that will be applied to the element at the start of the animation
-         * @param to a collection of CSS styles that the element will animate towards
-         * @param className an optional CSS class that will be added to the element for the duration of the animation (the default class is 'ng-inline-animate')
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        animate(element: JQuery, from: any, to: any, className?: string, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Appends the element to the parentElement element that resides in the document and then runs the enter animation.
-         *
-         * @param element the element that will be the focus of the enter animation
-         * @param parentElement the parent element of the element that will be the focus of the enter animation
-         * @param afterElement the sibling element (which is the previous element) of the element that will be the focus of the enter animation
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        enter(element: JQuery, parentElement: JQuery, afterElement?: JQuery, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Runs the leave animation operation and, upon completion, removes the element from the DOM.
-         *
-         * @param element the element that will be the focus of the leave animation
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        leave(element: JQuery, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Fires the move DOM operation. Just before the animation starts, the animate service will either append
-         * it into the parentElement container or add the element directly after the afterElement element if present.
-         * Then the move animation will be run.
-         *
-         * @param element the element that will be the focus of the move animation
-         * @param parentElement the parent element of the element that will be the focus of the move animation
-         * @param afterElement the sibling element (which is the previous element) of the element that will be the focus of the move animation
-         * @returns the animation callback promise
-         */
-        move(element: JQuery, parentElement: JQuery, afterElement?: JQuery): IPromise<void>;
-
-        /**
-         * Triggers a custom animation event based off the className variable and then attaches the className
-         * value to the element as a CSS class.
-         *
-         * @param element the element that will be animated
-         * @param className the CSS class that will be added to the element and then animated
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        addClass(element: JQuery, className: string, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Triggers a custom animation event based off the className variable and then removes the CSS class
-         * provided by the className value from the element.
-         *
-         * @param element the element that will be animated
-         * @param className the CSS class that will be animated and then removed from the element
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        removeClass(element: JQuery, className: string, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Adds and/or removes the given CSS classes to and from the element. Once complete, the done() callback
-         * will be fired (if provided).
-         *
-         * @param element the element which will have its CSS classes changed removed from it
-         * @param add the CSS classes which will be added to the element
-         * @param remove the CSS class which will be removed from the element CSS classes have been set on the element
-         * @param options an optional collection of styles that will be picked up by the CSS transition/animation
-         * @returns the animation callback promise
-         */
-        setClass(element: JQuery, add: string, remove: string, options?: IAnimationOptions): IPromise<void>;
-
-        /**
-         * Cancels the provided animation.
-         */
-        cancel(animationPromise: IPromise<void>): void;
-    }
-
-    /**
-     * AnimateProvider
-     * see http://docs.angularjs.org/api/ngAnimate/provider/$animateProvider
-     */
-    interface IAnimateProvider {
-        /**
-         * Registers a new injectable animation factory function.
-         *
-         * @param name The name of the animation.
-         * @param factory The factory function that will be executed to return the animation object.
-         */
-        register(name: string, factory: () => IAnimateCallbackObject): void;
-
-        /**
-         * Gets and/or sets the CSS class expression that is checked when performing an animation.
-         *
-         * @param expression The className expression which will be checked against all animations.
-         * @returns The current CSS className expression value. If null then there is no expression value.
-         */
-        classNameFilter(expression?: RegExp): RegExp;
-    }
-
-    /**
-     * Angular Animation Options
-     * see https://docs.angularjs.org/api/ngAnimate/#applying-directive-specific-styles-to-an-animation
-     */
-    interface IAnimationOptions {
-        /**
-         * The ending CSS styles (a key/value object) that will be applied across the animation via a CSS transition.
-         */
-        to?: Object;
-
-        /**
-         * The starting CSS styles (a key/value object) that will be applied at the start of the animation.
-         */
-        from?: Object;
-
-        /**
-         * The DOM event (e.g. enter, leave, move). When used, a generated CSS class of ng-EVENT and
-         * ng-EVENT-active will be applied to the element during the animation. Multiple events can be provided when
-         * spaces are used as a separator. (Note that this will not perform any DOM operation.)
-         */
-        event?: string;
-
-        /**
-         * The CSS easing value that will be applied to the transition or keyframe animation (or both).
-         */
-        easing?: string;
-
-        /**
-         * The raw CSS transition style that will be used (e.g. 1s linear all).
-         */
-        transition?: string;
-
-        /**
-         * The raw CSS keyframe animation style that will be used (e.g. 1s my_animation linear).
-         */
-        keyframe?: string;
-
-        /**
-         * A space separated list of CSS classes that will be added to the element and spread across the animation.
-         */
-        addClass?: string;
-
-        /**
-         * A space separated list of CSS classes that will be removed from the element and spread across
-         * the animation.
-         */
-        removeClass?: string;
-
-        /**
-         * A number value representing the total duration of the transition and/or keyframe (note that a value
-         * of 1 is 1000ms). If a value of 0 is provided then the animation will be skipped entirely.
-         */
-        duration?: number;
-
-        /**
-         * A number value representing the total delay of the transition and/or keyframe (note that a value of
-         * 1 is 1000ms). If a value of true is used then whatever delay value is detected from the CSS classes will be
-         * mirrored on the elements styles (e.g. by setting delay true then the style value of the element will be
-         * transition-delay: DETECTED_VALUE). Using true is useful when you want the CSS classes and inline styles to
-         * all share the same CSS delay value.
-         */
-        delay?: number;
-
-        /**
-         * A numeric time value representing the delay between successively animated elements (Click here to
-         * learn how CSS-based staggering works in ngAnimate.)
-         */
-        stagger?: number;
-
-        /**
-         * The numeric index representing the stagger item (e.g. a value of 5 is equal to the sixth item
-         * in the stagger; therefore when a stagger option value of 0.1 is used then there will be a stagger delay of 600ms)
-         * applyClassesEarly - Whether or not the classes being added or removed will be used when detecting the animation.
-         * This is set by $animate when enter/leave/move animations are fired to ensure that the CSS classes are resolved in time.
-         * (Note that this will prevent any transitions from occuring on the classes being added and removed.)
-         */
-        staggerIndex?: number;
-    }
-
-    interface IAnimateCssRunner {
-        /**
-         * Starts the animation
-         *
-         * @returns The animation runner with a done function for supplying a callback.
-         */
-        start(): IAnimateCssRunnerStart;
-
-        /**
-         * Ends (aborts) the animation
-         */
-        end(): void;
-    }
-
-    interface IAnimateCssRunnerStart extends IPromise<void> {
-        /**
-         * Allows you to add done callbacks to the running animation
-         *
-         * @param callbackFn: the callback function to be run
-         */
-        done(callbackFn: (animationFinished: boolean) => void): void;
-    }
-
-    /**
-     * AnimateCssService
-     * see http://docs.angularjs.org/api/ngAnimate/service/$animateCss
-     */
-    interface IAnimateCssService {
-        (element: JQuery, animateCssOptions: IAnimationOptions): IAnimateCssRunner;
-    }
-
-}
-
-declare namespace angular {
-    interface IModule {
-        animate(cssSelector: string, animateFactory: angular.animate.IAnimateFactory): IModule;
-    }
-}
diff --git a/angular/legacy/angular-cookies-1.0.d.ts b/angular/legacy/angular-cookies-1.0.d.ts
deleted file mode 100644
index 78c8bd4229..0000000000
--- a/angular/legacy/angular-cookies-1.0.d.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// Type definitions for Angular JS 1.0 (ngCookies module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngCookies module (angular-cookies.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.cookies {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CookieService
-    // see http://docs.angularjs.org/api/ngCookies.$cookies
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICookiesService {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CookieStoreService
-    // see http://docs.angularjs.org/api/ngCookies.$cookieStore
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICookieStoreService {
-        get(key: string): any;
-        put(key: string, value: any): void;
-        remove(key: string): void;
-    }
-
-}
diff --git a/angular/legacy/angular-cookies-1.2.d.ts b/angular/legacy/angular-cookies-1.2.d.ts
deleted file mode 100644
index 662bf11662..0000000000
--- a/angular/legacy/angular-cookies-1.2.d.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngCookies module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngCookies module (angular-cookies.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.cookies {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CookieService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngCookies/service/$cookies
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICookiesService {}
-
-    ///////////////////////////////////////////////////////////////////////////
-    // CookieStoreService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngCookies/service/$cookieStore
-    ///////////////////////////////////////////////////////////////////////////
-    interface ICookieStoreService {
-        /**
-         * Returns the value of given cookie key
-         * @param key Id to use for lookup
-         */
-        get(key: string): any;
-        /**
-         * Sets a value for given cookie key
-         * @param key Id for the value
-         * @param value Value to be stored
-         */
-        put(key: string, value: any): void;
-        /**
-         * Remove given cookie
-         * @param key Id of the key-value pair to delete
-         */
-        remove(key: string): void;
-    }
-
-}
diff --git a/angular/legacy/angular-mocks-1.0.d.ts b/angular/legacy/angular-mocks-1.0.d.ts
deleted file mode 100644
index 7ffa97f0ee..0000000000
--- a/angular/legacy/angular-mocks-1.0.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-// Type definitions for Angular JS 1.0 (ngMock, ngMockE2E module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// functions attached to global object (window)
-///////////////////////////////////////////////////////////////////////////////
-declare var module: (...modules: any[]) => any;
-declare var inject: (...fns: Function[]) => any;
-
-///////////////////////////////////////////////////////////////////////////////
-// ngMock module (angular-mocks.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularStatic
-    // We reopen it to add the MockStatic definition
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAngularStatic {
-        mock: IMockStatic;
-    }
-
-    interface IMockStatic {
-        // see http://docs.angularjs.org/api/angular.mock.debug
-        debug(obj: any): string;
-
-        // see http://docs.angularjs.org/api/angular.mock.inject
-        inject(...fns: Function[]): any;
-
-        // see http://docs.angularjs.org/api/angular.mock.module
-        module(...modules: any[]): any;
-
-        // see http://docs.angularjs.org/api/angular.mock.TzDate
-        TzDate(offset: number, timestamp: number): Date;
-        TzDate(offset: number, timestamp: string): Date;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ExceptionHandlerService
-    // see http://docs.angularjs.org/api/ngMock.$exceptionHandler
-    // see http://docs.angularjs.org/api/ngMock.$exceptionHandlerProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IExceptionHandlerProvider extends IServiceProvider {
-        mode(mode: string): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TimeoutService
-    // see http://docs.angularjs.org/api/ngMock.$timeout
-    // Augments the original service
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITimeoutService {
-        flush(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LogService
-    // see http://docs.angularjs.org/api/ngMock.$log
-    // Augments the original service
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILogService {
-        assertEmpty(): void;
-        reset(): void;
-    }
-
-    interface LogCall {
-        logs: string[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpBackendService
-    // see http://docs.angularjs.org/api/ngMock.$httpBackend
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpBackendService {
-        flush(count?: number): void;
-        resetExpectations(): void;
-        verifyNoOutstandingExpectation(): void;
-        verifyNoOutstandingRequest(): void;
-
-        expect(method: string, url: string, data?: any, headers?: any): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: any, headers?: any): mock.IRequestHandler;
-        expect(method: RegExp, url: string, data?: any, headers?: any): mock.IRequestHandler;
-        expect(method: RegExp, url: RegExp, data?: any, headers?: any): mock.IRequestHandler;
-
-        when(method: string, url: string, data?: string, headers?: any): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: string, headers?: any): mock.IRequestHandler;
-        when(method: string, url: string, data?: RegExp, headers?: any): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: RegExp, headers?: any): mock.IRequestHandler;
-        when(method: RegExp, url: string, data?: string, headers?: any): mock.IRequestHandler;
-        when(method: RegExp, url: RegExp, data?: string, headers?: any): mock.IRequestHandler;
-        when(method: RegExp, url: string, data?: RegExp, headers?: any): mock.IRequestHandler;
-        when(method: RegExp, url: RegExp, data?: RegExp, headers?: any): mock.IRequestHandler;
-
-        expectDELETE(url: string, headers?: any): mock.IRequestHandler;
-        expectDELETE(url: RegExp, headers?: any): mock.IRequestHandler;
-        expectGET(url: string, headers?: any): mock.IRequestHandler;
-        expectGET(url: RegExp, headers?: any): mock.IRequestHandler;
-        expectHEAD(url: string, headers?: any): mock.IRequestHandler;
-        expectHEAD(url: RegExp, headers?: any): mock.IRequestHandler;
-        expectJSONP(url: string): mock.IRequestHandler;
-        expectJSONP(url: RegExp): mock.IRequestHandler;
-        expectPATCH(url: string, data?: any, headers?: any): mock.IRequestHandler;
-        expectPATCH(url: RegExp, data?: any, headers?: any): mock.IRequestHandler;
-        expectPOST(url: string, data?: any, headers?: any): mock.IRequestHandler;
-        expectPOST(url: RegExp, data?: any, headers?: any): mock.IRequestHandler;
-        expectPUT(url: string, data?: any, headers?: any): mock.IRequestHandler;
-        expectPUT(url: RegExp, data?: any, headers?: any): mock.IRequestHandler;
-
-        whenDELETE(url: string, headers?: any): mock.IRequestHandler;
-        whenDELETE(url: RegExp, headers?: any): mock.IRequestHandler;
-        whenGET(url: string, headers?: any): mock.IRequestHandler;
-        whenGET(url: RegExp, headers?: any): mock.IRequestHandler;
-        whenHEAD(url: string, headers?: any): mock.IRequestHandler;
-        whenHEAD(url: RegExp, headers?: any): mock.IRequestHandler;
-        whenJSONP(url: string): mock.IRequestHandler;
-        whenJSONP(url: RegExp): mock.IRequestHandler;
-        whenPATCH(url: string, data?: string, headers?: any): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: string, headers?: any): mock.IRequestHandler;
-        whenPATCH(url: string, data?: RegExp, headers?: any): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: RegExp, headers?: any): mock.IRequestHandler;
-        whenPOST(url: string, data?: string, headers?: any): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: string, headers?: any): mock.IRequestHandler;
-        whenPOST(url: string, data?: RegExp, headers?: any): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: RegExp, headers?: any): mock.IRequestHandler;
-        whenPUT(url: string, data?: string, headers?: any): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: string, headers?: any): mock.IRequestHandler;
-        whenPUT(url: string, data?: RegExp, headers?: any): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: RegExp, headers?: any): mock.IRequestHandler;
-    }
-
-    export module mock {
-
-        // returned interface by the the mocked HttpBackendService expect/when methods
-        interface IRequestHandler {
-            respond(func: Function): void;
-            respond(status: number, data?: any, headers?: any): void;
-            respond(data: any, headers?: any): void;
-
-            // Available wehn ngMockE2E is loaded
-            passThrough(): void;
-        }
-
-    }
-
-}
diff --git a/angular/legacy/angular-mocks-1.2-tests.ts b/angular/legacy/angular-mocks-1.2-tests.ts
deleted file mode 100644
index 34e29addc0..0000000000
--- a/angular/legacy/angular-mocks-1.2-tests.ts
+++ /dev/null
@@ -1,305 +0,0 @@
-
-
-///////////////////////////////////////
-// IAngularStatic
-///////////////////////////////////////
-var angular: ng.IAngularStatic;
-var mock: ng.IMockStatic;
-
-mock = angular.mock;
-
-
-///////////////////////////////////////
-// IMockStatic
-///////////////////////////////////////
-var date: Date;
-
-mock.dump({ key: 'value' });
-
-mock.inject(
-    function () { return 1; },
-    function () { return 2; }
-    );
-
-mock.inject(
-    ['$rootScope', function ($rootScope: ng.IRootScopeService) { return 1; }]);
-
-// This overload is not documented on the website, but flows from
-// how the injector works.
-mock.inject(
-    ['$rootScope', function ($rootScope: ng.IRootScopeService) { return 1; }],
-    ['$rootScope', function ($rootScope: ng.IRootScopeService) { return 2; }]);
-
-mock.module('module1', 'module2');
-mock.module(
-    function () { return 1; },
-    function () { return 2; }
-    );
-mock.module({ module1: function () { return 1; } });
-
-date = mock.TzDate(-7, '2013-1-1T15:00:00Z');
-date = mock.TzDate(-8, 12345678);
-
-
-///////////////////////////////////////
-// IExceptionHandlerProvider
-///////////////////////////////////////
-var exceptionHandlerProvider: ng.IExceptionHandlerProvider;
-
-exceptionHandlerProvider.mode('log');
-
-
-///////////////////////////////////////
-// ITimeoutService
-///////////////////////////////////////
-var timeoutService: ng.ITimeoutService;
-
-timeoutService.flush();
-timeoutService.flush(1234);
-timeoutService.flushNext();
-timeoutService.flushNext(1234);
-timeoutService.verifyNoPendingTasks();
-
-////////////////////////////////////////
-// IIntervalService
-////////////////////////////////////////
-var intervalService: ng.IIntervalService;
-var intervalServiceTimeActuallyAdvanced: number;
-
-intervalServiceTimeActuallyAdvanced = intervalService.flush();
-intervalServiceTimeActuallyAdvanced = intervalService.flush(1234);
-
-///////////////////////////////////////
-// ILogService, ILogCall
-///////////////////////////////////////
-var logService: ng.ILogService;
-var logCall: ng.ILogCall;
-var logs: string[];
-
-logService.assertEmpty();
-logService.reset();
-
-logCall = logService.debug;
-logCall = logService.error;
-logCall = logService.info;
-logCall = logService.log;
-logCall = logService.warn;
-
-logs = logCall.logs;
-
-
-///////////////////////////////////////
-// IHttpBackendService
-///////////////////////////////////////
-var httpBackendService: ng.IHttpBackendService;
-var requestHandler: ng.mock.IRequestHandler;
-
-httpBackendService.flush();
-httpBackendService.flush(1234);
-httpBackendService.resetExpectations();
-httpBackendService.verifyNoOutstandingExpectation();
-httpBackendService.verifyNoOutstandingRequest();
-
-requestHandler = httpBackendService.expect('GET', 'http://test.local');
-requestHandler = httpBackendService.expect('GET', 'http://test.local', 'response data');
-requestHandler = httpBackendService.expect('GET', 'http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', 'response data', function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', /response data/);
-requestHandler = httpBackendService.expect('GET', 'http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', /response data/, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', function (data: string): boolean { return true; }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', { key: 'value' });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', 'http://test.local', { key: 'value' }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', /test.local/);
-requestHandler = httpBackendService.expect('GET', /test.local/, 'response data');
-requestHandler = httpBackendService.expect('GET', /test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.expect('GET', /test.local/, 'response data', function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', /test.local/, /response data/);
-requestHandler = httpBackendService.expect('GET', /test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', /test.local/, /response data/, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', /test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', /test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', /test.local/, function (data: string): boolean { return true; }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.expect('GET', /test.local/, { key: 'value' });
-requestHandler = httpBackendService.expect('GET', /test.local/, { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.expect('GET', /test.local/, { key: 'value' }, function (headers: Object): boolean { return true; });
-
-requestHandler = httpBackendService.expectDELETE('http://test.local');
-requestHandler = httpBackendService.expectDELETE('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.expectDELETE(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.expectGET('http://test.local');
-requestHandler = httpBackendService.expectGET('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.expectGET(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.expectHEAD('http://test.local');
-requestHandler = httpBackendService.expectHEAD('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.expectHEAD(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.expectJSONP('http://test.local');
-requestHandler = httpBackendService.expectJSONP(/test.local/);
-
-requestHandler = httpBackendService.expectPATCH('http://test.local');
-requestHandler = httpBackendService.expectPATCH('http://test.local', 'response data');
-requestHandler = httpBackendService.expectPATCH('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPATCH('http://test.local', /response data/);
-requestHandler = httpBackendService.expectPATCH('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPATCH('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPATCH('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPATCH('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.expectPATCH('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.expectPATCH(/test.local/);
-requestHandler = httpBackendService.expectPATCH(/test.local/, 'response data');
-requestHandler = httpBackendService.expectPATCH(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPATCH(/test.local/, /response data/);
-requestHandler = httpBackendService.expectPATCH(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPATCH(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPATCH(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPATCH(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.expectPATCH(/test.local/, { key: 'value' }, { header: 'value' });
-
-requestHandler = httpBackendService.expectPOST('http://test.local');
-requestHandler = httpBackendService.expectPOST('http://test.local', 'response data');
-requestHandler = httpBackendService.expectPOST('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPOST('http://test.local', /response data/);
-requestHandler = httpBackendService.expectPOST('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPOST('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPOST('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPOST('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.expectPOST('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.expectPOST(/test.local/);
-requestHandler = httpBackendService.expectPOST(/test.local/, 'response data');
-requestHandler = httpBackendService.expectPOST(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPOST(/test.local/, /response data/);
-requestHandler = httpBackendService.expectPOST(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPOST(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPOST(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPOST(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.expectPOST(/test.local/, { key: 'value' }, { header: 'value' });
-
-requestHandler = httpBackendService.expectPUT('http://test.local');
-requestHandler = httpBackendService.expectPUT('http://test.local', 'response data');
-requestHandler = httpBackendService.expectPUT('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPUT('http://test.local', /response data/);
-requestHandler = httpBackendService.expectPUT('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPUT('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPUT('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPUT('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.expectPUT('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.expectPUT(/test.local/);
-requestHandler = httpBackendService.expectPUT(/test.local/, 'response data');
-requestHandler = httpBackendService.expectPUT(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.expectPUT(/test.local/, /response data/);
-requestHandler = httpBackendService.expectPUT(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.expectPUT(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.expectPUT(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.expectPUT(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.expectPUT(/test.local/, { key: 'value' }, { header: 'value' });
-
-requestHandler = httpBackendService.when('GET', 'http://test.local');
-requestHandler = httpBackendService.when('GET', 'http://test.local', 'response data');
-requestHandler = httpBackendService.when('GET', 'http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.when('GET', 'http://test.local', 'response data', function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', 'http://test.local', /response data/);
-requestHandler = httpBackendService.when('GET', 'http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.when('GET', 'http://test.local', /response data/, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', 'http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.when('GET', 'http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.when('GET', 'http://test.local', function (data: string): boolean { return true; }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', 'http://test.local', { key: 'value' });
-requestHandler = httpBackendService.when('GET', 'http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.when('GET', 'http://test.local', { key: 'value' }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', /test.local/);
-requestHandler = httpBackendService.when('GET', /test.local/, 'response data');
-requestHandler = httpBackendService.when('GET', /test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.when('GET', /test.local/, 'response data', function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', /test.local/, /response data/);
-requestHandler = httpBackendService.when('GET', /test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.when('GET', /test.local/, /response data/, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', /test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.when('GET', /test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.when('GET', /test.local/, function (data: string): boolean { return true; }, function (headers: Object): boolean { return true; });
-requestHandler = httpBackendService.when('GET', /test.local/, { key: 'value' });
-requestHandler = httpBackendService.when('GET', /test.local/, { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.when('GET', /test.local/, { key: 'value' }, function (headers: Object): boolean { return true; });
-
-requestHandler = httpBackendService.whenDELETE('http://test.local');
-requestHandler = httpBackendService.whenDELETE('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.whenDELETE(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.whenGET('http://test.local');
-requestHandler = httpBackendService.whenGET('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.whenGET(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.whenHEAD('http://test.local');
-requestHandler = httpBackendService.whenHEAD('http://test.local', { header: 'value' });
-requestHandler = httpBackendService.whenHEAD(/test.local/, { header: 'value' });
-requestHandler = httpBackendService.whenJSONP('http://test.local');
-requestHandler = httpBackendService.whenJSONP(/test.local/);
-
-requestHandler = httpBackendService.whenPATCH('http://test.local');
-requestHandler = httpBackendService.whenPATCH('http://test.local', 'response data');
-requestHandler = httpBackendService.whenPATCH('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPATCH('http://test.local', /response data/);
-requestHandler = httpBackendService.whenPATCH('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPATCH('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPATCH('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPATCH('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.whenPATCH('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.whenPATCH(/test.local/);
-requestHandler = httpBackendService.whenPATCH(/test.local/, 'response data');
-requestHandler = httpBackendService.whenPATCH(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPATCH(/test.local/, /response data/);
-requestHandler = httpBackendService.whenPATCH(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPATCH(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPATCH(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPATCH(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.whenPATCH(/test.local/, { key: 'value' }, { header: 'value' });
-
-requestHandler = httpBackendService.whenPOST('http://test.local');
-requestHandler = httpBackendService.whenPOST('http://test.local', 'response data');
-requestHandler = httpBackendService.whenPOST('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPOST('http://test.local', /response data/);
-requestHandler = httpBackendService.whenPOST('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPOST('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPOST('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPOST('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.whenPOST('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.whenPOST(/test.local/);
-requestHandler = httpBackendService.whenPOST(/test.local/, 'response data');
-requestHandler = httpBackendService.whenPOST(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPOST(/test.local/, /response data/);
-requestHandler = httpBackendService.whenPOST(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPOST(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPOST(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPOST(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.whenPOST(/test.local/, { key: 'value' }, { header: 'value' });
-
-requestHandler = httpBackendService.whenPUT('http://test.local');
-requestHandler = httpBackendService.whenPUT('http://test.local', 'response data');
-requestHandler = httpBackendService.whenPUT('http://test.local', 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPUT('http://test.local', /response data/);
-requestHandler = httpBackendService.whenPUT('http://test.local', /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPUT('http://test.local', function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPUT('http://test.local', function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPUT('http://test.local', { key: 'value' });
-requestHandler = httpBackendService.whenPUT('http://test.local', { key: 'value' }, { header: 'value' });
-requestHandler = httpBackendService.whenPUT(/test.local/);
-requestHandler = httpBackendService.whenPUT(/test.local/, 'response data');
-requestHandler = httpBackendService.whenPUT(/test.local/, 'response data', { header: 'value' });
-requestHandler = httpBackendService.whenPUT(/test.local/, /response data/);
-requestHandler = httpBackendService.whenPUT(/test.local/, /response data/, { header: 'value' });
-requestHandler = httpBackendService.whenPUT(/test.local/, function (data: string): boolean { return true; });
-requestHandler = httpBackendService.whenPUT(/test.local/, function (data: string): boolean { return true; }, { header: 'value' });
-requestHandler = httpBackendService.whenPUT(/test.local/, { key: 'value' });
-requestHandler = httpBackendService.whenPUT(/test.local/, { key: 'value' }, { header: 'value' });
-
-
-///////////////////////////////////////
-// IRequestHandler
-///////////////////////////////////////
-requestHandler.passThrough();
-requestHandler.respond(function () { });
-requestHandler.respond({ key: 'value' });
-requestHandler.respond({ key: 'value' }, { header: 'value' });
-requestHandler.respond(404);
-requestHandler.respond(404, { key: 'value' });
-requestHandler.respond(404, { key: 'value' }, { header: 'value' });
diff --git a/angular/legacy/angular-mocks-1.2.d.ts b/angular/legacy/angular-mocks-1.2.d.ts
deleted file mode 100644
index 3b4f7e0405..0000000000
--- a/angular/legacy/angular-mocks-1.2.d.ts
+++ /dev/null
@@ -1,226 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngMock, ngMockE2E module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// functions attached to global object (window)
-///////////////////////////////////////////////////////////////////////////////
-declare var module: (...modules: any[]) => any;
-declare var inject: (...fns: Function[]) => any;
-
-///////////////////////////////////////////////////////////////////////////////
-// ngMock module (angular-mocks.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // AngularStatic
-    // We reopen it to add the MockStatic definition
-    ///////////////////////////////////////////////////////////////////////////
-    interface IAngularStatic {
-        mock: IMockStatic;
-    }
-
-    interface IMockStatic {
-        // see https://code.angularjs.org/1.2.26/docs/api/ngMock/function/angular.mock.dump
-        dump(obj: any): string;
-
-        // see https://code.angularjs.org/1.2.26/docs/api/ngMock/function/angular.mock.inject
-        inject(...fns: Function[]): any;
-        inject(...inlineAnnotatedConstructor: any[]): any; // this overload is undocumented, but works
-
-        // see https://code.angularjs.org/1.2.26/docs/api/ngMock/function/angular.mock.module
-        module(...modules: any[]): any;
-
-        // see https://code.angularjs.org/1.2.26/docs/api/ngMock/type/angular.mock.TzDate
-        TzDate(offset: number, timestamp: number): Date;
-        TzDate(offset: number, timestamp: string): Date;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ExceptionHandlerService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/service/$exceptionHandler
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/provider/$exceptionHandlerProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IExceptionHandlerProvider extends IServiceProvider {
-        mode(mode: string): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // TimeoutService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/service/$timeout
-    // Augments the original service
-    ///////////////////////////////////////////////////////////////////////////
-    interface ITimeoutService {
-        flush(delay?: number): void;
-        flushNext(expectedDelay?: number): void;
-        verifyNoPendingTasks(): void;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // IntervalService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/service/$interval
-    // Augments the original service
-    ///////////////////////////////////////////////////////////////////////////
-    interface IIntervalService {
-        flush(millis?: number): number;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // LogService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/service/$log
-    // Augments the original service
-    ///////////////////////////////////////////////////////////////////////////
-    interface ILogService {
-        assertEmpty(): void;
-        reset(): void;
-    }
-
-    interface ILogCall {
-        logs: string[];
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // HttpBackendService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngMock/service/$httpBackend
-    ///////////////////////////////////////////////////////////////////////////
-    interface IHttpBackendService {
-        flush(count?: number): void;
-        resetExpectations(): void;
-        verifyNoOutstandingExpectation(): void;
-        verifyNoOutstandingRequest(): void;
-
-        expect(method: string, url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: string, data?: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: string, data?: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: string, data?: (data: string) => boolean, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: string, data?: Object, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: (data: string) => boolean, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-        expect(method: string, url: RegExp, data?: Object, headers?: (object: Object) => boolean): mock.IRequestHandler;
-
-        expectDELETE(url: string, headers?: Object): mock.IRequestHandler;
-        expectDELETE(url: RegExp, headers?: Object): mock.IRequestHandler;
-        expectGET(url: string, headers?: Object): mock.IRequestHandler;
-        expectGET(url: RegExp, headers?: Object): mock.IRequestHandler;
-        expectHEAD(url: string, headers?: Object): mock.IRequestHandler;
-        expectHEAD(url: RegExp, headers?: Object): mock.IRequestHandler;
-        expectJSONP(url: string): mock.IRequestHandler;
-        expectJSONP(url: RegExp): mock.IRequestHandler;
-
-        expectPATCH(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPATCH(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-
-        expectPOST(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPOST(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-
-        expectPUT(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        expectPUT(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-
-        when(method: string, url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: string, data?: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: string, data?: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: string, data?: (data: string) => boolean, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: string, data?: Object, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: (data: string) => boolean, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-        when(method: string, url: RegExp, data?: Object, headers?: (object: Object) => boolean): mock.IRequestHandler;
-
-        whenDELETE(url: string, headers?: Object): mock.IRequestHandler;
-        whenDELETE(url: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        whenDELETE(url: RegExp, headers?: Object): mock.IRequestHandler;
-        whenDELETE(url: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-
-        whenGET(url: string, headers?: Object): mock.IRequestHandler;
-        whenGET(url: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        whenGET(url: RegExp, headers?: Object): mock.IRequestHandler;
-        whenGET(url: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-
-        whenHEAD(url: string, headers?: Object): mock.IRequestHandler;
-        whenHEAD(url: string, headers?: (object: Object) => boolean): mock.IRequestHandler;
-        whenHEAD(url: RegExp, headers?: Object): mock.IRequestHandler;
-        whenHEAD(url: RegExp, headers?: (object: Object) => boolean): mock.IRequestHandler;
-
-        whenJSONP(url: string): mock.IRequestHandler;
-        whenJSONP(url: RegExp): mock.IRequestHandler;
-
-        whenPATCH(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPATCH(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-
-        whenPOST(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPOST(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-
-        whenPUT(url: string, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: string, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: string, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: string, data?: Object, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: string, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: RegExp, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: (data: string) => boolean, headers?: Object): mock.IRequestHandler;
-        whenPUT(url: RegExp, data?: Object, headers?: Object): mock.IRequestHandler;
-    }
-
-    export module mock {
-
-        // returned interface by the the mocked HttpBackendService expect/when methods
-        interface IRequestHandler {
-            respond(func: Function): void;
-            respond(status: number, data?: any, headers?: any): void;
-            respond(data: any, headers?: any): void;
-
-            // Available wehn ngMockE2E is loaded
-            passThrough(): void;
-        }
-
-    }
-
-}
diff --git a/angular/legacy/angular-resource-1.0.d.ts b/angular/legacy/angular-resource-1.0.d.ts
deleted file mode 100644
index 88ea0adcd8..0000000000
--- a/angular/legacy/angular-resource-1.0.d.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-// Type definitions for Angular JS 1.0 (ngResource module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngResource module (angular-resource.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.resource {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ResourceService
-    // see http://docs.angularjs.org/api/ngResource.$resource
-    // Most part of the following definitions were achieved by analyzing the
-    // actual implementation, since the documentation doesn't seem to cover
-    // that deeply.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IResourceService {
-    	(url: string, paramDefaults?: any,
-			/** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-			where deleteDescriptor : IActionDescriptor */
-			actionDescriptors?: any): IResourceClass;
-    }
-
-    // Just a reference to facilitate describing new actions
-    interface IActionDescriptor {
-        method: string;
-        isArray?: boolean;
-        params?: any;
-        headers?: any;
-    }
-
-    // Baseclass for everyresource with default actions.
-    // If you define your new actions for the resource, you will need
-    // to extend this interface and typecast the ResourceClass to it.
-    interface IResourceClass {
-        get: IActionCall;
-        save: IActionCall;
-        query: IActionCall;
-        remove: IActionCall;
-        delete: IActionCall;
-    }
-
-    // In case of passing the first argument as anything but a function,
-    // it's gonna be considered data if the action method is POST, PUT or
-    // PATCH (in other words, methods with body). Otherwise, it's going
-    // to be considered as parameters to the request.
-    interface IActionCall {
-        (): IResource;
-        (dataOrParams: any): IResource;
-        (dataOrParams: any, success: Function): IResource;
-        (success: Function, error?: Function): IResource;
-        (params: any, data: any, success?: Function, error?: Function): IResource;
-    }
-
-    interface IResource {
-        $save: IActionCall;
-        $remove: IActionCall;
-        $delete: IActionCall;
-
-        // No documented, but they are there, just as any custom action will be
-        $query: IActionCall;
-        $get: IActionCall;
-    }
-
-    /** when creating a resource factory via IModule.factory */
-    interface IResourceServiceFactoryFunction {
-        ($resource: ng.resource.IResourceService): ng.resource.IResourceClass;
-    }
-}
-
-/** extensions to base ng based on using angular-resource */
-declare namespace ng {
-
-    interface IModule {
-        /** creating a resource service factory */
-        factory(name: string, resourceServiceFactoryFunction: ng.resource.IResourceServiceFactoryFunction): IModule;
-    }
-}
diff --git a/angular/legacy/angular-resource-1.2-tests.ts b/angular/legacy/angular-resource-1.2-tests.ts
deleted file mode 100644
index f79b4752d3..0000000000
--- a/angular/legacy/angular-resource-1.2-tests.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-
-
-interface IMyResource extends ng.resource.IResource<IMyResource> { };
-interface IMyResourceClass extends ng.resource.IResourceClass<IMyResource> { };
-
-///////////////////////////////////////
-// IActionDescriptor
-///////////////////////////////////////
-var actionDescriptor: ng.resource.IActionDescriptor;
-
-actionDescriptor.headers = { header: 'value' };
-actionDescriptor.isArray = true;
-actionDescriptor.method = 'method action';
-actionDescriptor.params = { key: 'value' };
-
-
-///////////////////////////////////////
-// IResourceClass
-///////////////////////////////////////
-var resourceClass: IMyResourceClass;
-var resource: IMyResource;
-var resourceArray: ng.resource.IResourceArray<IMyResource>;
-
-resource = resourceClass.delete();
-resource = resourceClass.delete({ key: 'value' });
-resource = resourceClass.delete({ key: 'value' }, function () { });
-resource = resourceClass.delete(function () { });
-resource = resourceClass.delete(function () { }, function () { });
-resource = resourceClass.delete({ key: 'value' }, { key: 'value' });
-resource = resourceClass.delete({ key: 'value' }, { key: 'value' }, function () { });
-resource = resourceClass.delete({ key: 'value' }, { key: 'value' }, function () { }, function () { });
-resource.$promise.then(function(data: IMyResource) {});
-
-resource = resourceClass.get();
-resource = resourceClass.get({ key: 'value' });
-resource = resourceClass.get({ key: 'value' }, function () { });
-resource = resourceClass.get(function () { });
-resource = resourceClass.get(function () { }, function () { });
-resource = resourceClass.get({ key: 'value' }, { key: 'value' });
-resource = resourceClass.get({ key: 'value' }, { key: 'value' }, function () { });
-resource = resourceClass.get({ key: 'value' }, { key: 'value' }, function () { }, function () { });
-
-resourceArray = resourceClass.query();
-resourceArray = resourceClass.query({ key: 'value' });
-resourceArray = resourceClass.query({ key: 'value' }, function () { });
-resourceArray = resourceClass.query(function () { });
-resourceArray = resourceClass.query(function () { }, function () { });
-resourceArray = resourceClass.query({ key: 'value' }, { key: 'value' });
-resourceArray = resourceClass.query({ key: 'value' }, { key: 'value' }, function () { });
-resourceArray = resourceClass.query({ key: 'value' }, { key: 'value' }, function () { }, function () { });
-resourceArray.push(resource);
-resourceArray.$promise.then(function(data: ng.resource.IResourceArray<IMyResource>) {});
-
-resource = resourceClass.remove();
-resource = resourceClass.remove({ key: 'value' });
-resource = resourceClass.remove({ key: 'value' }, function () { });
-resource = resourceClass.remove(function () { });
-resource = resourceClass.remove(function () { }, function () { });
-resource = resourceClass.remove({ key: 'value' }, { key: 'value' });
-resource = resourceClass.remove({ key: 'value' }, { key: 'value' }, function () { });
-resource = resourceClass.remove({ key: 'value' }, { key: 'value' }, function () { }, function () { });
-
-resource = resourceClass.save();
-resource = resourceClass.save({ key: 'value' });
-resource = resourceClass.save({ key: 'value' }, function () { });
-resource = resourceClass.save(function () { });
-resource = resourceClass.save(function () { }, function () { });
-resource = resourceClass.save({ key: 'value' }, { key: 'value' });
-resource = resourceClass.save({ key: 'value' }, { key: 'value' }, function () { });
-resource = resourceClass.save({ key: 'value' }, { key: 'value' }, function () { }, function () { });
-
-///////////////////////////////////////
-// IResource
-///////////////////////////////////////
-
-var promise : ng.IPromise<IMyResource>;
-var arrayPromise : ng.IPromise<IMyResource[]>;
-
-promise = resource.$delete();
-promise = resource.$delete({ key: 'value' });
-promise = resource.$delete({ key: 'value' }, function () { });
-promise = resource.$delete(function () { });
-promise = resource.$delete(function () { }, function () { });
-promise = resource.$delete({ key: 'value' }, function () { }, function () { });
-promise.then(function(data: IMyResource) {});
-
-promise = resource.$get();
-promise = resource.$get({ key: 'value' });
-promise = resource.$get({ key: 'value' }, function () { });
-promise = resource.$get(function () { });
-promise = resource.$get(function () { }, function () { });
-promise = resource.$get({ key: 'value' }, function () { }, function () { });
-
-arrayPromise = resourceArray[0].$query();
-arrayPromise = resourceArray[0].$query({ key: 'value' });
-arrayPromise = resourceArray[0].$query({ key: 'value' }, function () { });
-arrayPromise = resourceArray[0].$query(function () { });
-arrayPromise = resourceArray[0].$query(function () { }, function () { });
-arrayPromise = resourceArray[0].$query({ key: 'value' }, function () { }, function () { });
-arrayPromise.then(function(data: ng.resource.IResourceArray<IMyResource>) {});
-
-promise = resource.$remove();
-promise = resource.$remove({ key: 'value' });
-promise = resource.$remove({ key: 'value' }, function () { });
-promise = resource.$remove(function () { });
-promise = resource.$remove(function () { }, function () { });
-promise = resource.$remove({ key: 'value' }, function () { }, function () { });
-
-promise = resource.$save();
-promise = resource.$save({ key: 'value' });
-promise = resource.$save({ key: 'value' }, function () { });
-promise = resource.$save(function () { });
-promise = resource.$save(function () { }, function () { });
-promise = resource.$save({ key: 'value' }, function () { }, function () { });
-
-///////////////////////////////////////
-// IResourceService
-///////////////////////////////////////
-var resourceService: ng.resource.IResourceService;
-resourceClass = resourceService<IMyResource, IMyResourceClass>('test');
-resourceClass = resourceService<IMyResource>('test');
-resourceClass = resourceService('test');
-
-///////////////////////////////////////
-// IModule
-///////////////////////////////////////
-var mod: ng.IModule;
-var resourceServiceFactoryFunction: ng.resource.IResourceServiceFactoryFunction<IMyResource>;
-var resourceService: ng.resource.IResourceService;
-
-resourceClass = resourceServiceFactoryFunction<IMyResourceClass>(resourceService);
-
-resourceServiceFactoryFunction = function (resourceService: ng.resource.IResourceService) { return <any>resourceClass; };
-mod = mod.factory('factory name', resourceServiceFactoryFunction);
-
-///////////////////////////////////////
-// IResource
-///////////////////////////////////////
\ No newline at end of file
diff --git a/angular/legacy/angular-resource-1.2.d.ts b/angular/legacy/angular-resource-1.2.d.ts
deleted file mode 100644
index 5270037426..0000000000
--- a/angular/legacy/angular-resource-1.2.d.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngResource module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>, Michael Jess <http://github.com/miffels>
-// Definitions: https://github.com/daptiv/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngResource module (angular-resource.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.resource {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ResourceService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngResource/service/$resource
-    // Most of the following definitions were achieved by analyzing the
-    // actual implementation, since the documentation doesn't seem to cover
-    // that deeply.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IResourceService {
-        (url: string, paramDefaults?: any,
-                                 /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-                                  where deleteDescriptor : IActionDescriptor */
-                                 actionDescriptors?: any): IResourceClass<IResource<any>>;
-        <T, U>(url: string, paramDefaults?: any,
-                                 /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-                                  where deleteDescriptor : IActionDescriptor */
-                                 actionDescriptors?: any): U;
-        <T>(url: string, paramDefaults?: any,
-                                 /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-                                  where deleteDescriptor : IActionDescriptor */
-                                 actionDescriptors?: any): IResourceClass<T>;
-    }
-
-    // Just a reference to facilitate describing new actions
-    interface IActionDescriptor {
-        method: string;
-        isArray?: boolean;
-        params?: any;
-        headers?: any;
-    }
-
-    // Baseclass for everyresource with default actions.
-    // If you define your new actions for the resource, you will need
-    // to extend this interface and typecast the ResourceClass to it.
-    //
-    // In case of passing the first argument as anything but a function,
-    // it's gonna be considered data if the action method is POST, PUT or
-    // PATCH (in other words, methods with body). Otherwise, it's going
-    // to be considered as parameters to the request.
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L461-L465
-    //
-    // Only those methods with an HTTP body do have 'data' as first parameter:
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L463
-    // More specifically, those methods are POST, PUT and PATCH:
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L432
-    //
-    // Also, static calls always return the IResource (or IResourceArray) retrieved
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L538-L549
-    interface IResourceClass<T> {
-        new(dataOrParams? : any) : T;
-        get(): T;
-        get(params: Object): T;
-        get(success: Function, error?: Function): T;
-        get(params: Object, success: Function, error?: Function): T;
-        get(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        query(): IResourceArray<T>;
-        query(params: Object): IResourceArray<T>;
-        query(success: Function, error?: Function): IResourceArray<T>;
-        query(params: Object, success: Function, error?: Function): IResourceArray<T>;
-        query(params: Object, data: Object, success?: Function, error?: Function): IResourceArray<T>;
-
-        save(): T;
-        save(data: Object): T;
-        save(success: Function, error?: Function): T;
-        save(data: Object, success: Function, error?: Function): T;
-        save(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        remove(): T;
-        remove(params: Object): T;
-        remove(success: Function, error?: Function): T;
-        remove(params: Object, success: Function, error?: Function): T;
-        remove(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        delete(): T;
-        delete(params: Object): T;
-        delete(success: Function, error?: Function): T;
-        delete(params: Object, success: Function, error?: Function): T;
-        delete(params: Object, data: Object, success?: Function, error?: Function): T;
-    }
-
-    // Instance calls always return the the promise of the request which retrieved the object
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L538-L546
-    interface IResource<T> {
-        $get(): ng.IPromise<T>;
-        $get(params?: Object, success?: Function, error?: Function): ng.IPromise<T>;
-        $get(success: Function, error?: Function): ng.IPromise<T>;
-
-        $query(): ng.IPromise<IResourceArray<T>>;
-        $query(params?: Object, success?: Function, error?: Function): ng.IPromise<IResourceArray<T>>;
-        $query(success: Function, error?: Function): ng.IPromise<IResourceArray<T>>;
-
-        $save(): ng.IPromise<T>;
-        $save(params?: Object, success?: Function, error?: Function): ng.IPromise<T>;
-        $save(success: Function, error?: Function): ng.IPromise<T>;
-
-        $remove(): ng.IPromise<T>;
-        $remove(params?: Object, success?: Function, error?: Function): ng.IPromise<T>;
-        $remove(success: Function, error?: Function): ng.IPromise<T>;
-
-        $delete(): ng.IPromise<T>;
-        $delete(params?: Object, success?: Function, error?: Function): ng.IPromise<T>;
-        $delete(success: Function, error?: Function): ng.IPromise<T>;
-
-        /** the promise of the original server interaction that created this instance. **/
-        $promise : ng.IPromise<T>;
-        $resolved : boolean;
-    }
-
-    /**
-     * Really just a regular Array object with $promise and $resolve attached to it
-     */
-    interface IResourceArray<T> extends Array<T> {
-        /** the promise of the original server interaction that created this collection. **/
-        $promise : ng.IPromise<IResourceArray<T>>;
-        $resolved : boolean;
-    }
-
-    /** when creating a resource factory via IModule.factory */
-    interface IResourceServiceFactoryFunction<T> {
-        ($resource: ng.resource.IResourceService): IResourceClass<T>;
-        <U extends IResourceClass<T>>($resource: ng.resource.IResourceService): U;
-    }
-}
-
-/** extensions to base ng based on using angular-resource */
-declare namespace ng {
-
-    interface IModule {
-        /** creating a resource service factory */
-        factory(name: string, resourceServiceFactoryFunction: ng.resource.IResourceServiceFactoryFunction<any>): IModule;
-    }
-}
-
-interface Array<T>
-{
-    /** the promise of the original server interaction that created this collection. **/
-    $promise : ng.IPromise<Array<T>>;
-    $resolved : boolean;
-}
diff --git a/angular/legacy/angular-resource-1.3.d.ts b/angular/legacy/angular-resource-1.3.d.ts
deleted file mode 100644
index 7390570991..0000000000
--- a/angular/legacy/angular-resource-1.3.d.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-// Type definitions for Angular JS 1.3 (ngResource module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>, Michael Jess <http://github.com/miffels>
-// Definitions: https://github.com/daptiv/DefinitelyTyped
-
-
-
-declare module 'angular-resource' {
-    var _: string;
-    export = _;
-}
-
-///////////////////////////////////////////////////////////////////////////////
-// ngResource module (angular-resource.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace angular.resource {
-
-    /**
-     * Currently supported options for the $resource factory options argument.
-     */
-    interface IResourceOptions {
-        /**
-         * If true then the trailing slashes from any calculated URL will be stripped (defaults to true)
-         */
-        stripTrailingSlashes?: boolean;
-    }
-
-
-    ///////////////////////////////////////////////////////////////////////////
-    // ResourceService
-    // see http://docs.angularjs.org/api/ngResource.$resource
-    // Most part of the following definitions were achieved by analyzing the
-    // actual implementation, since the documentation doesn't seem to cover
-    // that deeply.
-    ///////////////////////////////////////////////////////////////////////////
-    interface IResourceService {
-        (url: string, paramDefaults?: any,
-            /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-             where deleteDescriptor : IActionDescriptor */
-            actions?: any, options?: IResourceOptions): IResourceClass<IResource<any>>;
-        <T, U>(url: string, paramDefaults?: any,
-            /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-             where deleteDescriptor : IActionDescriptor */
-            actions?: any, options?: IResourceOptions): U;
-        <T>(url: string, paramDefaults?: any,
-            /** example:  {update: { method: 'PUT' }, delete: deleteDescriptor }
-             where deleteDescriptor : IActionDescriptor */
-            actions?: any, options?: IResourceOptions): IResourceClass<T>;
-    }
-
-    // Just a reference to facilitate describing new actions
-    interface IActionDescriptor {
-        method: string;
-        params?: any;
-        url?: string;
-        isArray?: boolean;
-        transformRequest?: angular.IHttpRequestTransformer | angular.IHttpRequestTransformer[];
-        transformResponse?: angular.IHttpResponseTransformer | angular.IHttpResponseTransformer[];
-        headers?: any;
-        cache?: boolean | angular.ICacheObject;
-        timeout?: number | angular.IPromise<any>;
-        withCredentials?: boolean;
-        responseType?: string;
-        interceptor?: any;
-    }
-
-    // Baseclass for everyresource with default actions.
-    // If you define your new actions for the resource, you will need
-    // to extend this interface and typecast the ResourceClass to it.
-    //
-    // In case of passing the first argument as anything but a function,
-    // it's gonna be considered data if the action method is POST, PUT or
-    // PATCH (in other words, methods with body). Otherwise, it's going
-    // to be considered as parameters to the request.
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L461-L465
-    //
-    // Only those methods with an HTTP body do have 'data' as first parameter:
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L463
-    // More specifically, those methods are POST, PUT and PATCH:
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L432
-    //
-    // Also, static calls always return the IResource (or IResourceArray) retrieved
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L538-L549
-    interface IResourceClass<T> {
-        new(dataOrParams? : any) : T;
-        get(): T;
-        get(params: Object): T;
-        get(success: Function, error?: Function): T;
-        get(params: Object, success: Function, error?: Function): T;
-        get(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        query(): IResourceArray<T>;
-        query(params: Object): IResourceArray<T>;
-        query(success: Function, error?: Function): IResourceArray<T>;
-        query(params: Object, success: Function, error?: Function): IResourceArray<T>;
-        query(params: Object, data: Object, success?: Function, error?: Function): IResourceArray<T>;
-
-        save(): T;
-        save(data: Object): T;
-        save(success: Function, error?: Function): T;
-        save(data: Object, success: Function, error?: Function): T;
-        save(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        remove(): T;
-        remove(params: Object): T;
-        remove(success: Function, error?: Function): T;
-        remove(params: Object, success: Function, error?: Function): T;
-        remove(params: Object, data: Object, success?: Function, error?: Function): T;
-
-        delete(): T;
-        delete(params: Object): T;
-        delete(success: Function, error?: Function): T;
-        delete(params: Object, success: Function, error?: Function): T;
-        delete(params: Object, data: Object, success?: Function, error?: Function): T;
-    }
-
-    // Instance calls always return the the promise of the request which retrieved the object
-    // https://github.com/angular/angular.js/blob/v1.2.0/src/ngResource/resource.js#L538-L546
-    interface IResource<T> {
-        $get(): angular.IPromise<T>;
-        $get(params?: Object, success?: Function, error?: Function): angular.IPromise<T>;
-        $get(success: Function, error?: Function): angular.IPromise<T>;
-
-        $query(): angular.IPromise<IResourceArray<T>>;
-        $query(params?: Object, success?: Function, error?: Function): angular.IPromise<IResourceArray<T>>;
-        $query(success: Function, error?: Function): angular.IPromise<IResourceArray<T>>;
-
-        $save(): angular.IPromise<T>;
-        $save(params?: Object, success?: Function, error?: Function): angular.IPromise<T>;
-        $save(success: Function, error?: Function): angular.IPromise<T>;
-
-        $remove(): angular.IPromise<T>;
-        $remove(params?: Object, success?: Function, error?: Function): angular.IPromise<T>;
-        $remove(success: Function, error?: Function): angular.IPromise<T>;
-
-        $delete(): angular.IPromise<T>;
-        $delete(params?: Object, success?: Function, error?: Function): angular.IPromise<T>;
-        $delete(success: Function, error?: Function): angular.IPromise<T>;
-
-        /** the promise of the original server interaction that created this instance. **/
-        $promise : angular.IPromise<T>;
-        $resolved : boolean;
-        toJSON: () => {
-          [index: string]: any;
-        }
-    }
-
-    /**
-     * Really just a regular Array object with $promise and $resolve attached to it
-     */
-    interface IResourceArray<T> extends Array<T & IResource<T>> {
-        /** the promise of the original server interaction that created this collection. **/
-        $promise : angular.IPromise<IResourceArray<T>>;
-        $resolved : boolean;
-    }
-
-    /** when creating a resource factory via IModule.factory */
-    interface IResourceServiceFactoryFunction<T> {
-        ($resource: angular.resource.IResourceService): IResourceClass<T>;
-        <U extends IResourceClass<T>>($resource: angular.resource.IResourceService): U;
-    }
-
-    // IResourceServiceProvider used to configure global settings
-    interface IResourceServiceProvider extends angular.IServiceProvider {
-
-        defaults: IResourceOptions;
-    }
-
-}
-
-/** extensions to base ng based on using angular-resource */
-declare namespace angular {
-
-    interface IModule {
-        /** creating a resource service factory */
-        factory(name: string, resourceServiceFactoryFunction: angular.resource.IResourceServiceFactoryFunction<any>): IModule;
-    }
-}
-
-interface Array<T>
-{
-    /** the promise of the original server interaction that created this collection. **/
-    $promise : angular.IPromise<Array<T>>;
-    $resolved : boolean;
-}
diff --git a/angular/legacy/angular-route-1.2-tests.ts b/angular/legacy/angular-route-1.2-tests.ts
deleted file mode 100644
index d076c148c2..0000000000
--- a/angular/legacy/angular-route-1.2-tests.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-/**
- * @license HTTP Auth Interceptor Module for AngularJS
- * (c) 2013 Jonathan Park @ Daptiv Solutions Inc
- * License: MIT
- */
-
-declare var $routeProvider: ng.route.IRouteProvider;
-$routeProvider
-        .when('/projects/:projectId/dashboard',{
-            controller: '',
-            templateUrl: '',
-            caseInsensitiveMatch: true,
-            reloadOnSearch: false
-        })
-        .otherwise({redirectTo: '/'});
diff --git a/angular/legacy/angular-route-1.2.d.ts b/angular/legacy/angular-route-1.2.d.ts
deleted file mode 100644
index 29b57a39b4..0000000000
--- a/angular/legacy/angular-route-1.2.d.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngRoute module)
-// Project: http://angularjs.org
-// Definitions by: Jonathan Park <https://github.com/park9140>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngRoute module (angular-route.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.route {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RouteParamsService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngRoute/service/$routeParams
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRouteParamsService {
-        [key: string]: any;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // RouteService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngRoute/service/$route
-    // see https://code.angularjs.org/1.2.26/docs/api/ngRoute/provider/$routeProvider
-    ///////////////////////////////////////////////////////////////////////////
-    interface IRouteService {
-        /**
-         * Causes $route service to reload the current route even if $location hasn't changed.
-         * As a result of that, ngView creates new scope, reinstantiates the controller.
-         */
-        reload(): void;
-
-        /**
-         * Object with all route configuration Objects as its properties.
-         */
-        routes: any;
-
-        // May not always be available. For instance, current will not be available
-        // to a controller that was not initialized as a result of a route maching.
-        current?: ICurrentRoute;
-    }
-
-
-    /**
-     * see https://code.angularjs.org/1.2.26/docs/api/ngRoute/provider/$routeProvider#when for API documentation
-     */
-    interface IRoute {
-        /**
-         * {(string|function()=}
-         * Controller fn that should be associated with newly created scope or the name of a registered controller if passed as a string.
-         */
-        controller?: any;
-        /**
-         * A controller alias name. If present the controller will be published to scope under the controllerAs name.
-         */
-        controllerAs?: string;
-        /**
-         * Undocumented?
-         */
-        name?: string;
-        /**
-         * {string=|function()=}
-         * Html template as a string or a function that returns an html template as a string which should be used by ngView or ngInclude directives. This property takes precedence over templateUrl.
-         *
-         * If template is a function, it will be called with the following parameters:
-         *
-         * {Array.<Object>} - route parameters extracted from the current $location.path() by applying the current route
-         */
-        template?: string;
-        /**
-         * {string=|function()=}
-         * Path or function that returns a path to an html template that should be used by ngView.
-         *
-         * If templateUrl is a function, it will be called with the following parameters:
-         *
-         * {Array.<Object>} - route parameters extracted from the current $location.path() by applying the current route
-         */
-        templateUrl?: any;
-        /**
-         * {Object.<string, function>=} - An optional map of dependencies which should be injected into the controller. If any of these dependencies are promises, the router will wait for them all to be resolved or one to be rejected before the controller is instantiated. If all the promises are resolved successfully, the values of the resolved promises are injected and $routeChangeSuccess event is fired. If any of the promises are rejected the $routeChangeError event is fired. The map object is:
-         *
-         * - key - {string}: a name of a dependency to be injected into the controller.
-         * - factory - {string|function}: If string then it is an alias for a service. Otherwise if function, then it is injected and the return value is treated as the dependency. If the result is a promise, it is resolved before its value is injected into the controller. Be aware that ngRoute.$routeParams will still refer to the previous route within these resolve functions. Use $route.current.params to access the new route parameters, instead.
-         */
-         resolve?: {[key: string]: any};
-        /**
-         * {(string|function())=}
-         * Value to update $location path with and trigger route redirection.
-         *
-         * If redirectTo is a function, it will be called with the following parameters:
-         *
-         * - {Object.<string>} - route parameters extracted from the current $location.path() by applying the current route templateUrl.
-         * - {string} - current $location.path()
-         * - {Object} - current $location.search()
-         * - The custom redirectTo function is expected to return a string which will be used to update $location.path() and $location.search().
-         */
-        redirectTo?: any;
-        /**
-         * Reload route when only $location.search() or $location.hash() changes.
-         *
-         * This option defaults to true. If the option is set to false and url in the browser changes, then $routeUpdate event is broadcasted on the root scope.
-         */
-        reloadOnSearch?: boolean;
-        /**
-         * Match routes without being case sensitive
-         *
-         * This option defaults to false. If the option is set to true, then the particular route can be matched without being case sensitive
-         */
-        caseInsensitiveMatch?: boolean;
-    }
-
-    // see https://code.angularjs.org/1.2.26/docs/api/ngRoute/service/$route#current
-    interface ICurrentRoute extends IRoute {
-        locals: {
-            $scope: IScope;
-            $template: string;
-        };
-
-        params: any;
-    }
-
-    interface IRouteProvider extends IServiceProvider {
-        /**
-         * Sets route definition that will be used on route change when no other route definition is matched.
-         *
-         * @params Mapping information to be assigned to $route.current.
-         */
-        otherwise(params: IRoute): IRouteProvider;
-        /**
-         * Adds a new route definition to the $route service.
-         *
-         * @param path Route path (matched against $location.path). If $location.path contains redundant trailing slash or is missing one, the route will still match and the $location.path will be updated to add or drop the trailing slash to exactly match the route definition.
-         *
-         * - path can contain named groups starting with a colon: e.g. :name. All characters up to the next slash are matched and stored in $routeParams under the given name when the route matches.
-         * - path can contain named groups starting with a colon and ending with a star: e.g.:name*. All characters are eagerly stored in $routeParams under the given name when the route matches.
-         * - path can contain optional named groups with a question mark: e.g.:name?.
-         *
-         * For example, routes like /color/:color/largecode/:largecode*\/edit will match /color/brown/largecode/code/with/slashes/edit and extract: color: brown and largecode: code/with/slashes.
-         *
-         * @param route Mapping information to be assigned to $route.current on route match.
-         */
-        when(path: string, route: IRoute): IRouteProvider;
-    }
-}
diff --git a/angular/legacy/angular-sanitize-1.0.d.ts b/angular/legacy/angular-sanitize-1.0.d.ts
deleted file mode 100644
index e883621105..0000000000
--- a/angular/legacy/angular-sanitize-1.0.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// Type definitions for Angular JS 1.0 (ngSanitize module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngSanitize module (angular-sanitize.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.sanitize {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SanitizeService
-    // see http://docs.angularjs.org/api/ngSanitize.$sanitize
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISanitizeService {
-        (html: string): string;
-    }
-
-}
diff --git a/angular/legacy/angular-sanitize-1.2-tests.ts b/angular/legacy/angular-sanitize-1.2-tests.ts
deleted file mode 100644
index 644d40b364..0000000000
--- a/angular/legacy/angular-sanitize-1.2-tests.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-///////////////////////////////////////////////////////////////////////////////
-// Variables
-///////////////////////////////////////////////////////////////////////////////
-let shouldBeString: string;
-let testInputText: string = 'TEST';
-
-///////////////////////////////////////////////////////////////////////////////
-// Test sanitize service
-///////////////////////////////////////////////////////////////////////////////
-declare let $sanitizeService: ng.sanitize.ISanitizeService;
-shouldBeString = $sanitizeService(testInputText);
-
-///////////////////////////////////////////////////////////////////////////////
-// Test `linky` filter
-///////////////////////////////////////////////////////////////////////////////
-declare let $linky: ng.sanitize.filter.ILinky;
-
-// Should be string for simple text and target parameters
-shouldBeString = $linky(testInputText, testInputText);
-
-// Should be string for simple text, target and attributes parameters
-let attributesAsFunction = () => {
-};
-shouldBeString = $linky(shouldBeString, testInputText, {
-    "attributeKey1": "attributeValue1",
-    "attributeKey2": "attributeValue2"
-});
-shouldBeString = $linky(shouldBeString, testInputText, (url: string) => {
-    return {"attributeKey1": "attributeValue1"}
-});
\ No newline at end of file
diff --git a/angular/legacy/angular-sanitize-1.2.d.ts b/angular/legacy/angular-sanitize-1.2.d.ts
deleted file mode 100644
index 88c3eec39e..0000000000
--- a/angular/legacy/angular-sanitize-1.2.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-// Type definitions for Angular JS 1.2 (ngSanitize module)
-// Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-
-///////////////////////////////////////////////////////////////////////////////
-// ngSanitize module (angular-sanitize.js)
-///////////////////////////////////////////////////////////////////////////////
-declare namespace ng.sanitize {
-
-    ///////////////////////////////////////////////////////////////////////////
-    // SanitizeService
-    // see https://code.angularjs.org/1.2.26/docs/api/ngSanitize/service/$sanitize
-    ///////////////////////////////////////////////////////////////////////////
-    interface ISanitizeService {
-        (html: string): string;
-    }
-
-    ///////////////////////////////////////////////////////////////////////////
-    // Filters included with the ngSanitize
-    // see https://code.angularjs.org/1.2.26/docs/api/ngSanitize/filter
-    ///////////////////////////////////////////////////////////////////////////
-    export module filter {
-
-        // Finds links in text input and turns them into html links.
-        // Supports http/https/ftp/mailto and plain email address links.
-        // see https://code.angularjs.org/1.2.26/docs/api/ngSanitize/filter/linky
-        interface ILinky {
-            (text: string, target?: string): string;
-        }
-    }
-}
diff --git a/angular/legacy/angular-scenario-1.0.d.ts b/angular/legacy/angular-scenario-1.0.d.ts
deleted file mode 100644
index ff0c87075f..0000000000
--- a/angular/legacy/angular-scenario-1.0.d.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-// Type definitions for Angular Scenario Testing 1.0 (ngScenario module)
-// Project: http://angularjs.org
-// Definitions by: RomanoLindano <https://github.com/RomanoLindano>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace angularScenario {
-    export interface AngularModel {
-        scenario: any;
-    }
-
-    export interface RunFunction {
-        (functionToRun: any): any;
-    }
-    export interface RunFunctionWithDescription {
-        (description: string, functionToRun: any): any;
-    }
-
-    export interface PauseFunction {
-        (): any;
-    }
-
-    export interface SleepFunction {
-        (seconds: number): any;
-    }
-
-    export interface Future {
-    }
-
-    export interface testWindow {
-        href(): Future;
-        path(): Future;
-        search(): Future;
-        hash(): Future;
-    }
-
-    export interface testLocation {
-        url(): Future;
-        path(): Future;
-        search(): Future;
-        hash(): Future;
-    }
-
-    export interface Browser {
-        navigateTo(url: string): void;
-        navigateTo(urlDescription: string, urlFunction: () => string): void;
-        reload(): void;
-        window(): testWindow;
-        location(): testLocation;
-    }
-
-    export interface Matchers {
-        toEqual(value: any): void;
-        toBe(value: any): void;
-        toBeDefined(): void;
-        toBeTruthy(): void;
-        toBeFalsy(): void;
-        toMatch(regularExpression: any): void;
-        toBeNull(): void;
-        toContain(value: any): void;
-        toBeLessThan(value: any): void;
-        toBeGreaterThan(value: any): void;
-    }
-
-    export interface CustomMatchers extends Matchers{
-    }
-
-    export interface Expect extends CustomMatchers {
-        not(): angularScenario.CustomMatchers;
-    }
-
-    export interface UsingFunction {
-        (selector: string, selectorDescription?: string): void;
-    }
-
-    export interface BindingFunction {
-        (bracketBindingExpression: string): Future;
-    }
-
-    export interface Input {
-        enter(value: any);
-        check(): any;
-        select(radioButtonValue: any): any;
-        val(): Future;
-    }
-
-    export interface Repeater {
-        count(): Future;
-        row(index: number): Future;
-        column(ngBindingExpression: string): Future;
-    }
-
-    export interface Select {
-        option(value: any): any;
-        option(...listOfValues: any[]): any;
-    }
-
-    export interface Element {
-        count(): Future;
-        click(): any;
-        query(callback: (selectedDOMElements: any[], callbackWhenDone: (objNull: any, futureValue: any) => any) =>any): any;
-        val(): Future;
-        text(): Future;
-        html(): Future;
-        height(): Future;
-        innerHeight(): Future;
-        outerHeight(): Future;
-        width(): Future;
-        innerWidth(): Future;
-        outerWidth(): Future;
-        position(): Future;
-        scrollLeft(): Future;
-        scrollTop(): Future;
-        offset(): Future;
-
-        val(value: any): void;
-        text(value: any): void;
-        html(value: any): void;
-        height(value: any): void;
-        innerHeight(value: any): void;
-        outerHeight(value: any): void;
-        width(value: any): void;
-        innerWidth(value: any): void;
-        outerWidth(value: any): void;
-        position(value: any): void;
-        scrollLeft(value: any): void;
-        scrollTop(value: any): void;
-        offset(value: any): void;
-
-        attr(key: any): Future;
-        prop(key: any): Future;
-        css(key: any): Future;
-
-        attr(key: any, value: any): void;
-        prop(key: any, value: any): void;
-        css(key: any, value: any): void;
-    }
-}
-
-declare var describe: angularScenario.RunFunctionWithDescription;
-declare var xdescribe: angularScenario.RunFunctionWithDescription;
-declare var beforeEach: angularScenario.RunFunction;
-declare var afterEach: angularScenario.RunFunction;
-declare var it: angularScenario.RunFunctionWithDescription;
-declare var xit: angularScenario.RunFunctionWithDescription;
-declare var pause: angularScenario.PauseFunction;
-declare var sleep: angularScenario.SleepFunction;
-declare function browser(): angularScenario.Browser;
-declare function expect(expectation: angularScenario.Future): angularScenario.Expect;
-declare var using: angularScenario.UsingFunction;
-declare var binding: angularScenario.BindingFunction;
-declare function input(ngModelBinding: string): angularScenario.Input;
-declare function repeater(selector: string, repeaterDescription?: string): angularScenario.Repeater;
-declare function select(ngModelBinding: string): angularScenario.Select;
-declare function element(selector: string, elementDescription?: string): angularScenario.Element;
-declare var angular: angularScenario.AngularModel;
diff --git a/angular/legacy/angular-scenario-1.2.d.ts b/angular/legacy/angular-scenario-1.2.d.ts
deleted file mode 100644
index 5dfa36fc5f..0000000000
--- a/angular/legacy/angular-scenario-1.2.d.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-// Type definitions for Angular Scenario Testing 1.2 (ngScenario module)
-// Project: http://angularjs.org
-// Definitions by: RomanoLindano <https://github.com/RomanoLindano>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace ng {
-    export interface IAngularStatic {
-        scenario: any;
-    }
-}
-
-declare namespace angularScenario {
-
-    export interface RunFunction {
-        (functionToRun: any): any;
-    }
-    export interface RunFunctionWithDescription {
-        (description: string, functionToRun: any): any;
-    }
-
-    export interface PauseFunction {
-        (): any;
-    }
-
-    export interface SleepFunction {
-        (seconds: number): any;
-    }
-
-    export interface Future {
-    }
-
-    export interface testWindow {
-        href(): Future;
-        path(): Future;
-        search(): Future;
-        hash(): Future;
-    }
-
-    export interface testLocation {
-        url(): Future;
-        path(): Future;
-        search(): Future;
-        hash(): Future;
-    }
-
-    export interface Browser {
-        navigateTo(url: string): void;
-        navigateTo(urlDescription: string, urlFunction: () => string): void;
-        reload(): void;
-        window(): testWindow;
-        location(): testLocation;
-    }
-
-    export interface Matchers {
-        toEqual(value: any): void;
-        toBe(value: any): void;
-        toBeDefined(): void;
-        toBeTruthy(): void;
-        toBeFalsy(): void;
-        toMatch(regularExpression: any): void;
-        toBeNull(): void;
-        toContain(value: any): void;
-        toBeLessThan(value: any): void;
-        toBeGreaterThan(value: any): void;
-    }
-
-    export interface CustomMatchers extends Matchers {
-    }
-
-    export interface Expect extends CustomMatchers {
-        not(): angularScenario.CustomMatchers;
-    }
-
-    export interface UsingFunction {
-        (selector: string, selectorDescription?: string): void;
-    }
-
-    export interface BindingFunction {
-        (bracketBindingExpression: string): Future;
-    }
-
-    export interface Input {
-        enter(value: any): any;
-        check(): any;
-        select(radioButtonValue: any): any;
-        val(): Future;
-    }
-
-    export interface Repeater {
-        count(): Future;
-        row(index: number): Future;
-        column(ngBindingExpression: string): Future;
-    }
-
-    export interface Select {
-        option(value: any): any;
-        option(...listOfValues: any[]): any;
-    }
-
-    export interface Element {
-        count(): Future;
-        click(): any;
-        dblclick(): any;
-        mouseover(): any;
-        mousedown(): any;
-        mouseup(): any;
-        query(callback: (selectedDOMElements: JQuery, callbackWhenDone: (objNull: any, futureValue: any) => any) => any): any;
-        val(): Future;
-        text(): Future;
-        html(): Future;
-        height(): Future;
-        innerHeight(): Future;
-        outerHeight(): Future;
-        width(): Future;
-        innerWidth(): Future;
-        outerWidth(): Future;
-        position(): Future;
-        scrollLeft(): Future;
-        scrollTop(): Future;
-        offset(): Future;
-
-        val(value: any): void;
-        text(value: any): void;
-        html(value: any): void;
-        height(value: any): void;
-        innerHeight(value: any): void;
-        outerHeight(value: any): void;
-        width(value: any): void;
-        innerWidth(value: any): void;
-        outerWidth(value: any): void;
-        position(value: any): void;
-        scrollLeft(value: any): void;
-        scrollTop(value: any): void;
-        offset(value: any): void;
-
-        attr(key: any): Future;
-        prop(key: any): Future;
-        css(key: any): Future;
-
-        attr(key: any, value: any): void;
-        prop(key: any, value: any): void;
-        css(key: any, value: any): void;
-    }
-}
-
-declare var describe: angularScenario.RunFunctionWithDescription;
-declare var ddescribe: angularScenario.RunFunctionWithDescription;
-declare var xdescribe: angularScenario.RunFunctionWithDescription;
-declare var beforeEach: angularScenario.RunFunction;
-declare var afterEach: angularScenario.RunFunction;
-declare var it: angularScenario.RunFunctionWithDescription;
-declare var iit: angularScenario.RunFunctionWithDescription;
-declare var xit: angularScenario.RunFunctionWithDescription;
-declare var pause: angularScenario.PauseFunction;
-declare var sleep: angularScenario.SleepFunction;
-declare function browser(): angularScenario.Browser;
-declare function expect(expectation: angularScenario.Future): angularScenario.Expect;
-declare var using: angularScenario.UsingFunction;
-declare var binding: angularScenario.BindingFunction;
-declare function input(ngModelBinding: string): angularScenario.Input;
-declare function repeater(selector: string, repeaterDescription?: string): angularScenario.Repeater;
-declare function select(ngModelBinding: string): angularScenario.Select;
-declare function element(selector: string, elementDescription?: string): angularScenario.Element;
-declare var angular: ng.IAngularStatic;
diff --git a/angular/tsconfig.json b/angular/tsconfig.json
index ef071ac6ee..8cd61f15fb 100644
--- a/angular/tsconfig.json
+++ b/angular/tsconfig.json
@@ -6,7 +6,7 @@
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
-        "noImplicitAny": true,
+        "noImplicitAny": false,
         "noImplicitThis": false,
         "strictNullChecks": false,
         "baseUrl": "../",
diff --git a/async/asyncamd-tests.ts b/async/asyncamd-tests.ts
deleted file mode 100644
index 4bf6c2789d..0000000000
--- a/async/asyncamd-tests.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-import async = require("async");
-
-async.map(["a", "b", "c"], (item, cb) => cb(null, [item.toUpperCase()]), (err, results) => { });
diff --git a/async/tsconfig.json b/async/tsconfig.json
index d62fccf232..412f9b97c6 100644
--- a/async/tsconfig.json
+++ b/async/tsconfig.json
@@ -4,7 +4,7 @@
         "target": "es6",
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": true,
+        "strictNullChecks": false,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "async-tests.ts"
+        "async-tests.ts",
+        "async-explicit-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/atom/tsconfig.json b/atom/tsconfig.json
index a2678c3d56..cbb243e6bb 100644
--- a/atom/tsconfig.json
+++ b/atom/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
+        "api-docs.d.ts",
         "atom-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/aws4/aws4-tests.ts b/aws4/aws4-tests.ts
index b611951e45..d5915994c7 100644
--- a/aws4/aws4-tests.ts
+++ b/aws4/aws4-tests.ts
@@ -1,6 +1,4 @@
-/// <reference path="./index.d.ts" />
-
-import * as aws4 from ".";
+import * as aws4 from "aws4";
 
 let requestSigner = new aws4.RequestSigner({}, {});
 requestSigner.matchHost("");
diff --git a/backbone/backbone-with-lodash-tests.ts b/backbone/backbone-with-lodash-tests.ts
index 27da75d5f9..b44b2be988 100644
--- a/backbone/backbone-with-lodash-tests.ts
+++ b/backbone/backbone-with-lodash-tests.ts
@@ -1,6 +1,5 @@
-/// <reference types="jquery" />
-/// <reference types="lodash" />
-/// <reference types="index.d.ts" />
+import * as Backbone from "backbone";
+import * as _ from "lodash";
 
 function test_events() {
 
diff --git a/backbone/tsconfig.json b/backbone/tsconfig.json
index b4a63b9ef0..43a64b9e25 100644
--- a/backbone/tsconfig.json
+++ b/backbone/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "backbone-tests.ts"
+        "backbone-tests.ts",
+        "backbone-with-lodash-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/base64url/base64url-test.ts b/base64url/base64url-tests.ts
similarity index 100%
rename from base64url/base64url-test.ts
rename to base64url/base64url-tests.ts
diff --git a/base64url/tsconfig.json b/base64url/tsconfig.json
index e5f6b4b0a6..a62c495fb3 100644
--- a/base64url/tsconfig.json
+++ b/base64url/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "base64url-test.ts"
+        "base64url-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/bluebird/bluebird-1.0-tests.ts b/bluebird/v1/bluebird-tests.ts
similarity index 100%
rename from bluebird/bluebird-1.0-tests.ts
rename to bluebird/v1/bluebird-tests.ts
diff --git a/bluebird/bluebird-1.0.d.ts b/bluebird/v1/index.d.ts
similarity index 100%
rename from bluebird/bluebird-1.0.d.ts
rename to bluebird/v1/index.d.ts
diff --git a/bluebird/v1/tsconfig.json b/bluebird/v1/tsconfig.json
new file mode 100644
index 0000000000..9207bdd01d
--- /dev/null
+++ b/bluebird/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "bluebird": ["bluebird/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "bluebird-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/bluebird/bluebird-2.0-tests.ts b/bluebird/v2/bluebird-tests.ts
similarity index 99%
rename from bluebird/bluebird-2.0-tests.ts
rename to bluebird/v2/bluebird-tests.ts
index 3a8ddaa383..8acdcb44bd 100644
--- a/bluebird/bluebird-2.0-tests.ts
+++ b/bluebird/v2/bluebird-tests.ts
@@ -1,5 +1,3 @@
-///<reference path="bluebird-2.0.d.ts"/>
-
 // Tests by: Bart van der Schoor <https://github.com/Bartvds>
 
 // Note: replicate changes to all overloads in both definition and test file
diff --git a/bluebird/bluebird-2.0.d.ts b/bluebird/v2/index.d.ts
similarity index 100%
rename from bluebird/bluebird-2.0.d.ts
rename to bluebird/v2/index.d.ts
diff --git a/bluebird/v2/tsconfig.json b/bluebird/v2/tsconfig.json
new file mode 100644
index 0000000000..8c7fd4c71f
--- /dev/null
+++ b/bluebird/v2/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "bluebird": ["bluebird/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "bluebird-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/bootstrap.v3.datetimepicker/bootstrap.v3.datetimepicker-3.0.0.d.ts b/bootstrap.v3.datetimepicker/v3/index.d.ts
similarity index 98%
rename from bootstrap.v3.datetimepicker/bootstrap.v3.datetimepicker-3.0.0.d.ts
rename to bootstrap.v3.datetimepicker/v3/index.d.ts
index a0d8a9bbd6..2c69607cb9 100644
--- a/bootstrap.v3.datetimepicker/bootstrap.v3.datetimepicker-3.0.0.d.ts
+++ b/bootstrap.v3.datetimepicker/v3/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Bootstrap datetimepicker v3
+// Type definitions for Bootstrap datetimepicker v3 3.x
 // Project: http://eonasdan.github.io/bootstrap-datetimepicker
 // Definitions by: Jesica N. Fera <https://github.com/bayitajesi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/bootstrap.v3.datetimepicker/v3/tsconfig.json b/bootstrap.v3.datetimepicker/v3/tsconfig.json
new file mode 100644
index 0000000000..e368705f30
--- /dev/null
+++ b/bootstrap.v3.datetimepicker/v3/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "bootstrap.v3.datetimepicker": ["bootstrap.v3.datetimepicker/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/bowser/bowser-tests-global.ts b/bowser/bowser-global-tests.ts
similarity index 100%
rename from bowser/bowser-tests-global.ts
rename to bowser/bowser-global-tests.ts
diff --git a/bowser/bowser-tests-module.ts b/bowser/bowser-module-tests.ts
similarity index 100%
rename from bowser/bowser-tests-module.ts
rename to bowser/bowser-module-tests.ts
diff --git a/bowser/tsconfig.json b/bowser/tsconfig.json
index 51ffd1dd85..60a6d8803f 100644
--- a/bowser/tsconfig.json
+++ b/bowser/tsconfig.json
@@ -15,7 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "bowser-tests-module.ts",
-        "bowser-tests-global.ts"
+        "bowser-module-tests.ts",
+        "bowser-global-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/business-rules-engine/tsconfig.json b/business-rules-engine/tsconfig.json
index bc9aaa2d87..0bc7ba62c9 100644
--- a/business-rules-engine/tsconfig.json
+++ b/business-rules-engine/tsconfig.json
@@ -1,8 +1,4 @@
 {
-    "files": [
-        "index.d.ts",
-        "business-rules-engine-tests.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
@@ -16,5 +12,11 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "Utils.d.ts",
+        "Validation.d.ts",
+        "business-rules-engine-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/chai/chai-3.2.0-tests.ts b/chai/chai-3.2.0-tests.ts
deleted file mode 100644
index 0a69e52cae..0000000000
--- a/chai/chai-3.2.0-tests.ts
+++ /dev/null
@@ -1,1966 +0,0 @@
-
-import chai = require('chai');
-
-// ReSharper disable WrongExpressionStatement
-
-var expect = chai.expect;
-var assert = chai.assert;
-var should = chai.should();
-declare var err: Function;
-
-function chaiVersion() {
-    expect(chai).to.have.property('version');
-    (<Object><{}>chai).should.have.property('version');
-}
-
-function assertion() {
-    expect('test').to.be.a('string');
-    'test'.should.be.a('string');
-    expect('foo').to.equal('foo');
-    'foo'.should.equal('foo');
-    should.equal('foo', 'foo');
-}
-
-function fail() {
-    err(() => {
-        should.fail('foo', 'bar');
-    }, 'expected fail to throw an AssertionError');
-    err(() => {
-        should.fail('foo', 'bar', 'should fail');
-    }, 'expected fail to throw an AssertionError');
-    err(() => {
-        should.fail('foo', 'bar', 'should fail', 'equal');
-    }, 'expected fail to throw an AssertionError');
-
-    err(() => {
-        expect.fail('foo', 'bar');
-    }, 'expected fail to throw an AssertionError');
-    err(() => {
-        expect.fail('foo', 'bar', 'should fail');
-    }, 'expected fail to throw an AssertionError');
-    err(() => {
-        expect.fail('foo', 'bar', 'should fail', 'equal');
-    }, 'expected fail to throw an AssertionError');
-}
-
-// ReSharper disable once InconsistentNaming
-function _true() {
-    expect(true).to.be.true;
-    true.should.be.true;
-    expect(false).to.not.be.true;
-    false.should.not.be.true;
-    expect(1).to.not.be.true;
-    (1).should.not.be.true;
-
-    err(() => {
-        expect('test').to.be.true;
-        'test'.should.be.true;
-    }, 'expected \'test\' to be true');
-}
-
-function ok() {
-    expect(true).to.be.ok;
-    true.should.be.ok;
-    expect(false).to.not.be.ok;
-    false.should.not.be.ok;
-    expect(1).to.be.ok;
-    (1).should.be.ok;
-    expect(0).to.not.be.ok;
-    (0).should.not.be.ok;
-
-    err(() => {
-        expect('').to.be.ok;
-        ''.should.be.ok;
-    }, 'expected \'\' to be truthy');
-
-    err(() => {
-        expect('test').to.not.be.ok;
-        'test'.should.not.be.ok;
-    }, 'expected \'test\' to be falsy');
-}
-
-function _false() {
-    expect(false).to.be.false;
-    false.should.be.false;
-    expect(true).to.not.be.false;
-    true.should.not.be.false;
-    expect(0).to.not.be.false;
-    (0).should.not.be.false;
-
-    err(() => {
-        expect('').to.be.false;
-        ''.should.be.false;
-    }, 'expected \'\' to be false');
-}
-
-function _null() {
-    expect(null).to.be.null;
-    should.equal(null, null);
-    expect(false).to.not.be.null;
-    false.should.not.be.null;
-
-    err(() => {
-        expect('').to.be.null;
-        ''.should.be.null;
-    }, 'expected \'\' to be null');
-}
-
-function _undefined() {
-    expect(undefined).to.be.undefined;
-    should.equal(undefined, undefined);
-    expect(null).to.not.be.undefined;
-    should.not.equal(null, undefined);
-
-    err(() => {
-        expect('').to.be.undefined;
-        ''.should.be.undefined;
-    }, 'expected \'\' to be undefined');
-}
-
-function _NaN() {
-    expect(NaN).to.be.NaN;
-    expect(12).to.be.not.NaN;
-    expect("NaN").to.be.not.NaN;
-    (NaN).should.be.NaN;
-    (12).should.be.not.NaN;
-    ("NaN").should.be.not.NaN;
-}
-
-function exist() {
-    var foo = 'bar';
-    expect(foo).to.exist;
-    should.exist(foo);
-    expect(void (0)).to.not.exist;
-    should.not.exist(void (0));
-}
-
-function argumentsTest() {
-    var args = arguments;
-    expect(args).to.be.arguments;
-    args.should.be.arguments;
-    expect([]).to.not.be.arguments;
-    [].should.not.be.arguments;
-    expect(args).to.be.an('arguments').and.be.arguments;
-    args.should.be.an('arguments').and.be.arguments;
-    expect([]).to.be.an('array').and.not.be.Arguments;
-    [].should.be.an('array').and.not.be.Arguments;
-}
-
-function equal() {
-    expect(undefined).to.equal(void (0));
-    should.equal(undefined, void (0));
-}
-
-function _typeof() {
-    expect('test').to.be.a('string');
-    'test'.should.be.a('string');
-
-    err(() => {
-        expect('test').to.not.be.a('string');
-        'test'.should.not.be.a('string');
-    }, 'expected \'test\' not to be a string');
-
-    expect(arguments).to.be.an('arguments');
-    arguments.should.be.an('arguments');
-
-    expect(5).to.be.a('number');
-    (5).should.be.a('number');
-
-    expect(new Number(1)).to.be.a('number');
-    (new Number(1)).should.be.a('number');
-    expect(Number(1)).to.be.a('number');
-    Number(1).should.be.a('number');
-    expect(true).to.be.a('boolean');
-    true.should.be.a('boolean');
-    expect(new Array()).to.be.a('array');
-    (new Array()).should.be.a('array');
-    expect(new Object()).to.be.a('object');
-    (new Object()).should.be.a('object');
-    expect({}).to.be.a('object');
-    ({}).should.be.a('object');
-    expect([]).to.be.a('array');
-    [].should.be.a('array');
-    expect(() => { }).to.be.a('function');
-    (() => { }).should.be.a('function');
-    expect(null).to.be.a('null');
-    // N.B. previous line has no should equivalent
-
-    err(() => {
-        expect(5).to.not.be.a('number', 'blah');
-        (5).should.not.be.a('number', 'blah');
-    }, 'blah: expected 5 not to be a number');
-}
-
-class Foo { }
-function _instanceof() {
-    expect(new Foo()).to.be.an.instanceof(Foo);
-    (new Foo()).should.be.an.instanceof(Foo);
-
-    err(() => {
-        expect(3).to.an.instanceof(Foo, 'blah');
-        (3).should.an.instanceof(Foo, 'blah');
-    }, 'blah: expected 3 to be an instance of Foo');
-}
-
-function within() {
-    expect(5).to.be.within(5, 10);
-    (5).should.be.within(5, 10);
-    expect(5).to.be.within(3, 6);
-    (5).should.be.within(3, 6);
-    expect(5).to.be.within(3, 5);
-    (5).should.be.within(3, 5);
-    expect(5).to.not.be.within(1, 3);
-    (5).should.not.be.within(1, 3);
-    expect('foo').to.have.length.within(2, 4);
-    'foo'.should.have.length.within(2, 4);
-    expect([1, 2, 3]).to.have.length.within(2, 4);
-    [1, 2, 3].should.have.length.within(2, 4);
-
-    err(() => {
-        expect(5).to.not.be.within(4, 6, 'blah');
-        (5).should.not.be.within(4, 6, 'blah');
-    }, 'blah: expected 5 to not be within 4..6', 'blah');
-
-    err(() => {
-        expect(10).to.be.within(50, 100, 'blah');
-        (10).should.be.within(50, 100, 'blah');
-    }, 'blah: expected 10 to be within 50..100');
-
-    err(() => {
-        expect('foo').to.have.length.within(5, 7, 'blah');
-        'foo'.should.have.length.within(5, 7, 'blah');
-    }, 'blah: expected \'foo\' to have a length within 5..7');
-
-    err(() => {
-        expect([1, 2, 3]).to.have.length.within(5, 7, 'blah');
-        [1, 2, 3].should.have.length.within(5, 7, 'blah');
-    }, 'blah: expected [ 1, 2, 3 ] to have a length within 5..7');
-}
-
-function above() {
-    expect(5).to.be.above(2);
-    (5).should.be.above(2);
-    expect(5).to.be.greaterThan(2);
-    (5).should.be.greaterThan(2);
-    expect(5).to.not.be.above(5);
-    (5).should.not.be.above(5);
-    expect(5).to.not.be.above(6);
-    (5).should.not.be.above(6);
-    expect('foo').to.have.length.above(2);
-    'foo'.should.have.length.above(2);
-    expect([1, 2, 3]).to.have.length.above(2);
-    [1, 2, 3].should.have.length.above(2);
-
-    err(() => {
-        expect(5).to.be.above(6, 'blah');
-        (5).should.be.above(6, 'blah');
-    }, 'blah: expected 5 to be above 6', 'blah');
-
-    err(() => {
-        expect(10).to.not.be.above(6, 'blah');
-        (10).should.not.be.above(6, 'blah');
-    }, 'blah: expected 10 to be at most 6');
-
-    err(() => {
-        expect('foo').to.have.length.above(4, 'blah');
-        'foo'.should.have.length.above(4, 'blah');
-    }, 'blah: expected \'foo\' to have a length above 4 but got 3');
-
-    err(() => {
-        expect([1, 2, 3]).to.have.length.above(4, 'blah');
-        [1, 2, 3].should.have.length.above(4, 'blah');
-    }, 'blah: expected [ 1, 2, 3 ] to have a length above 4 but got 3');
-}
-
-function least() {
-    expect(5).to.be.at.least(2);
-    (5).should.be.at.least(2);
-    expect(5).to.be.at.least(5);
-    (5).should.be.at.least(5);
-    expect(5).to.not.be.at.least(6);
-    (5).should.not.be.at.least(6);
-    expect('foo').to.have.length.of.at.least(2);
-    'foo'.should.have.length.of.at.least(2);
-    expect([1, 2, 3]).to.have.length.of.at.least(2);
-    [1, 2, 3].should.have.length.of.at.least(2);
-
-    err(() => {
-        expect(5).to.be.at.least(6, 'blah');
-        (5).should.be.at.least(6, 'blah');
-    }, 'blah: expected 5 to be at least 6', 'blah');
-
-    err(() => {
-        expect(10).to.not.be.at.least(6, 'blah');
-        (10).should.not.be.at.least(6, 'blah');
-    }, 'blah: expected 10 to be below 6');
-
-    err(() => {
-        expect('foo').to.have.length.of.at.least(4, 'blah');
-        'foo'.should.have.length.of.at.least(4, 'blah');
-    }, 'blah: expected \'foo\' to have a length at least 4 but got 3');
-
-    err(() => {
-        expect([1, 2, 3]).to.have.length.of.at.least(4, 'blah');
-        [1, 2, 3].should.have.length.of.at.least(4, 'blah');
-    }, 'blah: expected [ 1, 2, 3 ] to have a length at least 4 but got 3');
-
-    err(() => {
-        expect([1, 2, 3, 4]).to.not.have.length.of.at.least(4, 'blah');
-        [1, 2, 3, 4].should.not.have.length.of.at.least(4, 'blah');
-    }, 'blah: expected [ 1, 2, 3, 4 ] to have a length below 4');
-}
-
-function below() {
-    expect(2).to.be.below(5);
-    (2).should.be.below(5);
-    expect(2).to.be.lessThan(5);
-    (2).should.be.lessThan(5);
-    expect(2).to.not.be.below(2);
-    (2).should.not.be.below(2);
-    expect(2).to.not.be.below(1);
-    (2).should.not.be.below(1);
-    expect('foo').to.have.length.below(4);
-    'foo'.should.have.length.below(4);
-    expect([1, 2, 3]).to.have.length.below(4);
-    [1, 2, 3].should.have.length.below(4);
-
-    err(() => {
-        expect(6).to.be.below(5, 'blah');
-        (6).should.be.below(5, 'blah');
-    }, 'blah: expected 6 to be below 5');
-
-    err(() => {
-        expect(6).to.not.be.below(10, 'blah');
-        (6).should.not.be.below(10, 'blah');
-    }, 'blah: expected 6 to be at least 10');
-
-    err(() => {
-        expect('foo').to.have.length.below(2, 'blah');
-        'foo'.should.have.length.below(2, 'blah');
-    }, 'blah: expected \'foo\' to have a length below 2 but got 3');
-
-    err(() => {
-        expect([1, 2, 3]).to.have.length.below(2, 'blah');
-        [1, 2, 3].should.have.length.below(2, 'blah');
-    }, 'blah: expected [ 1, 2, 3 ] to have a length below 2 but got 3');
-}
-
-function most() {
-    expect(2).to.be.at.most(5);
-    (2).should.be.at.most(5);
-    expect(2).to.be.at.most(2);
-    (2).should.be.at.most(2);
-    expect(2).to.not.be.at.most(1);
-    (2).should.not.be.at.most(1);
-    expect(2).to.not.be.at.most(1);
-    (2).should.not.be.at.most(1);
-    expect('foo').to.have.length.of.at.most(4);
-    'foo'.should.have.length.of.at.most(4);
-    expect([1, 2, 3]).to.have.length.of.at.most(4);
-    [1, 2, 3].should.have.length.of.at.most(4);
-
-    err(() => {
-        expect(6).to.be.at.most(5, 'blah');
-        (6).should.be.at.most(5, 'blah');
-    }, 'blah: expected 6 to be at most 5');
-
-    err(() => {
-        expect(6).to.not.be.at.most(10, 'blah');
-        (6).should.not.be.at.most(10, 'blah');
-    }, 'blah: expected 6 to be above 10');
-
-    err(() => {
-        expect('foo').to.have.length.of.at.most(2, 'blah');
-        'foo'.should.have.length.of.at.most(2, 'blah');
-    }, 'blah: expected \'foo\' to have a length at most 2 but got 3');
-
-    err(() => {
-        expect([1, 2, 3]).to.have.length.of.at.most(2, 'blah');
-        [1, 2, 3].should.have.length.of.at.most(2, 'blah');
-    }, 'blah: expected [ 1, 2, 3 ] to have a length at most 2 but got 3');
-
-    err(() => {
-        expect([1, 2]).to.not.have.length.of.at.most(2, 'blah');
-        [1, 2].should.not.have.length.of.at.most(2, 'blah');
-    }, 'blah: expected [ 1, 2 ] to have a length above 2');
-}
-
-function match() {
-    expect('foobar').to.match(/^foo/);
-    'foobar'.should.match(/^foo/);
-    expect('foobar').to.not.match(/^bar/);
-    'foobar'.should.not.match(/^bar/);
-
-    expect('foobar').matches(/^foo/);
-    'foobar'.should.not.matches(/^bar/);
-
-    err(() => {
-        expect('foobar').to.match(/^bar/i, 'blah');
-        'foobar'.should.match(/^bar/i, 'blah');
-    }, 'blah: expected \'foobar\' to match /^bar/i');
-
-    err(() => {
-        expect('foobar').to.not.match(/^foo/i, 'blah');
-        'foobar'.should.not.match(/^foo/i, 'blah');
-    }, 'blah: expected \'foobar\' not to match /^foo/i');
-}
-
-function length2() {
-    expect('test').to.have.length(4);
-    'test'.should.have.length(4);
-    expect('test').to.not.have.length(3);
-    'test'.should.not.have.length(3);
-    expect([1, 2, 3]).to.have.length(3);
-    [1, 2, 3].should.have.length(3);
-
-    err(() => {
-        expect(4).to.have.length(3, 'blah');
-        (4).should.have.length(3, 'blah');
-    }, 'blah: expected 4 to have a property \'length\'');
-
-    err(() => {
-        expect('asd').to.not.have.length(3, 'blah');
-        'asd'.should.not.have.length(3, 'blah');
-    }, 'blah: expected \'asd\' to not have a length of 3');
-}
-
-function eql() {
-    expect('test').to.eql('test');
-    'test'.should.eql('test');
-    expect({ foo: 'bar' }).to.eql({ foo: 'bar' });
-    ({ foo: 'bar' }).should.eql({ foo: 'bar' });
-    expect(1).to.eql(1);
-    (1).should.eql(1);
-    expect('4').to.not.eql(4);
-    '4'.should.not.eql(4);
-
-    err(() => {
-        expect(4).to.eql(3, 'blah');
-        (4).should.eql(3, 'blah');
-    }, 'blah: expected 4 to deeply equal 3');
-}
-
-class Buffer {
-    constructor(arr: number[]) {
-    }
-}
-function buffer() {
-    expect(new Buffer([1])).to.eql(new Buffer([1]));
-    (new Buffer([1])).should.eql(new Buffer([1]));
-
-    err(() => {
-        expect(new Buffer([0])).to.eql(new Buffer([1]));
-        (new Buffer([0])).should.eql(new Buffer([1]));
-    }, 'expected <Buffer 00> to deeply equal <Buffer 01>');
-}
-
-function equal2() {
-    expect('test').to.equal('test');
-    'test'.should.equal('test');
-    should.equal('test', 'test');
-    expect(1).to.equal(1);
-    (1).should.equal(1);
-    should.equal(1, 1);
-
-    err(() => {
-        expect(4).to.equal(3, 'blah');
-        (4).should.equal(3, 'blah');
-        should.equal(4, 3, 'blah');
-    }, 'blah: expected 4 to equal 3');
-
-    err(() => {
-        expect('4').to.equal(4, 'blah');
-        '4'.should.equal(4, 'blah');
-        should.equal(4, 4, 'blah');
-    }, 'blah: expected \'4\' to equal 4');
-}
-
-function deepEqual() {
-    expect({ foo: 'bar' }).to.deep.equal({ foo: 'bar' });
-    ({ foo: 'bar' }).should.deep.equal({ foo: 'bar' });
-    expect({ foo: 'bar' }).not.to.deep.equal({ foo: 'baz' });
-}
-
-function deepEqual2() {
-    expect(/a/).to.deep.equal(/a/);
-    /a/.should.deep.equal(/a/);
-    expect(/a/).not.to.deep.equal(/b/);
-    expect(/a/).not.to.deep.equal({});
-    expect(/a/g).to.deep.equal(/a/g);
-    /a/g.should.deep.equal(/a/g);
-    expect(/a/g).not.to.deep.equal(/b/g);
-    expect(/a/i).to.deep.equal(/a/i);
-    /a/i.should.deep.equal(/a/i);
-    expect(/a/i).not.to.deep.equal(/b/i);
-    expect(/a/m).to.deep.equal(/a/m);
-    /a/m.should.deep.equal(/a/m);
-    expect(/a/m).not.to.deep.equal(/b/m);
-}
-
-// ReSharper disable once InconsistentNaming
-function deepEqual3() {
-    var a = new Date(1, 2, 3);
-    var b = new Date(4, 5, 6);
-    expect(a).to.deep.equal(a);
-    a.should.deep.equal(a);
-    expect(a).not.to.deep.equal(b);
-    a.should.not.deep.equal(b);
-    expect(a).not.to.deep.equal({});
-    a.should.not.deep.equal({});
-}
-
-function deepInclude() {
-    expect(['foo', 'bar']).to.deep.include(['bar', 'foo']);
-    ['foo', 'bar'].should.deep.include(['bar', 'foo']);
-    expect(['foo', 'bar']).not.to.deep.equal(['foo', 'baz']);
-    ['foo', 'bar'].should.not.deep.equal(['foo', 'baz']);
-}
-
-class FakeArgs {
-    length: number;
-}
-
-function empty() {
-    FakeArgs.prototype.length = 0;
-
-    expect('').to.be.empty;
-
-    ''.should.be.empty;
-    expect('foo').not.to.be.empty;
-    'foo'.should.not.be.empty;
-    expect([]).to.be.empty;
-    [].should.be.empty;
-    expect(['foo']).not.to.be.empty;
-    ['foo'].should.not.be.empty;
-    expect(new FakeArgs).to.be.empty;
-    (new FakeArgs).should.be.empty;
-    expect({ arguments: 0 }).not.to.be.empty;
-    ({ arguments: 0 }).should.not.be.empty;
-    expect({}).to.be.empty;
-    ({}).should.be.empty;
-    expect({ foo: 'bar' }).not.to.be.empty;
-    ({ foo: 'bar' }).should.not.be.empty;
-
-    err(() => {
-        expect('').not.to.be.empty;
-        ''.should.not.be.empty;
-    }, 'expected \'\' not to be empty');
-
-    err(() => {
-        expect('foo').to.be.empty;
-        'foo'.should.be.empty;
-        'foo'.should.be.empty;
-    }, 'expected \'foo\' to be empty');
-
-    err(() => {
-        expect([]).not.to.be.empty;
-        [].should.not.be.empty;
-    }, 'expected [] not to be empty');
-
-    err(() => {
-        expect(['foo']).to.be.empty;
-        ['foo'].should.be.empty;
-    }, 'expected [ \'foo\' ] to be empty');
-
-    err(() => {
-        expect(new FakeArgs).not.to.be.empty;
-        (new FakeArgs).should.not.be.empty;
-    }, 'expected { length: 0 } not to be empty');
-
-    err(() => {
-        expect({ arguments: 0 }).to.be.empty;
-        ({ arguments: 0 }).should.be.empty;
-    }, 'expected { arguments: 0 } to be empty');
-
-    err(() => {
-        expect({}).not.to.be.empty;
-        ({}).should.not.be.empty;
-    }, 'expected {} not to be empty');
-
-    err(() => {
-        expect({ foo: 'bar' }).to.be.empty;
-        ({ foo: 'bar' }).should.be.empty;
-    }, 'expected { foo: \'bar\' } to be empty');
-}
-
-function property() {
-    expect('test').to.have.property('length');
-    'test'.should.have.property('length');
-    expect(4).to.not.have.property('length');
-    (4).should.not.have.property('length');
-
-    expect({ 'foo.bar': 'baz' })
-        .to.have.property('foo.bar');
-    ({ 'foo.bar': 'baz' }).should.have.property('foo.bar');
-    expect({ foo: { bar: 'baz' } })
-        .to.not.have.property('foo.bar');
-    ({ foo: { bar: 'baz' } }).should.not.have.property('foo.bar');
-
-    err(() => {
-        expect('asd').to.have.property('foo');
-        'asd'.should.have.property('foo');
-    }, 'expected \'asd\' to have a property \'foo\'');
-    err(() => {
-        expect({ foo: { bar: 'baz' } })
-            .to.have.property('foo.bar');
-        ({ foo: { bar: 'baz' } }).should.have.property('foo.bar');
-    }, 'expected { foo: { bar: \'baz\' } } to have a property \'foo.bar\'');
-}
-
-function deepProperty() {
-    expect({ 'foo.bar': 'baz' })
-        .to.not.have.deep.property('foo.bar');
-    ({ 'foo.bar': 'baz' }).should
-        .not.have.deep.property('foo.bar');
-    expect({ foo: { bar: 'baz' } })
-        .to.have.deep.property('foo.bar');
-    ({ foo: { bar: 'baz' } }).should
-        .have.deep.property('foo.bar');
-
-    err(() => {
-        expect({ 'foo.bar': 'baz' })
-            .to.have.deep.property('foo.bar');
-        ({ 'foo.bar': 'baz' }).should
-            .have.deep.property('foo.bar');
-    }, 'expected { \'foo.bar\': \'baz\' } to have a deep property \'foo.bar\'');
-}
-
-function property2() {
-    expect('test').to.have.property('length', 4);
-    'test'.should.have.property('length', 4);
-    expect('asd').to.have.property('constructor', String);
-    'asd'.should.have.property('constructor', String);
-
-    err(() => {
-        expect('asd').to.have.property('length', 4, 'blah');
-        'asd'.should.have.property('length', 4, 'blah');
-    }, 'blah: expected \'asd\' to have a property \'length\' of 4, but got 3');
-
-    err(() => {
-        expect('asd').to.not.have.property('length', 3, 'blah');
-        'asd'.should.not.have.property('length', 3, 'blah');
-    }, 'blah: expected \'asd\' to not have a property \'length\' of 3');
-
-    err(() => {
-        expect('asd').to.not.have.property('foo', 3, 'blah');
-        'asd'.should.not.have.property('foo', 3, 'blah');
-    }, 'blah: \'asd\' has no property \'foo\'');
-
-    err(() => {
-        expect('asd').to.have.property('constructor', Number, 'blah');
-        'asd'.should.have.property('constructor', Number, 'blah');
-    }, 'blah: expected \'asd\' to have a property \'constructor\' of [Function: Number], but got [Function: String]');
-}
-
-function deepProperty2() {
-    expect({ foo: { bar: 'baz' } })
-        .to.have.deep.property('foo.bar', 'baz');
-    ({ foo: { bar: 'baz' } }).should
-        .have.deep.property('foo.bar', 'baz');
-
-    err(() => {
-        expect({ foo: { bar: 'baz' } })
-            .to.have.deep.property('foo.bar', 'quux', 'blah');
-        ({ foo: { bar: 'baz' } }).should
-            .have.deep.property('foo.bar', 'quux', 'blah');
-    }, 'blah: expected { foo: { bar: \'baz\' } } to have a deep property \'foo.bar\' of \'quux\', but got \'baz\'');
-    err(() => {
-        expect({ foo: { bar: 'baz' } })
-            .to.not.have.deep.property('foo.bar', 'baz', 'blah');
-        ({ foo: { bar: 'baz' } }).should
-            .not.have.deep.property('foo.bar', 'baz', 'blah');
-    }, 'blah: expected { foo: { bar: \'baz\' } } to not have a deep property \'foo.bar\' of \'baz\'');
-    err(() => {
-        expect({ foo: 5 })
-            .to.not.have.deep.property('foo.bar', 'baz', 'blah');
-        ({ foo: 5 }).should
-            .not.have.deep.property('foo.bar', 'baz', 'blah');
-    }, 'blah: { foo: 5 } has no deep property \'foo.bar\'');
-}
-
-function ownProperty() {
-    expect('test').to.have.ownProperty('length');
-    'test'.should.have.ownProperty('length');
-    expect('test').to.haveOwnProperty('length');
-    'test'.should.haveOwnProperty('length');
-    expect({ length: 12 }).to.have.ownProperty('length');
-    ({ length: 12 }).should.have.ownProperty('length');
-
-    err(() => {
-        expect({ length: 12 }).to.not.have.ownProperty('length', 'blah');
-        ({ length: 12 }).should.not.have.ownProperty('length', 'blah');
-    }, 'blah: expected { length: 12 } to not have own property \'length\'');
-}
-
-function ownPropertyDescriptor() {
-    expect('test').to.have.ownPropertyDescriptor('length');
-    expect('test').to.have.ownPropertyDescriptor('length', { enumerable: false, configurable: false, writable: false, value: 4 });
-    expect('test').not.to.have.ownPropertyDescriptor('length', { enumerable: false, configurable: false, writable: false, value: 3 });
-    expect('test').to.haveOwnPropertyDescriptor('length').to.have.property('enumerable', false);
-    expect('test').to.haveOwnPropertyDescriptor('length').to.contain.keys('value');
-
-    'test'.should.have.ownPropertyDescriptor('length');
-    'test'.should.have.ownPropertyDescriptor('length', { enumerable: false, configurable: false, writable: false, value: 4 });
-    'test'.should.not.have.ownPropertyDescriptor('length', { enumerable: false, configurable: false, writable: false, value: 3 });
-    'test'.should.haveOwnPropertyDescriptor('length').to.have.property('enumerable', false);
-    'test'.should.haveOwnPropertyDescriptor('length').to.contain.keys('value');
-}
-
-function string() {
-    expect('foobar').to.have.string('bar');
-    'foobar'.should.have.string('bar');
-    expect('foobar').to.have.string('foo');
-    'foobar'.should.have.string('foo');
-    expect('foobar').to.not.have.string('baz');
-    'foobar'.should.not.have.string('baz');
-
-    err(() => {
-        expect(3).to.have.string('baz');
-        (3).should.have.string('baz');
-    }, 'expected 3 to be a string');
-
-    err(() => {
-        expect('foobar').to.have.string('baz', 'blah');
-        'foobar'.should.have.string('baz', 'blah');
-    }, 'blah: expected \'foobar\' to contain \'baz\'');
-
-    err(() => {
-        expect('foobar').to.not.have.string('bar', 'blah');
-        'foobar'.should.not.have.string('bar', 'blah');
-    }, 'blah: expected \'foobar\' to not contain \'bar\'');
-}
-
-function include() {
-    expect(['foo', 'bar']).to.include('foo');
-    ['foo', 'bar'].should.include('foo');
-    expect(['foo', 'bar']).to.include('foo');
-    ['foo', 'bar'].should.include('foo');
-    expect(['foo', 'bar']).to.include('bar');
-    ['foo', 'bar'].should.include('bar');
-    expect([1, 2]).to.include(1);
-    [1, 2].should.include(1);
-    expect(['foo', 'bar']).to.not.include('baz');
-    ['foo', 'bar'].should.not.include('baz');
-    expect(['foo', 'bar']).to.not.include(1);
-    ['foo', 'bar'].should.not.include(1);
-    // alias
-
-    expect(['foo', 'bar']).includes('foo');
-    ['foo', 'bar'].should.includes('foo');
-
-    err(() => {
-        expect(['foo']).to.include('bar', 'blah');
-        ['foo'].should.include('bar', 'blah');
-    }, 'blah: expected [ \'foo\' ] to include \'bar\'');
-
-    err(() => {
-        expect(['bar', 'foo']).to.not.include('foo', 'blah');
-        ['bar', 'foo'].should.not.include('foo', 'blah');
-    }, 'blah: expected [ \'bar\', \'foo\' ] to not include \'foo\'');
-}
-
-function keys() {
-    expect({ foo: 1 }).to.have.keys(['foo']);
-    ({ foo: 1 }).should.have.keys(['foo']);
-    expect({ foo: 1, bar: 2 }).to.have.keys(['foo', 'bar']);
-    ({ foo: 1, bar: 2 }).should.have.keys(['foo', 'bar']);
-    expect({ foo: 1, bar: 2 }).to.have.keys('foo', 'bar');
-    ({ foo: 1, bar: 2 }).should.have.keys('foo', 'bar');
-    expect({ foo: 1, bar: 2, baz: 3 }).to.contain.keys('foo', 'bar');
-    ({ foo: 1, bar: 2, baz: 3 }).should.contain.keys('foo', 'bar');
-    expect({ foo: 1, bar: 2, baz: 3 }).to.contain.keys('bar', 'foo');
-    ({ foo: 1, bar: 2, baz: 3 }).should.contain.keys('bar', 'foo');
-    expect({ foo: 1, bar: 2, baz: 3 }).to.contain.keys('baz');
-    ({ foo: 1, bar: 2, baz: 3 }).should.contain.keys('baz');
-    // alias
-
-    expect({ foo: 1, bar: 2, baz: 3 }).contains.keys('baz');
-
-    expect({ foo: 1, bar: 2 }).to.have.all.keys(['foo', 'bar']);
-    expect({ foo: 1, bar: 2 }).to.have.any.keys(['foo', 'bar']);
-    ({ foo: 1, bar: 2, baz: 3 }).should.contain.all.keys('baz');
-    ({ foo: 1, bar: 2, baz: 3 }).should.contain.any.keys('baz');
-
-    expect({ foo: 1, bar: 2 }).to.contain.keys('foo');
-    ({ foo: 1, bar: 2 }).should.contain.keys('foo');
-    expect({ foo: 1, bar: 2 }).to.contain.keys('bar', 'foo');
-    ({ foo: 1, bar: 2 }).should.contain.keys('bar', 'foo');
-    expect({ foo: 1, bar: 2 }).to.contain.keys(['foo']);
-    ({ foo: 1, bar: 2 }).should.contain.keys(['foo']);
-    expect({ foo: 1, bar: 2 }).to.contain.keys(['bar']);
-    ({ foo: 1, bar: 2 }).should.contain.keys(['bar']);
-    expect({ foo: 1, bar: 2 }).to.contain.keys(['bar', 'foo']);
-    ({ foo: 1, bar: 2 }).should.contain.keys(['bar', 'foo']);
-
-    expect({ foo: 1, bar: 2 }).to.not.have.keys('baz');
-    ({ foo: 1, bar: 2 }).should.not.have.keys('baz');
-    expect({ foo: 1, bar: 2 }).to.not.have.keys('foo', 'baz');
-    ({ foo: 1, bar: 2 }).should.not.have.keys('foo', 'baz');
-    expect({ foo: 1, bar: 2 }).to.not.contain.keys('baz');
-    ({ foo: 1, bar: 2 }).should.not.contain.keys('baz');
-    expect({ foo: 1, bar: 2 }).to.not.contain.keys('foo', 'baz');
-    ({ foo: 1, bar: 2 }).should.not.contain.keys('foo', 'baz');
-    expect({ foo: 1, bar: 2 }).to.not.contain.keys('baz', 'foo');
-    ({ foo: 1, bar: 2 }).should.not.contain.keys('baz', 'foo');
-
-    err(() => {
-        expect({ foo: 1 }).to.have.keys();
-        ({ foo: 1 }).should.have.keys();
-    }, 'keys required');
-
-    err(() => {
-        expect({ foo: 1 }).to.have.keys([]);
-        ({ foo: 1 }).should.have.keys([]);
-    }, 'keys required');
-
-    err(() => {
-        expect({ foo: 1 }).to.not.have.keys([]);
-        ({ foo: 1 }).should.not.have.keys([]);
-    }, 'keys required');
-
-    err(() => {
-        expect({ foo: 1 }).to.contain.keys([]);
-        ({ foo: 1 }).should.contain.keys([]);
-    }, 'keys required');
-
-    err(() => {
-        expect({ foo: 1 }).to.have.keys(['bar']);
-        ({ foo: 1 }).should.have.keys(['bar']);
-    }, 'expected { foo: 1 } to have key \'bar\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.have.keys(['bar', 'baz']);
-        ({ foo: 1 }).should.have.keys(['bar', 'baz']);
-    }, 'expected { foo: 1 } to have keys \'bar\', and \'baz\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.have.keys(['foo', 'bar', 'baz']);
-        ({ foo: 1 }).should.have.keys(['foo', 'bar', 'baz']);
-    }, 'expected { foo: 1 } to have keys \'foo\', \'bar\', and \'baz\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.not.have.keys(['foo']);
-        ({ foo: 1 }).should.not.have.keys(['foo']);
-    }, 'expected { foo: 1 } to not have key \'foo\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.not.have.keys(['foo']);
-        ({ foo: 1 }).should.not.have.keys(['foo']);
-    }, 'expected { foo: 1 } to not have key \'foo\'');
-
-    err(() => {
-        expect({ foo: 1, bar: 2 }).to.not.have.keys(['foo', 'bar']);
-        ({ foo: 1, bar: 2 }).should.not.have.keys(['foo', 'bar']);
-    }, 'expected { foo: 1, bar: 2 } to not have keys \'foo\', and \'bar\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.not.contain.keys(['foo']);
-        ({ foo: 1 }).should.not.contain.keys(['foo']);
-    }, 'expected { foo: 1 } to not contain key \'foo\'');
-
-    err(() => {
-        expect({ foo: 1 }).to.contain.keys('foo', 'bar');
-        ({ foo: 1 }).should.contain.keys('foo', 'bar');
-    }, 'expected { foo: 1 } to contain keys \'foo\', and \'bar\'');
-}
-
-function chaining() {
-    var tea = { name: 'chai', extras: ['milk', 'sugar', 'smile'] };
-    expect(tea).to.have.property('extras').with.lengthOf(3);
-    tea.should.have.property('extras').with.lengthOf(3);
-
-    err(() => {
-        expect(tea).to.have.property('extras').with.lengthOf(4);
-        tea.should.have.property('extras').with.lengthOf(4);
-    }, 'expected [ \'milk\', \'sugar\', \'smile\' ] to have a length of 4 but got 3');
-
-    expect(tea).to.be.a('object').and.have.property('name', 'chai');
-    tea.should.be.a('object').and.have.property('name', 'chai');
-}
-
-function exxtensible() {
-    expect({}).to.be.extensible;
-    expect(Object.preventExtensions({})).to.be.not.extensible;
-    ({}).should.be.extensible;
-    Object.preventExtensions({}).should.not.be.extensible;
-}
-function sealed() {
-    expect({}).to.be.not.sealed;
-    expect(Object.seal({})).to.be.sealed;
-    ({}).should.be.not.sealed;
-    Object.seal({}).should.be.sealed;
-}
-
-function frozen() {
-    expect({}).to.be.not.frozen;
-    expect(Object.freeze({})).to.be.frozen;
-    ({}).should.be.not.frozen;
-    Object.freeze({}).should.be.frozen;
-}
-
-
-class PoorlyConstructedError { }
-function _throw() {
-    // See GH-45: some poorly-constructed custom errors don't have useful names
-    // on either their constructor or their constructor prototype, but instead
-    // only set the name inside the constructor itself.
-    PoorlyConstructedError.prototype = Object.create(Error.prototype);
-
-    var specificError = new RangeError('boo');
-
-    var goodFn = () => { }
-        , badFn = () => { throw new Error('testing'); }
-        , refErrFn = () => { throw new ReferenceError('hello'); }
-        , ickyErrFn = () => { throw new PoorlyConstructedError(); }
-        , specificErrFn = () => { throw specificError; };
-
-    expect(goodFn).to.not.throw();
-    goodFn.should.not.throw();
-    should.not.throw(goodFn);
-    expect(goodFn).to.not.throw(Error);
-    goodFn.should.not.throw(Error);
-    should.not.throw(goodFn, Error);
-    expect(goodFn).to.not.throw(specificError);
-    goodFn.should.not.throw(specificError);
-    should.not.throw(goodFn, specificError);
-
-    expect(badFn).to.throw();
-    badFn.should.throw();
-    should.throw(badFn);
-    expect(badFn).to.throw(Error);
-    badFn.should.throw(Error);
-    should.throw(badFn, Error);
-    expect(badFn).to.not.throw(ReferenceError);
-    badFn.should.not.throw(ReferenceError);
-    should.not.throw(badFn, ReferenceError);
-    expect(badFn).to.not.throw(specificError);
-    badFn.should.not.throw(specificError);
-    should.not.throw(badFn, specificError);
-
-    expect(refErrFn).to.throw();
-    refErrFn.should.throw();
-    should.throw(refErrFn);
-    expect(refErrFn).to.throw(ReferenceError);
-    refErrFn.should.throw(ReferenceError);
-    should.throw(refErrFn, ReferenceError);
-    expect(refErrFn).to.throw(Error);
-    refErrFn.should.throw(Error);
-    should.throw(refErrFn, Error);
-    expect(refErrFn).to.not.throw(TypeError);
-    refErrFn.should.not.throw(TypeError);
-    should.not.throw(refErrFn, TypeError);
-    expect(refErrFn).to.not.throw(specificError);
-    refErrFn.should.not.throw(specificError);
-    should.not.throw(refErrFn, specificError);
-
-    expect(ickyErrFn).to.throw();
-    ickyErrFn.should.throw();
-    should.throw(ickyErrFn);
-    expect(ickyErrFn).to.throw(PoorlyConstructedError);
-    ickyErrFn.should.throw(PoorlyConstructedError);
-    should.throw(ickyErrFn, PoorlyConstructedError);
-    expect(ickyErrFn).to.throw(Error);
-    ickyErrFn.should.throw(Error);
-    should.throw(ickyErrFn, Error);
-    expect(ickyErrFn).to.not.throw(specificError);
-    ickyErrFn.should.not.throw(specificError);
-    should.not.throw(ickyErrFn, specificError);
-    expect(specificErrFn).to.throw(specificError);
-    specificErrFn.should.throw(specificError);
-    should.throw(ickyErrFn, specificError);
-
-    expect(badFn).to.throw(/testing/);
-    badFn.should.throw(/testing/);
-    should.throw(badFn, /testing/);
-    expect(badFn).to.not.throw(/hello/);
-    badFn.should.not.throw(/hello/);
-    should.not.throw(badFn, /hello/);
-    expect(badFn).to.throw('testing');
-    badFn.should.throw('testing');
-    should.throw(badFn, 'testing');
-    expect(badFn).to.not.throw('hello');
-    badFn.should.not.throw('hello');
-    should.not.throw(badFn, 'hello');
-
-    expect(badFn).to.throw(Error, /testing/);
-    badFn.should.throw(Error, /testing/);
-    should.throw(badFn, Error, /testing/);
-    expect(badFn).to.throw(Error, 'testing');
-    badFn.should.throw(Error, 'testing');
-    should.throw(badFn, Error, 'testing');
-
-    err(() => {
-        expect(goodFn).to.throw();
-        goodFn.should.throw();
-        should.throw(goodFn);
-    }, 'expected [Function] to throw an error');
-
-    err(() => {
-        expect(goodFn).to.throw(ReferenceError);
-        goodFn.should.throw(ReferenceError);
-        should.throw(goodFn, ReferenceError);
-    }, 'expected [Function] to throw ReferenceError');
-
-    err(() => {
-        expect(goodFn).to.throw(specificError);
-        goodFn.should.throw(specificError);
-        should.throw(goodFn, specificError);
-    }, 'expected [Function] to throw [RangeError: boo]');
-
-    err(() => {
-        expect(badFn).to.not.throw();
-        badFn.should.not.throw();
-        should.not.throw(badFn);
-    }, 'expected [Function] to not throw an error but [Error: testing] was thrown');
-
-    err(() => {
-        expect(badFn).to.throw(ReferenceError);
-        badFn.should.throw(ReferenceError);
-        should.throw(badFn, ReferenceError);
-    }, 'expected [Function] to throw \'ReferenceError\' but [Error: testing] was thrown');
-
-    err(() => {
-        expect(badFn).to.throw(specificError);
-        badFn.should.throw(specificError);
-        should.throw(badFn, specificError);
-    }, 'expected [Function] to throw [RangeError: boo] but [Error: testing] was thrown');
-
-    err(() => {
-        expect(badFn).to.not.throw(Error);
-        badFn.should.not.throw(Error);
-        should.not.throw(badFn, Error);
-    }, 'expected [Function] to not throw \'Error\' but [Error: testing] was thrown');
-
-    err(() => {
-        expect(refErrFn).to.not.throw(ReferenceError);
-        refErrFn.should.not.throw(ReferenceError);
-        should.not.throw(refErrFn, ReferenceError);
-    }, 'expected [Function] to not throw \'ReferenceError\' but [ReferenceError: hello] was thrown');
-
-    err(() => {
-        expect(badFn).to.throw(PoorlyConstructedError);
-        badFn.should.throw(PoorlyConstructedError);
-        should.throw(badFn, PoorlyConstructedError);
-    }, 'expected [Function] to throw \'PoorlyConstructedError\' but [Error: testing] was thrown');
-
-    err(() => {
-        expect(ickyErrFn).to.not.throw(PoorlyConstructedError);
-        ickyErrFn.should.not.throw(PoorlyConstructedError);
-        should.not.throw(ickyErrFn, PoorlyConstructedError);
-    }, /^(expected \[Function\] to not throw 'PoorlyConstructedError' but)(.*)(PoorlyConstructedError|\{ Object \()(.*)(was thrown)$/);
-
-    err(() => {
-        expect(ickyErrFn).to.throw(ReferenceError);
-        ickyErrFn.should.throw(ReferenceError);
-        should.throw(ickyErrFn, ReferenceError);
-    }, /^(expected \[Function\] to throw 'ReferenceError' but)(.*)(PoorlyConstructedError|\{ Object \()(.*)(was thrown)$/);
-
-    err(() => {
-        expect(specificErrFn).to.throw(new ReferenceError('eek'));
-        specificErrFn.should.throw(new ReferenceError('eek'));
-        should.throw(specificErrFn, new ReferenceError('eek'));
-    }, 'expected [Function] to throw [ReferenceError: eek] but [RangeError: boo] was thrown');
-
-    err(() => {
-        expect(specificErrFn).to.not.throw(specificError);
-        specificErrFn.should.not.throw(specificError);
-        should.not.throw(specificErrFn, specificError);
-    }, 'expected [Function] to not throw [RangeError: boo]');
-
-    err(() => {
-        expect(badFn).to.not.throw(/testing/);
-        badFn.should.not.throw(/testing/);
-        should.not.throw(badFn, /testing/);
-    }, 'expected [Function] to throw error not matching /testing/');
-
-    err(() => {
-        expect(badFn).to.throw(/hello/);
-        badFn.should.throw(/hello/);
-        should.throw(badFn, /hello/);
-    }, 'expected [Function] to throw error matching /hello/ but got \'testing\'');
-
-    err(() => {
-        expect(badFn).to.throw(Error, /hello/, 'blah');
-        badFn.should.throw(Error, /hello/, 'blah');
-        should.throw(badFn, Error, /hello/, 'blah');
-    }, 'blah: expected [Function] to throw error matching /hello/ but got \'testing\'');
-
-    err(() => {
-        expect(badFn).to.throw(Error, 'hello', 'blah');
-        badFn.should.throw(Error, 'hello', 'blah');
-        should.throw(badFn, Error, 'hello', 'blah');
-    }, 'blah: expected [Function] to throw error including \'hello\' but got \'testing\'');
-}
-
-function use() {
-    // ReSharper disable once InconsistentNaming
-    chai.use((_chai) => {
-        _chai.can.use.any();
-    });
-}
-
-class Klass {
-    val: number;
-    constructor() { this.val = 0; }
-    bar() { }
-
-    static baz() { }
-}
-
-function respondTo() {
-    var obj = new Klass();
-
-    expect(Klass).to.respondTo('bar');
-    expect(obj).respondsTo('bar');
-    Klass.should.respondTo('bar');
-    Klass.should.respondsTo('bar');
-    expect(Klass).to.not.respondTo('foo');
-    Klass.should.not.respondTo('foo');
-    expect(Klass).itself.to.respondTo('func');
-    expect(Klass).itself.not.to.respondTo('bar');
-
-    expect(obj).not.to.respondTo('foo');
-    obj.should.not.respondTo('foo');
-
-    err(() => {
-        expect(Klass).to.respondTo('baz', 'constructor');
-        Klass.should.respondTo('baz', 'constructor');
-    }, /^(constructor: expected)(.*)(\[Function: Klass\])(.*)(to respond to \'baz\')$/);
-
-    err(() => {
-        expect(obj).to.respondTo('baz', 'object');
-        obj.should.respondTo('baz', 'object');
-    }, /^(object: expected)(.*)(\{ foo: \[Function\] \}|\{ Object \()(.*)(to respond to \'baz\')$/);
-}
-
-function satisfy() {
-    function matcher(num: number) {
-        return num === 1;
-    }
-
-    expect(1).to.satisfy(matcher);
-    (1).should.satisfy(matcher);
-
-    err(() => {
-        expect(2).to.satisfy(matcher, 'blah');
-        (2).should.satisfy(matcher, 'blah');
-    }, 'blah: expected 2 to satisfy [Function: matcher]');
-}
-
-function closeTo() {
-    expect(1.5).to.be.closeTo(1.0, 0.5);
-    (1.5).should.be.closeTo(1.0, 0.5);
-    expect(10).to.be.closeTo(20, 20);
-    (10).should.be.closeTo(20, 20);
-    expect(-10).to.be.closeTo(20, 30);
-    (-10).should.be.closeTo(20, 30);
-
-    err(() => {
-        expect(2).to.be.closeTo(1.0, 0.5, 'blah');
-        (2).should.be.closeTo(1.0, 0.5, 'blah');
-    }, 'blah: expected 2 to be close to 1 +/- 0.5');
-
-    err(() => {
-        expect(-10).to.be.closeTo(20, 29, 'blah');
-        (-10).should.be.closeTo(20, 29, 'blah');
-    }, 'blah: expected -10 to be close to 20 +/- 29');
-}
-
-function includeMembers() {
-    expect([1, 2, 3]).to.include.members([]);
-    [1, 2, 3].should.include.members([]);
-
-    expect([1, 2, 3]).to.include.members([3, 2]);
-
-    [1, 2, 3].should.include.members([3, 2]);
-
-    expect([1, 2, 3]).to.not.include.members([8, 4]);
-
-    [1, 2, 3].should.not.include.members([8, 4]);
-
-    expect([1, 2, 3]).to.not.include.members([1, 2, 3, 4]);
-
-    [1, 2, 3].should.not.include.members([1, 2, 3, 4]);
-}
-
-function sameMembers() {
-    expect([5, 4]).to.have.same.members([4, 5]);
-    [5, 4].should.have.same.members([4, 5]);
-    expect([5, 4]).to.have.same.members([5, 4]);
-    [5, 4].should.have.same.members([5, 4]);
-
-    expect([5, 4]).to.not.have.same.members([]);
-    [5, 4].should.not.have.same.members([]);
-    expect([5, 4]).to.not.have.same.members([6, 3]);
-    [5, 4].should.not.have.same.members([6, 3]);
-    expect([5, 4]).to.not.have.same.members([5, 4, 2]);
-    [5, 4].should.not.have.same.members([5, 4, 2]);
-
-    assert.sameMembers([5, 4], [4, 5]);
-}
-function sameDeepMembers() {
-    expect([{ id: 5 }, { id: 4 }]).to.have.same.deep.members([{ id: 4 }, { id: 5 }]);
-    [{ id: 5 }, { id: 4 }].should.have.same.deep.members([{ id: 4 }, { id: 5 }]);
-    expect([{ id: 5 }, { id: 4 }]).to.have.same.members([{ id: 5 }, { id: 4 }]);
-    [{ id: 5 }, { id: 4 }].should.have.same.members([{ id: 5 }, { id: 4 }]);
-
-    expect([{ id: 5 }, { id: 4 }]).to.not.have.same.members([]);
-    [{ id: 5 }, { id: 4 }].should.not.have.same.members([]);
-    expect([{ id: 5 }, { id: 4 }]).to.not.have.same.members([{ id: 6 }, { id: 3 }]);
-    [{ id: 5 }, { id: 4 }].should.not.have.same.members([{ id: 6 }, { id: 3 }]);
-    expect([{ id: 5 }, { id: 4 }]).to.not.have.same.members([{ id: 5 }, { id: 4 }, { id: 2 }]);
-    [{ id: 5 }, { id: 4 }].should.not.have.same.members([{ id: 5 }, { id: 4 }, { id: 2 }]);
-
-    assert.sameDeepMembers([{ id: 5 }, { id: 4 }], [{ id: 4 }, { id: 5 }]);
-}
-
-function members() {
-    expect([5, 4]).members([4, 5]);
-    expect([5, 4]).members([5, 4]);
-
-    expect([5, 4]).not.members([]);
-    expect([5, 4]).not.members([6, 3]);
-    expect([5, 4]).not.members([5, 4, 2]);
-}
-
-function increaseDecreaseChange() {
-    var obj = { val: 10 };
-    var inc = () => { obj.val++; };
-    var dec = () => { obj.val--; };
-    var same = () => { };
-
-    expect(inc).to.increase(obj, "val");
-    expect(inc).increases(obj, "val");
-    expect(inc).to.change(obj, "val");
-
-    expect(dec).to.decrease(obj, "val");
-    expect(dec).decreases(obj, "val");
-    expect(dec).to.change(obj, "val");
-    expect(dec).changes(obj, "val");
-
-    expect(inc).to.not.decrease(obj, "val");
-    expect(dec).to.not.increase(obj, "val");
-    expect(same).to.not.increase(obj, "val");
-    expect(same).to.not.decrease(obj, "val");
-    expect(same).to.not.change(obj, "val");
-
-    inc.should.increase(obj, "val");
-    inc.should.change(obj, "val");
-
-    dec.should.decrease(obj, "val");
-    dec.should.change(obj, "val");
-
-    inc.should.not.decrease(obj, "val");
-    dec.should.not.increase(obj, "val");
-    same.should.not.change(obj, "val");
-}
-
-//tdd
-declare function suite(description: string, action: Function): void;
-declare function test(description: string, action: Function): void;
-
-interface FieldObj {
-    field: any;
-}
-
-class CrashyObject {
-    inspect(): void {
-        throw new Error('Arg\'s inspect() called even though the test passed');
-    }
-}
-
-suite('assert', () => {
-
-    test('assert', () => {
-        var foo = 'bar';
-        assert(foo === 'bar', 'expected foo to equal `bar`');
-
-        err(() => {
-            assert(foo === 'baz', 'expected foo to equal `bar`');
-        }, 'expected foo to equal `bar`');
-    });
-
-    test('isTrue', () => {
-        assert.isTrue(true);
-
-        err(() => {
-            assert.isTrue(false);
-        }, 'expected false to be true');
-
-        err(() => {
-            assert.isTrue(1);
-        }, 'expected 1 to be true');
-
-        err(() => {
-            assert.isTrue('test');
-        }, 'expected \'test\' to be true');
-    });
-
-    test('ok', () => {
-        assert.ok(true);
-        assert.ok(1);
-        assert.ok('test');
-        assert.isOk(true);
-        assert.isOk(1);
-        assert.isOk('test');
-
-        err(() => {
-            assert.ok(false);
-        }, 'expected false to be truthy');
-
-        err(() => {
-            assert.ok(0);
-        }, 'expected 0 to be truthy');
-
-        err(() => {
-            assert.ok('');
-        }, 'expected \'\' to be truthy');
-    });
-
-    test('notOk', () => {
-        assert.notOk(false);
-        assert.notOk(0);
-        assert.notOk('');
-        assert.isNotOk(false);
-        assert.isNotOk(0);
-        assert.isNotOk('');
-
-        err(() => {
-            assert.notOk(true);
-        }, 'expected true to be falsy');
-
-        err(() => {
-            assert.notOk(1);
-        }, 'expected 1 to be falsy');
-
-        err(() => {
-            assert.notOk('test');
-        }, 'expected \'test\' to be falsy');
-    });
-
-    test('isFalse', () => {
-        assert.isFalse(false);
-
-        err(() => {
-            assert.isFalse(true);
-        }, 'expected true to be false');
-
-        err(() => {
-            assert.isFalse(0);
-        }, 'expected 0 to be false');
-    });
-
-    test('equal', () => {
-        assert.equal(void (0), undefined);
-    });
-
-    test('typeof / notTypeOf', () => {
-        assert.typeOf('test', 'string');
-        assert.typeOf(true, 'boolean');
-        assert.typeOf(5, 'number');
-
-        err(() => {
-            assert.typeOf(5, 'string');
-        }, 'expected 5 to be a string');
-
-    });
-
-    test('notTypeOf', () => {
-        assert.notTypeOf('test', 'number');
-
-        err(() => {
-            assert.notTypeOf(5, 'number');
-        }, 'expected 5 not to be a number');
-    });
-
-    test('instanceOf', () => {
-        assert.instanceOf(new Foo(), Foo);
-
-        err(() => {
-            assert.instanceOf(5, Foo);
-        }, 'expected 5 to be an instance of Foo');
-        assert.instanceOf(new CrashyObject(), CrashyObject);
-    });
-
-    test('notInstanceOf', () => {
-        assert.notInstanceOf(new Foo(), String);
-
-        err(() => {
-            assert.notInstanceOf(new Foo(), Foo);
-        }, 'expected {} to not be an instance of Foo');
-    });
-
-    test('isObject', () => {
-        assert.isObject({});
-        assert.isObject(new Foo());
-
-        err(() => {
-            assert.isObject(true);
-        }, 'expected true to be an object');
-
-        err(() => {
-            assert.isObject(Foo);
-        }, 'expected [Function: Foo] to be an object');
-
-        err(() => {
-            assert.isObject('foo');
-        }, 'expected \'foo\' to be an object');
-    });
-
-    test('isNotObject', () => {
-        assert.isNotObject(5);
-
-        err(() => {
-            assert.isNotObject({});
-        }, 'expected {} not to be an object');
-    });
-
-    test('notEqual', () => {
-        assert.notEqual(3, 4);
-
-        err(() => {
-            assert.notEqual(5, 5);
-        }, 'expected 5 to not equal 5');
-    });
-
-    test('strictEqual', () => {
-        assert.strictEqual('foo', 'foo');
-
-        err(() => {
-            assert.strictEqual('5', 5);
-        }, 'expected \'5\' to equal 5');
-    });
-
-    test('notStrictEqual', () => {
-        assert.notStrictEqual(5, '5');
-
-        err(() => {
-            assert.notStrictEqual(5, 5);
-        }, 'expected 5 to not equal 5');
-    });
-
-    test('deepEqual', () => {
-        assert.deepEqual({ tea: 'chai' }, { tea: 'chai' });
-
-        err(() => {
-            assert.deepEqual({ tea: 'chai' }, { tea: 'black' });
-        }, 'expected { tea: \'chai\' } to deeply equal { tea: \'black\' }');
-
-        var obja = Object.create({ tea: 'chai' })
-            , objb = Object.create({ tea: 'chai' });
-
-        assert.deepEqual(obja, objb);
-
-        var obj1 = Object.create({ tea: 'chai' })
-            , obj2 = Object.create({ tea: 'black' });
-
-        err(() => {
-            assert.deepEqual(obj1, obj2);
-        }, 'expected { tea: \'chai\' } to deeply equal { tea: \'black\' }');
-    });
-
-    test('deepEqual (ordering)', () => {
-        var a = { a: 'b', c: 'd' }
-            , b = { c: 'd', a: 'b' };
-        assert.deepEqual(a, b);
-    });
-
-    test('deepEqual (circular)', () => {
-        var circularObject: any = {}
-            , secondCircularObject: any = {};
-        circularObject.field = circularObject;
-        secondCircularObject.field = secondCircularObject;
-
-        assert.deepEqual(circularObject, secondCircularObject);
-
-        err(() => {
-            secondCircularObject.field2 = secondCircularObject;
-            assert.deepEqual(circularObject, secondCircularObject);
-        }, 'expected { field: [Circular] } to deeply equal { Object (field, field2) }');
-    });
-
-    test('notDeepEqual', () => {
-        assert.notDeepEqual({ tea: 'jasmine' }, { tea: 'chai' });
-        err(() => {
-            assert.notDeepEqual({ tea: 'chai' }, { tea: 'chai' });
-        }, 'expected { tea: \'chai\' } to not deeply equal { tea: \'chai\' }');
-    });
-
-    test('notDeepEqual (circular)', () => {
-        var circularObject: any = {}
-            , secondCircularObject: any = { tea: 'jasmine' };
-        circularObject.field = circularObject;
-        secondCircularObject.field = secondCircularObject;
-
-        assert.notDeepEqual(circularObject, secondCircularObject);
-
-        err(() => {
-            delete secondCircularObject.tea;
-            assert.notDeepEqual(circularObject, secondCircularObject);
-        }, 'expected { field: [Circular] } to not deeply equal { field: [Circular] }');
-    });
-
-    test('isNull', () => {
-        assert.isNull(null);
-
-        err(() => {
-            assert.isNull(undefined);
-        }, 'expected undefined to equal null');
-    });
-
-    test('isNotNull', () => {
-        assert.isNotNull(undefined);
-
-        err(() => {
-            assert.isNotNull(null);
-        }, 'expected null to not equal null');
-    });
-
-    test('isUndefined', () => {
-        assert.isUndefined(undefined);
-
-        err(() => {
-            assert.isUndefined(null);
-        }, 'expected null to equal undefined');
-    });
-
-    test('isDefined', () => {
-        assert.isDefined(null);
-
-        err(() => {
-            assert.isDefined(undefined);
-        }, 'expected undefined to not equal undefined');
-    });
-
-    test('isNaN', () => {
-        assert.isNaN(NaN);
-
-        err(() => {
-            assert.isNaN(12);
-        }, 'expected 12 to be NaN');
-    });
-
-    test('isNotNaN', () => {
-        assert.isNotNaN(12);
-
-        err(() => {
-            assert.isNotNaN(NaN);
-        }, 'expected NaN to not NaN');
-    });
-
-    test('isFunction', () => {
-        var func = () => {
-        };
-        assert.isFunction(func);
-
-        err(() => {
-            assert.isFunction({});
-        }, 'expected {} to be a function');
-    });
-
-    test('isNotFunction', () => {
-        assert.isNotFunction(5);
-
-        err(() => {
-            assert.isNotFunction(() => {
-            });
-        }, 'expected [Function] not to be a function');
-    });
-
-    test('isArray', () => {
-        assert.isArray([]);
-        assert.isArray(new Array<any>());
-
-        err(() => {
-            assert.isArray({});
-        }, 'expected {} to be an array');
-    });
-
-    test('isNotArray', () => {
-        assert.isNotArray(3);
-
-        err(() => {
-            assert.isNotArray([]);
-        }, 'expected [] not to be an array');
-
-        err(() => {
-            assert.isNotArray(new Array<any>());
-        }, 'expected [] not to be an array');
-    });
-
-    test('isString', () => {
-        assert.isString('Foo');
-        assert.isString(new String('foo'));
-
-        err(() => {
-            assert.isString(1);
-        }, 'expected 1 to be a string');
-    });
-
-    test('isNotString', () => {
-        assert.isNotString(3);
-        assert.isNotString(['hello']);
-
-        err(() => {
-            assert.isNotString('hello');
-        }, 'expected \'hello\' not to be a string');
-    });
-
-    test('isNumber', () => {
-        assert.isNumber(1);
-        assert.isNumber(Number('3'));
-
-        err(() => {
-            assert.isNumber('1');
-        }, 'expected \'1\' to be a number');
-    });
-
-    test('isNotNumber', () => {
-        assert.isNotNumber('hello');
-        assert.isNotNumber([5]);
-
-        err(() => {
-            assert.isNotNumber(4);
-        }, 'expected 4 not to be a number');
-    });
-
-    test('isBoolean', () => {
-        assert.isBoolean(true);
-        assert.isBoolean(false);
-
-        err(() => {
-            assert.isBoolean('1');
-        }, 'expected \'1\' to be a boolean');
-    });
-
-    test('isNotBoolean', () => {
-        assert.isNotBoolean('true');
-
-        err(() => {
-            assert.isNotBoolean(true);
-        }, 'expected true not to be a boolean');
-
-        err(() => {
-            assert.isNotBoolean(false);
-        }, 'expected false not to be a boolean');
-    });
-
-    test('include', () => {
-        assert.include('foobar', 'bar');
-        assert.include([1, 2, 3], 3);
-
-        err(() => {
-            assert.include('foobar', 'baz');
-        }, 'expected \'foobar\' to contain \'baz\'');
-
-        err(() => {
-            assert.include(undefined, 'bar');
-        }, 'expected an array or string');
-    });
-
-    test('notInclude', () => {
-        assert.notInclude('foobar', 'baz');
-        assert.notInclude([1, 2, 3], 4);
-
-        err(() => {
-            assert.notInclude('foobar', 'bar');
-        }, 'expected \'foobar\' to not contain \'bar\'');
-
-        err(() => {
-            assert.notInclude(undefined, 'bar');
-        }, 'expected an array or string');
-    });
-
-    test('lengthOf', () => {
-        assert.lengthOf([1, 2, 3], 3);
-        assert.lengthOf('foobar', 6);
-
-        err(() => {
-            assert.lengthOf('foobar', 5);
-        }, 'expected \'foobar\' to have a length of 5 but got 6');
-
-        err(() => {
-            assert.lengthOf(1, 5);
-        }, 'expected 1 to have a property \'length\'');
-    });
-
-    test('match', () => {
-        assert.match('foobar', /^foo/);
-        assert.notMatch('foobar', /^bar/);
-
-        err(() => {
-            assert.match('foobar', /^bar/i);
-        }, 'expected \'foobar\' to match /^bar/i');
-
-        err(() => {
-            assert.notMatch('foobar', /^foo/i);
-        }, 'expected \'foobar\' not to match /^foo/i');
-    });
-
-    test('property', () => {
-        var obj = { foo: { bar: 'baz' } };
-        var simpleObj = { foo: 'bar' };
-        assert.property(obj, 'foo');
-        assert.deepProperty(obj, 'foo.bar');
-        assert.notProperty(obj, 'baz');
-        assert.notProperty(obj, 'foo.bar');
-        assert.notDeepProperty(obj, 'foo.baz');
-        assert.deepPropertyVal(obj, 'foo.bar', 'baz');
-        assert.deepPropertyNotVal(obj, 'foo.bar', 'flow');
-
-        err(() => {
-            assert.property(obj, 'baz');
-        }, 'expected { foo: { bar: \'baz\' } } to have a property \'baz\'');
-
-        err(() => {
-            assert.deepProperty(obj, 'foo.baz');
-        }, 'expected { foo: { bar: \'baz\' } } to have a deep property \'foo.baz\'');
-
-        err(() => {
-            assert.notProperty(obj, 'foo');
-        }, 'expected { foo: { bar: \'baz\' } } to not have property \'foo\'');
-
-        err(() => {
-            assert.notDeepProperty(obj, 'foo.bar');
-        }, 'expected { foo: { bar: \'baz\' } } to not have deep property \'foo.bar\'');
-
-        err(() => {
-            assert.propertyVal(simpleObj, 'foo', 'ball');
-        }, 'expected { foo: \'bar\' } to have a property \'foo\' of \'ball\', but got \'bar\'');
-
-        err(() => {
-            assert.deepPropertyVal(obj, 'foo.bar', 'ball');
-        }, 'expected { foo: { bar: \'baz\' } } to have a deep property \'foo.bar\' of \'ball\', but got \'baz\'');
-
-        err(() => {
-            assert.propertyNotVal(simpleObj, 'foo', 'bar');
-        }, 'expected { foo: \'bar\' } to not have a property \'foo\' of \'bar\'');
-
-        err(() => {
-            assert.deepPropertyNotVal(obj, 'foo.bar', 'baz');
-        }, 'expected { foo: { bar: \'baz\' } } to not have a deep property \'foo.bar\' of \'baz\'');
-    });
-
-    test('throws', () => {
-        assert.throws(() => {
-            throw new Error('foo');
-        });
-        assert.throws(() => {
-            throw new Error('bar');
-        }, 'bar');
-        assert.throws(() => {
-            throw new Error('bar');
-        }, /bar/);
-        assert.throws(() => {
-            throw new Error('bar');
-        }, Error);
-        assert.throws(() => {
-            throw new Error('bar');
-        }, Error, 'bar');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('foo');
-            }, TypeError);
-        }, 'expected [Function] to throw \'TypeError\' but [Error: foo] was thrown');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('foo');
-            }, 'bar');
-        }, 'expected [Function] to throw error including \'bar\' but got \'foo\'');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('foo');
-            }, Error, 'bar');
-        }, 'expected [Function] to throw error including \'bar\' but got \'foo\'');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('foo');
-            }, TypeError, 'bar');
-        }, 'expected [Function] to throw \'TypeError\' but [Error: foo] was thrown');
-
-        err(() => {
-            assert.throws(() => {
-            });
-        }, 'expected [Function] to throw an error');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('');
-            }, 'bar');
-        }, 'expected [Function] to throw error including \'bar\' but got \'\'');
-
-        err(() => {
-            assert.throws(() => {
-                throw new Error('');
-            }, /bar/);
-        }, 'expected [Function] to throw error matching /bar/ but got \'\'');
-    });
-
-    test('doesNotThrow', () => {
-        assert.doesNotThrow(() => {
-        });
-        assert.doesNotThrow(() => {
-        }, 'foo');
-
-        err(() => {
-            assert.doesNotThrow(() => {
-                throw new Error('foo');
-            });
-        }, 'expected [Function] to not throw an error but [Error: foo] was thrown');
-    });
-
-    test('ifError', () => {
-        assert.ifError(false);
-        assert.ifError(null);
-        assert.ifError(undefined);
-
-        err(() => {
-            assert.ifError('foo');
-        }, 'expected \'foo\' to be falsy');
-    });
-
-    test('operator', () => {
-        assert.operator(1, '<', 2);
-        assert.operator(2, '>', 1);
-        assert.operator(1, '==', 1);
-        assert.operator(1, '<=', 1);
-        assert.operator(1, '>=', 1);
-        assert.operator(1, '!=', 2);
-        assert.operator(1, '!==', 2);
-
-        err(() => {
-            assert.operator(1, '=', 2);
-        }, 'Invalid operator "="');
-
-        err(() => {
-            assert.operator(2, '<', 1);
-        }, 'expected 2 to be < 1');
-
-        err(() => {
-            assert.operator(1, '>', 2);
-        }, 'expected 1 to be > 2');
-
-        err(() => {
-            assert.operator(1, '==', 2);
-        }, 'expected 1 to be == 2');
-
-        err(() => {
-            assert.operator(2, '<=', 1);
-        }, 'expected 2 to be <= 1');
-
-        err(() => {
-            assert.operator(1, '>=', 2);
-        }, 'expected 1 to be >= 2');
-
-        err(() => {
-            assert.operator(1, '!=', 1);
-        }, 'expected 1 to be != 1');
-
-        err(() => {
-            assert.operator(1, '!==', '1');
-        }, 'expected 1 to be !== \'1\'');
-    });
-
-    test('closeTo', () => {
-        assert.closeTo(1.5, 1.0, 0.5);
-        assert.closeTo(10, 20, 20);
-        assert.closeTo(-10, 20, 30);
-
-        err(() => {
-            assert.closeTo(2, 1.0, 0.5);
-        }, 'expected 2 to be close to 1 +/- 0.5');
-
-        err(() => {
-            assert.closeTo(-10, 20, 29);
-        }, 'expected -10 to be close to 20 +/- 29');
-    });
-
-    test('members', () => {
-        assert.includeMembers([1, 2, 3], [2, 3]);
-        assert.includeMembers([1, 2, 3], []);
-        assert.includeMembers([1, 2, 3], [3]);
-
-        err(() => {
-            assert.includeMembers([5, 6], [7, 8]);
-        }, 'expected [ 5, 6 ] to be a superset of [ 7, 8 ]');
-
-        err(() => {
-            assert.includeMembers([5, 6], [5, 6, 0]);
-        }, 'expected [ 5, 6 ] to be a superset of [ 5, 6, 0 ]');
-    });
-
-    test('memberEquals', () => {
-        assert.sameMembers([], []);
-        assert.sameMembers([1, 2, 3], [3, 2, 1]);
-        assert.sameMembers([4, 2], [4, 2]);
-
-        err(() => {
-            assert.sameMembers([], [1, 2]);
-        }, 'expected [] to have the same members as [ 1, 2 ]');
-
-        err(() => {
-            assert.sameMembers([1, 54], [6, 1, 54]);
-        }, 'expected [ 1, 54 ] to have the same members as [ 6, 1, 54 ]');
-    });
-
-
-    test('isAbove', () => {
-        assert.isAbove(10, 5);
-
-        err(() => {
-            assert.isAbove(1, 5);
-        }, 'expected 1 to be above 5');
-        err(() => {
-            assert.isAbove(5, 5);
-        }, 'expected 5 to be above 5');
-    });
-
-    test('isBelow', () => {
-        assert.isBelow(5, 10);
-
-        err(() => {
-            assert.isBelow(5, 1);
-        }, 'expected 5 to be above 1');
-        err(() => {
-            assert.isBelow(5, 5);
-        }, 'expected 5 to be below 5');
-    });
-
-    test('isAtLeast', () => {
-        assert.isAtLeast(5, 3);
-        assert.isAtLeast(5, 5);
-
-        err(() => {
-            assert.isAtLeast(3, 5);
-        }, 'expected 3 to be greater than or equal to 5');
-    });
-
-    test('isAtMost', () => {
-        assert.isAtMost(3, 5);
-        assert.isAtMost(5, 5);
-
-        err(() => {
-            assert.isAtMost(5, 3);
-        }, 'expected 5 to be less than or equal to 3');
-    });
-
-    test('extensible', () => { assert.extensible({}); });
-    test('isExtensible', () => { assert.isExtensible({}); });
-    test('notExtensible', () => { assert.notExtensible(Object.preventExtensions({})); });
-    test('isNotExtensible', () => { assert.isNotExtensible(Object.preventExtensions({})); });
-
-    test('sealed', () => { assert.sealed(Object.seal({})); });
-    test('isSealed', () => { assert.isSealed(Object.seal({})); });
-    test('notSealed', () => { assert.notSealed({}); });
-    test('isNotSealed', () => { assert.isNotSealed({}); });
-
-    test('frozen', () => { assert.frozen(Object.freeze({})); });
-    test('isFrozen', () => { assert.isFrozen(Object.freeze({})); });
-    test('notFrozen', () => { assert.notFrozen({}); });
-    test('isNotFrozen', () => { assert.isNotFrozen({}); });
-
-});
diff --git a/chai/chai-3.2.0.d.ts b/chai/chai-3.2.0.d.ts
deleted file mode 100644
index 7e4e1a1ff4..0000000000
--- a/chai/chai-3.2.0.d.ts
+++ /dev/null
@@ -1,391 +0,0 @@
-// Type definitions for chai 3.2.0
-// Project: http://chaijs.com/
-// Definitions by: Jed Mao <https://github.com/jedmao/>,
-//                 Bart van der Schoor <https://github.com/Bartvds>,
-//                 Andrew Brown <https://github.com/AGBrown>,
-//                 Olivier Chevet <https://github.com/olivr70>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// <reference types="assertion-error"/>
-
-declare namespace Chai {
-
-    interface ChaiStatic {
-        expect: ExpectStatic;
-        should(): Should;
-        /**
-         * Provides a way to extend the internals of Chai
-         */
-        use(fn: (chai: any, utils: any) => void): any;
-        assert: AssertStatic;
-        config: Config;
-        AssertionError: typeof AssertionError;
-    }
-
-    export interface ExpectStatic extends AssertionStatic {
-        fail(actual?: any, expected?: any, message?: string, operator?: string): void;
-    }
-
-    export interface AssertStatic extends Assert {
-    }
-
-    export interface AssertionStatic {
-        (target: any, message?: string): Assertion;
-    }
-
-    interface ShouldAssertion {
-        equal(value1: any, value2: any, message?: string): void;
-        Throw: ShouldThrow;
-        throw: ShouldThrow;
-        exist(value: any, message?: string): void;
-    }
-
-    interface Should extends ShouldAssertion {
-        not: ShouldAssertion;
-        fail(actual: any, expected: any, message?: string, operator?: string): void;
-    }
-
-    interface ShouldThrow {
-        (actual: Function): void;
-        (actual: Function, expected: string|RegExp, message?: string): void;
-        (actual: Function, constructor: Error|Function, expected?: string|RegExp, message?: string): void;
-    }
-
-    interface Assertion extends LanguageChains, NumericComparison, TypeComparison {
-        not: Assertion;
-        deep: Deep;
-        any: KeyFilter;
-        all: KeyFilter;
-        a: TypeComparison;
-        an: TypeComparison;
-        include: Include;
-        includes: Include;
-        contain: Include;
-        contains: Include;
-        ok: Assertion;
-        true: Assertion;
-        false: Assertion;
-        null: Assertion;
-        undefined: Assertion;
-        NaN: Assertion;
-        exist: Assertion;
-        empty: Assertion;
-        arguments: Assertion;
-        Arguments: Assertion;
-        equal: Equal;
-        equals: Equal;
-        eq: Equal;
-        eql: Equal;
-        eqls: Equal;
-        property: Property;
-        ownProperty: OwnProperty;
-        haveOwnProperty: OwnProperty;
-        ownPropertyDescriptor: OwnPropertyDescriptor;
-        haveOwnPropertyDescriptor: OwnPropertyDescriptor;
-        length: Length;
-        lengthOf: Length;
-        match: Match;
-        matches: Match;
-        string(string: string, message?: string): Assertion;
-        keys: Keys;
-        key(string: string): Assertion;
-        throw: Throw;
-        throws: Throw;
-        Throw: Throw;
-        respondTo: RespondTo;
-        respondsTo: RespondTo;
-        itself: Assertion;
-        satisfy: Satisfy;
-        satisfies: Satisfy;
-        closeTo(expected: number, delta: number, message?: string): Assertion;
-        members: Members;
-        increase: PropertyChange;
-        increases: PropertyChange;
-        decrease: PropertyChange;
-        decreases: PropertyChange;
-        change: PropertyChange;
-        changes: PropertyChange;
-        extensible: Assertion;
-        sealed: Assertion;
-        frozen: Assertion;
-
-    }
-
-    interface LanguageChains {
-        to: Assertion;
-        be: Assertion;
-        been: Assertion;
-        is: Assertion;
-        that: Assertion;
-        which: Assertion;
-        and: Assertion;
-        has: Assertion;
-        have: Assertion;
-        with: Assertion;
-        at: Assertion;
-        of: Assertion;
-        same: Assertion;
-    }
-
-    interface NumericComparison {
-        above: NumberComparer;
-        gt: NumberComparer;
-        greaterThan: NumberComparer;
-        least: NumberComparer;
-        gte: NumberComparer;
-        below: NumberComparer;
-        lt: NumberComparer;
-        lessThan: NumberComparer;
-        most: NumberComparer;
-        lte: NumberComparer;
-        within(start: number, finish: number, message?: string): Assertion;
-    }
-
-    interface NumberComparer {
-        (value: number, message?: string): Assertion;
-    }
-
-    interface TypeComparison {
-        (type: string, message?: string): Assertion;
-        instanceof: InstanceOf;
-        instanceOf: InstanceOf;
-    }
-
-    interface InstanceOf {
-        (constructor: Object, message?: string): Assertion;
-    }
-
-    interface Deep {
-        equal: Equal;
-        include: Include;
-        property: Property;
-        members: Members;
-    }
-
-    interface KeyFilter {
-        keys: Keys;
-    }
-
-    interface Equal {
-        (value: any, message?: string): Assertion;
-    }
-
-    interface Property {
-        (name: string, value?: any, message?: string): Assertion;
-    }
-
-    interface OwnProperty {
-        (name: string, message?: string): Assertion;
-    }
-
-    interface OwnPropertyDescriptor {
-        (name: string, descriptor: PropertyDescriptor, message?: string): Assertion;
-        (name: string, message?: string): Assertion;
-    }
-
-    interface Length extends LanguageChains, NumericComparison {
-        (length: number, message?: string): Assertion;
-    }
-
-    interface Include {
-        (value: Object, message?: string): Assertion;
-        (value: string, message?: string): Assertion;
-        (value: number, message?: string): Assertion;
-        keys: Keys;
-        members: Members;
-        any: KeyFilter;
-        all: KeyFilter;
-    }
-
-    interface Match {
-        (regexp: RegExp|string, message?: string): Assertion;
-    }
-
-    interface Keys {
-        (...keys: string[]): Assertion;
-        (keys: any[]): Assertion;
-        (keys: Object): Assertion;
-    }
-
-    interface Throw {
-        (): Assertion;
-        (expected: string, message?: string): Assertion;
-        (expected: RegExp, message?: string): Assertion;
-        (constructor: Error, expected?: string, message?: string): Assertion;
-        (constructor: Error, expected?: RegExp, message?: string): Assertion;
-        (constructor: Function, expected?: string, message?: string): Assertion;
-        (constructor: Function, expected?: RegExp, message?: string): Assertion;
-    }
-
-    interface RespondTo {
-        (method: string, message?: string): Assertion;
-    }
-
-    interface Satisfy {
-        (matcher: Function, message?: string): Assertion;
-    }
-
-    interface Members {
-        (set: any[], message?: string): Assertion;
-    }
-
-    interface PropertyChange {
-        (object: Object, prop: string, msg?: string): Assertion;
-    }
-
-    export interface Assert {
-        /**
-         * @param expression Expression to test for truthiness.
-         * @param message Message to display on error.
-         */
-        (expression: any, message?: string): void;
-
-        fail(actual?: any, expected?: any, msg?: string, operator?: string): void;
-
-        ok(val: any, msg?: string): void;
-        isOk(val: any, msg?: string): void;
-        notOk(val: any, msg?: string): void;
-        isNotOk(val: any, msg?: string): void;
-
-        equal(act: any, exp: any, msg?: string): void;
-        notEqual(act: any, exp: any, msg?: string): void;
-
-        strictEqual(act: any, exp: any, msg?: string): void;
-        notStrictEqual(act: any, exp: any, msg?: string): void;
-
-        deepEqual(act: any, exp: any, msg?: string): void;
-        notDeepEqual(act: any, exp: any, msg?: string): void;
-
-        isTrue(val: any, msg?: string): void;
-        isFalse(val: any, msg?: string): void;
-
-        isNull(val: any, msg?: string): void;
-        isNotNull(val: any, msg?: string): void;
-
-        isUndefined(val: any, msg?: string): void;
-        isDefined(val: any, msg?: string): void;
-
-        isNaN(val: any, msg?: string): void;
-        isNotNaN(val: any, msg?: string): void;
-
-        isAbove(val: number, abv: number, msg?: string): void;
-        isBelow(val: number, blw: number, msg?: string): void;
-
-        isAtMost(val: number, atmst: number, msg?: string): void;
-        isAtLeast(val: number, atlst: number, msg?: string): void;
-
-        isFunction(val: any, msg?: string): void;
-        isNotFunction(val: any, msg?: string): void;
-
-        isObject(val: any, msg?: string): void;
-        isNotObject(val: any, msg?: string): void;
-
-        isArray(val: any, msg?: string): void;
-        isNotArray(val: any, msg?: string): void;
-
-        isString(val: any, msg?: string): void;
-        isNotString(val: any, msg?: string): void;
-
-        isNumber(val: any, msg?: string): void;
-        isNotNumber(val: any, msg?: string): void;
-
-        isBoolean(val: any, msg?: string): void;
-        isNotBoolean(val: any, msg?: string): void;
-
-        typeOf(val: any, type: string, msg?: string): void;
-        notTypeOf(val: any, type: string, msg?: string): void;
-
-        instanceOf(val: any, type: Function, msg?: string): void;
-        notInstanceOf(val: any, type: Function, msg?: string): void;
-
-        include(exp: string, inc: any, msg?: string): void;
-        include(exp: any[], inc: any, msg?: string): void;
-
-        notInclude(exp: string, inc: any, msg?: string): void;
-        notInclude(exp: any[], inc: any, msg?: string): void;
-
-        match(exp: any, re: RegExp, msg?: string): void;
-        notMatch(exp: any, re: RegExp, msg?: string): void;
-
-        property(obj: Object, prop: string, msg?: string): void;
-        notProperty(obj: Object, prop: string, msg?: string): void;
-        deepProperty(obj: Object, prop: string, msg?: string): void;
-        notDeepProperty(obj: Object, prop: string, msg?: string): void;
-
-        propertyVal(obj: Object, prop: string, val: any, msg?: string): void;
-        propertyNotVal(obj: Object, prop: string, val: any, msg?: string): void;
-
-        deepPropertyVal(obj: Object, prop: string, val: any, msg?: string): void;
-        deepPropertyNotVal(obj: Object, prop: string, val: any, msg?: string): void;
-
-        lengthOf(exp: any, len: number, msg?: string): void;
-        //alias frenzy
-        throw(fn: Function, msg?: string): void;
-        throw(fn: Function, regExp: RegExp): void;
-        throw(fn: Function, errType: Function, msg?: string): void;
-        throw(fn: Function, errType: Function, regExp: RegExp): void;
-
-        throws(fn: Function, msg?: string): void;
-        throws(fn: Function, regExp: RegExp): void;
-        throws(fn: Function, errType: Function, msg?: string): void;
-        throws(fn: Function, errType: Function, regExp: RegExp): void;
-
-        Throw(fn: Function, msg?: string): void;
-        Throw(fn: Function, regExp: RegExp): void;
-        Throw(fn: Function, errType: Function, msg?: string): void;
-        Throw(fn: Function, errType: Function, regExp: RegExp): void;
-
-        doesNotThrow(fn: Function, msg?: string): void;
-        doesNotThrow(fn: Function, regExp: RegExp): void;
-        doesNotThrow(fn: Function, errType: Function, msg?: string): void;
-        doesNotThrow(fn: Function, errType: Function, regExp: RegExp): void;
-
-        operator(val: any, operator: string, val2: any, msg?: string): void;
-        closeTo(act: number, exp: number, delta: number, msg?: string): void;
-
-        sameMembers(set1: any[], set2: any[], msg?: string): void;
-        sameDeepMembers(set1: any[], set2: any[], msg?: string): void;
-        includeMembers(superset: any[], subset: any[], msg?: string): void;
-
-        ifError(val: any, msg?: string): void;
-
-        isExtensible(obj: {}, msg?: string): void;
-        extensible(obj: {}, msg?: string): void;
-        isNotExtensible(obj: {}, msg?: string): void;
-        notExtensible(obj: {}, msg?: string): void;
-
-        isSealed(obj: {}, msg?: string): void;
-        sealed(obj: {}, msg?: string): void;
-        isNotSealed(obj: {}, msg?: string): void;
-        notSealed(obj: {}, msg?: string): void;
-
-        isFrozen(obj: Object, msg?: string): void;
-        frozen(obj: Object, msg?: string): void;
-        isNotFrozen(obj: Object, msg?: string): void;
-        notFrozen(obj: Object, msg?: string): void;
-
-
-    }
-
-    export interface Config {
-        includeStack: boolean;
-    }
-
-    export class AssertionError {
-        constructor(message: string, _props?: any, ssf?: Function);
-        name: string;
-        message: string;
-        showDiff: boolean;
-        stack: string;
-    }
-}
-
-declare var chai: Chai.ChaiStatic;
-
-declare module "chai" {
-    export = chai;
-}
-
-interface Object {
-    should: Chai.Assertion;
-}
diff --git a/chai/chai-2.0.0.d.ts b/chai/v2/index.d.ts
similarity index 100%
rename from chai/chai-2.0.0.d.ts
rename to chai/v2/index.d.ts
diff --git a/chai/v2/tsconfig.json b/chai/v2/tsconfig.json
new file mode 100644
index 0000000000..4eb64088fc
--- /dev/null
+++ b/chai/v2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "chai": ["chai/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/chroma-js/chroma-js-0.5.6-tests.ts b/chroma-js/v0/chroma-js-tests.ts
similarity index 98%
rename from chroma-js/chroma-js-0.5.6-tests.ts
rename to chroma-js/v0/chroma-js-tests.ts
index cb8b593d26..88a917dff9 100644
--- a/chroma-js/chroma-js-0.5.6-tests.ts
+++ b/chroma-js/v0/chroma-js-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="chroma-js-0.5.6.d.ts" />
-
 function test_chroma() {
     chroma("red");
     chroma("#ff0000");
diff --git a/chroma-js/chroma-js-0.5.6.d.ts b/chroma-js/v0/index.d.ts
similarity index 100%
rename from chroma-js/chroma-js-0.5.6.d.ts
rename to chroma-js/v0/index.d.ts
diff --git a/chroma-js/v0/tsconfig.json b/chroma-js/v0/tsconfig.json
new file mode 100644
index 0000000000..f4be951841
--- /dev/null
+++ b/chroma-js/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "chroma-js": ["chroma-js/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "chroma-js-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/codemirror/codemirror-matchbrackets.d.ts b/codemirror/codemirror-matchbrackets.d.ts
index cfae62deac..0de44246df 100644
--- a/codemirror/codemirror-matchbrackets.d.ts
+++ b/codemirror/codemirror-matchbrackets.d.ts
@@ -5,7 +5,9 @@
 
 // See docs https://codemirror.net/doc/manual.html#addon_matchbrackets
 
-declare namespace CodeMirror {
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
     interface EditorConfiguration {
         //  when set to true, causes matching brackets to be highlighted whenever the cursor is next to them
         matchBrackets?: boolean;
diff --git a/codemirror/codemirror-runmode.d.ts b/codemirror/codemirror-runmode.d.ts
index 8c8e4fe7eb..2252eb9649 100644
--- a/codemirror/codemirror-runmode.d.ts
+++ b/codemirror/codemirror-runmode.d.ts
@@ -5,7 +5,9 @@
 
 // See docs https://codemirror.net/doc/manual.html#addon_runmode
 
-declare namespace CodeMirror {
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
 
     /**
      * Runs a CodeMirror mode over text without opening an editor instance.
diff --git a/codemirror/codemirror-showhint.d.ts b/codemirror/codemirror-showhint.d.ts
index e90c137117..72c34b6007 100644
--- a/codemirror/codemirror-showhint.d.ts
+++ b/codemirror/codemirror-showhint.d.ts
@@ -5,7 +5,9 @@
 
 // See docs https://codemirror.net/doc/manual.html#addon_show-hint
 
-declare namespace CodeMirror {
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
     var commands: any;
 
     /** Provides a framework for showing autocompletion hints. Defines editor.showHint, which takes an optional
diff --git a/codemirror/searchcursor.d.ts b/codemirror/searchcursor.d.ts
index fbf5e97965..45112b0f7e 100644
--- a/codemirror/searchcursor.d.ts
+++ b/codemirror/searchcursor.d.ts
@@ -3,7 +3,9 @@
 // Definitions by: jacqt <https://github.com/jacqt>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare namespace CodeMirror {
+import * as CodeMirror from "codemirror";
+
+declare module "codemirror" {
     interface Doc {
         /** This method can be used to implement search/replace functionality.
          *  `query`: This can be a regular * expression or a string (only strings will match across lines -
diff --git a/codemirror/tsconfig.json b/codemirror/tsconfig.json
index a2002ceec6..6b0d828cdc 100644
--- a/codemirror/tsconfig.json
+++ b/codemirror/tsconfig.json
@@ -15,6 +15,14 @@
     },
     "files": [
         "index.d.ts",
-        "codemirror-tests.ts"
+        "codemirror-tests.ts",
+        "codemirror-matchbrackets.d.ts",
+        "codemirror-matchbrackets-tests.ts",
+        "codemirror-runmode.d.ts",
+        "codemirror-runmode-tests.ts",
+        "codemirror-showhint.d.ts",
+        "codemirror-showhint-tests.ts",
+        "searchcursor.d.ts",
+        "searchcursor-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/color/color-tests-0.12.0.ts b/color/v0/color-tests.ts
similarity index 100%
rename from color/color-tests-0.12.0.ts
rename to color/v0/color-tests.ts
diff --git a/color/index-0.12.0.d.ts b/color/v0/index.d.ts
similarity index 100%
rename from color/index-0.12.0.d.ts
rename to color/v0/index.d.ts
diff --git a/xrm/v7.1/tsconfig.json b/color/v0/tsconfig.json
similarity index 69%
rename from xrm/v7.1/tsconfig.json
rename to color/v0/tsconfig.json
index ab52c3f626..c57fbb0ba1 100644
--- a/xrm/v7.1/tsconfig.json
+++ b/color/v0/tsconfig.json
@@ -1,20 +1,23 @@
 {
-    "files": [
-        "index.d.ts",
-        "xrm-v7.1-tests.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
         "noImplicitThis": true,
         "strictNullChecks": true,
-        "baseUrl": "../",
+        "baseUrl": "../../",
         "typeRoots": [
-            "../"
+            "../../"
         ],
         "types": [],
+        "paths": {
+            "color": ["color/v0"]
+        },
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "color-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/colors/tsconfig.json b/colors/tsconfig.json
index 203d97e2fa..b41138a449 100644
--- a/colors/tsconfig.json
+++ b/colors/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "colors-tests.ts"
+        "colors-tests.ts",
+        "safe.d.ts"
     ]
 }
\ No newline at end of file
diff --git a/connect-modrewrite/connect-modrewrite-tests.ts b/connect-modrewrite/connect-modrewrite-tests.ts
index 9a976cbf7b..d1a5709e11 100644
--- a/connect-modrewrite/connect-modrewrite-tests.ts
+++ b/connect-modrewrite/connect-modrewrite-tests.ts
@@ -1,6 +1,5 @@
-
 import modRewrite = require('connect-modrewrite');
-import express = require('../express');
+import express = require('express');
 
 var app = express();
 
diff --git a/cordova/.gitignore b/cordova/.gitignore
deleted file mode 100644
index 3be8493bd7..0000000000
--- a/cordova/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-cordova-tests.js
\ No newline at end of file
diff --git a/cryptojs/all-tests.ts b/cryptojs/all-tests.ts
deleted file mode 100644
index bd147a6aa6..0000000000
--- a/cryptojs/all-tests.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-/// <reference path="test/aes-profile-tests.ts" />
-/// <reference path="test/aes-tests.ts" />
-/// <reference path="test/des-profile-tests.ts" />
-/// <reference path="test/des-tests.ts" />
-/// <reference path="test/enc-base64-tests.ts" />
-/// <reference path="test/enc-hex-tests.ts" />
-/// <reference path="test/enc-latin1-tests.ts" />
-/// <reference path="test/enc-utf8-tests.ts" />
-/// <reference path="test/enc-utf16-tests.ts" />
-/// <reference path="test/evpkdf-profile-tests.ts" />
-/// <reference path="test/evpkdf-tests.ts" />
-/// <reference path="test/format-openssl-tests.ts" />
-/// <reference path="test/hmac-profile-tests.ts" />
-/// <reference path="test/hmac-tests.ts" />
-/// <reference path="test/kdf-openssl-tests.ts" />
-/// <reference path="test/lib-base-tests.ts" />
-/// <reference path="test/lib-cipherparams-tests.ts" />
-/// <reference path="test/lib-passwordbasedcipher-tests.ts" />
-/// <reference path="test/lib-serializablecipher-tests.ts" />
-/// <reference path="test/lib-typedarrays-tests.ts" />
-/// <reference path="test/lib-wordarray-tests.ts" />
-/// <reference path="test/md5-profile-tests.ts" />
-/// <reference path="test/md5-tests.ts" />
-/// <reference path="test/mode-cbc-tests.ts" />
-/// <reference path="test/mode-cfb-tests.ts" />
-/// <reference path="test/mode-ctr-tests.ts" />
-/// <reference path="test/mode-ecb-tests.ts" />
-/// <reference path="test/mode-ofb-tests.ts" />
-/// <reference path="test/pad-ansix923-tests.ts" />
-/// <reference path="test/pad-iso10126-tests.ts" />
-/// <reference path="test/pad-iso97971-tests.ts" />
-/// <reference path="test/pad-pkcs7-tests.ts" />
-/// <reference path="test/pad-zeropadding-tests.ts" />
-/// <reference path="test/pbkdf2-profile-tests.ts" />
-/// <reference path="test/pbkdf2-tests.ts" />
-/// <reference path="test/rabbit-legacy-tests.ts" />
-/// <reference path="test/rabbit-profile-tests.ts" />
-/// <reference path="test/rabbit-tests.ts" />
-/// <reference path="test/rc4-profile-tests.ts" />
-/// <reference path="test/rc4-tests.ts" />
-/// <reference path="test/ripemd160-tests.ts" />
-/// <reference path="test/sha1-profile-tests.ts" />
-/// <reference path="test/sha1-tests.ts" />
-/// <reference path="test/sha3-profile-tests.ts" />
-/// <reference path="test/sha3-tests.ts" />
-/// <reference path="test/sha224-tests.ts" />
-/// <reference path="test/sha256-profile-tests.ts" />
-/// <reference path="test/sha256-tests.ts" />
-/// <reference path="test/sha384-tests.ts" />
-/// <reference path="test/sha512-profile-tests.ts" />
-/// <reference path="test/sha512-tests.ts" />
-/// <reference path="test/tripledes-profile-tests.ts" />
-/// <reference path="test/tripledes-tests.ts" />
-/// <reference path="test/x64-word-tests.ts" />
-/// <reference path="test/x64-wordarray-tests.ts" />
diff --git a/cryptojs/tsconfig.json b/cryptojs/tsconfig.json
index 10bbd0e5f3..ffc46b0202 100644
--- a/cryptojs/tsconfig.json
+++ b/cryptojs/tsconfig.json
@@ -15,6 +15,60 @@
     },
     "files": [
         "index.d.ts",
-        "all-tests.ts"
+        "test/aes-profile-tests.ts",
+        "test/aes-tests.ts",
+        "test/des-profile-tests.ts",
+        "test/des-tests.ts",
+        "test/enc-base64-tests.ts",
+        "test/enc-hex-tests.ts",
+        "test/enc-latin1-tests.ts",
+        "test/enc-utf8-tests.ts",
+        "test/enc-utf16-tests.ts",
+        "test/evpkdf-profile-tests.ts",
+        "test/evpkdf-tests.ts",
+        "test/format-openssl-tests.ts",
+        "test/hmac-profile-tests.ts",
+        "test/hmac-tests.ts",
+        "test/kdf-openssl-tests.ts",
+        "test/lib-base-tests.ts",
+        "test/lib-cipherparams-tests.ts",
+        "test/lib-passwordbasedcipher-tests.ts",
+        "test/lib-serializablecipher-tests.ts",
+        "test/lib-typedarrays-tests.ts",
+        "test/lib-wordarray-tests.ts",
+        "test/md5-profile-tests.ts",
+        "test/md5-tests.ts",
+        "test/mode-cbc-tests.ts",
+        "test/mode-cfb-tests.ts",
+        "test/mode-ctr-tests.ts",
+        "test/mode-ecb-tests.ts",
+        "test/mode-ofb-tests.ts",
+        "test/pad-ansix923-tests.ts",
+        "test/pad-iso10126-tests.ts",
+        "test/pad-iso97971-tests.ts",
+        "test/pad-pkcs7-tests.ts",
+        "test/pad-zeropadding-tests.ts",
+        "test/pbkdf2-profile-tests.ts",
+        "test/pbkdf2-tests.ts",
+        "test/rabbit-legacy-tests.ts",
+        "test/rabbit-profile-tests.ts",
+        "test/rabbit-tests.ts",
+        "test/rc4-profile-tests.ts",
+        "test/rc4-tests.ts",
+        "test/ripemd160-tests.ts",
+        "test/sha1-profile-tests.ts",
+        "test/sha1-tests.ts",
+        "test/sha3-profile-tests.ts",
+        "test/sha3-tests.ts",
+        "test/sha224-tests.ts",
+        "test/sha256-profile-tests.ts",
+        "test/sha256-tests.ts",
+        "test/sha384-tests.ts",
+        "test/sha512-profile-tests.ts",
+        "test/sha512-tests.ts",
+        "test/tripledes-profile-tests.ts",
+        "test/tripledes-tests.ts",
+        "test/x64-word-tests.ts",
+        "test/x64-wordarray-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/cson/cson-test.cson b/cson/cson-test.cson
deleted file mode 100644
index a69eb2ef58..0000000000
--- a/cson/cson-test.cson
+++ /dev/null
@@ -1 +0,0 @@
-hello: 'world'
diff --git a/cson/cson-test.json b/cson/cson-test.json
deleted file mode 100644
index 56c8e28033..0000000000
--- a/cson/cson-test.json
+++ /dev/null
@@ -1 +0,0 @@
-{"hello": "world"}
diff --git a/d3-dsv/v0/index.d.ts b/d3-dsv/v0/index.d.ts
index ce39d46468..5547fccf6c 100644
--- a/d3-dsv/v0/index.d.ts
+++ b/d3-dsv/v0/index.d.ts
@@ -1,65 +1,68 @@
-// Type definitions for d3-dsv
+// Type definitions for d3-dsv 0.4
 // Project: https://www.npmjs.com/package/d3-dsv
 // Definitions by: Jason Swearingen <https://jasonswearingen.github.io>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
-	/** A parser and formatter for DSV (CSV and TSV) files.
-Extracted from D3. */
+/** A parser and formatter for DSV (CSV and TSV) files. Extracted from D3. */
 declare var loader: (
     /** the symbol used to seperate cells in the row.*/
     delimiter: string,
     /** example: "text/plain" */
-    encoding?: string) => _d3dsv.D3Dsv;
+    encoding?: string) => D3Dsv;
+
 export = loader;
 export as namespace d3_dsv;
 
-declare module _d3dsv {
-	/** A parser and formatter for DSV (CSV and TSV) files.
-Extracted from D3. */
-	export class D3Dsv {
-		/** Parses the specified string, which is the contents of a CSV file, returning an array of objects representing the parsed rows. 
-		The string is assumed to be RFC4180-compliant. 
-		Unlike the parseRows method, this method requires that the first line of the CSV file contains a comma-separated list of column names; 
-		these column names become the attributes on the returned objects. 
-		For example, consider the following CSV file:
+/** A parser and formatter for DSV (CSV and TSV) files. Extracted from D3. */
+interface D3Dsv {
+	/**
+	Parses the specified string, which is the contents of a CSV file, returning an array of objects representing the parsed rows.
+	The string is assumed to be RFC4180-compliant.
+	Unlike the parseRows method, this method requires that the first line of the CSV file contains a comma-separated list of column names;
+	these column names become the attributes on the returned objects.
+	For example, consider the following CSV file:
 
-Year,Make,Model,Length
-1997,Ford,E350,2.34
-2000,Mercury,Cougar,2.38
+	Year,Make,Model,Length
+	1997,Ford,E350,2.34
+	2000,Mercury,Cougar,2.38
 
-The resulting JavaScript array is:
+	The resulting JavaScript array is:
 
-[  {"Year": "1997", "Make": "Ford", "Model": "E350", "Length": "2.34"},
-  {"Year": "2000", "Make": "Mercury", "Model": "Cougar", "Length": "2.38"} ]
-		 */
-		public parse<TRow>(
-			table: string, 
-			/** coerce cells (strings) into different types or modify them. return null to strip this row from the output results. */
-			accessor?: (row: any) => TRow
-			): TRow[];
-		/** Parses the specified string, which is the contents of a CSV file, returning an array of arrays representing the parsed rows. The string is assumed to be RFC4180-compliant. Unlike the parse method, this method treats the header line as a standard row, and should be used whenever the CSV file does not contain a header. Each row is represented as an array rather than an object. Rows may have variable length. For example, consider the following CSV file:
+	[  {"Year": "1997", "Make": "Ford", "Model": "E350", "Length": "2.34"},
+	{"Year": "2000", "Make": "Mercury", "Model": "Cougar", "Length": "2.38"} ]
+	*/
+	parse<TRow>(
+		table: string,
+		/** coerce cells (strings) into different types or modify them. return null to strip this row from the output results. */
+		accessor?: (row: any) => TRow
+		): TRow[];
 
-1997,Ford,E350,2.34
-2000,Mercury,Cougar,2.38
-The resulting JavaScript array is:
+	/**
+	Parses the specified string, which is the contents of a CSV file, returning an array of arrays representing the parsed rows. The string is assumed to be RFC4180-compliant. Unlike the parse method, this method treats the header line as a standard row, and should be used whenever the CSV file does not contain a header. Each row is represented as an array rather than an object. Rows may have variable length. For example, consider the following CSV file:
 
-[  ["1997", "Ford", "E350", "2.34"],
-  ["2000", "Mercury", "Cougar", "2.38"] ]
-Note that the values themselves are always strings; they will not be automatically converted to numbers. See parse for details.*/
-		public parseRows<TRow>(
-			table: string,
-			/** coerce cells (strings) into different types or modify them. return null to strip this row from the output results.*/
-			accessor?: (row: string[]) => TRow
-			): TRow[];
-		/** Converts the specified array of rows into comma-separated values format, returning a string. This operation is the reverse of parse. Each row will be separated by a newline (\n), and each column within each row will be separated by a comma (,). Values that contain either commas, double-quotes (") or newlines will be escaped using double-quotes.
+	1997,Ford,E350,2.34
+	2000,Mercury,Cougar,2.38
+	The resulting JavaScript array is:
 
-Each row should be an object, and all object properties will be converted into fields. For greater control over which properties are converted, convert the rows into arrays containing only the properties that should be converted and use formatRows. */
-		public format(rows: any[]): string;
-		/** Converts the specified array of rows into comma-separated values format, returning a string. This operation is the reverse of parseRows. Each row will be separated by a newline (\n), and each column within each row will be separated by a comma (,). Values that contain either commas, double-quotes (") or newlines will be escaped using double-quotes. */
-		public formatRows(rows: any[]): string;
+	[  ["1997", "Ford", "E350", "2.34"],
+	["2000", "Mercury", "Cougar", "2.38"] ]
+	Note that the values themselves are always strings; they will not be automatically converted to numbers. See parse for details.
+	*/
+	parseRows<TRow>(
+		table: string,
+		/** coerce cells (strings) into different types or modify them. return null to strip this row from the output results.*/
+		accessor?: (row: string[]) => TRow
+		): TRow[];
 
+	/**
+	Converts the specified array of rows into comma-separated values format, returning a string. This operation is the reverse of parse. Each row will be separated by a newline (\n), and each column within each row will be separated by a comma (,). Values that contain either commas, double-quotes (") or newlines will be escaped using double-quotes.
 
-	}
+	Each row should be an object, and all object properties will be converted into fields. For greater control over which properties are converted, convert the rows into arrays containing only the properties that should be converted and use formatRows.
+	*/
+	format(rows: any[]): string;
 
-}
\ No newline at end of file
+	/**
+	 Converts the specified array of rows into comma-separated values format, returning a string. This operation is the reverse of parseRows. Each row will be separated by a newline (\n), and each column within each row will be separated by a comma (,). Values that contain either commas, double-quotes (") or newlines will be escaped using double-quotes.
+	*/
+	formatRows(rows: any[]): string;
+}
diff --git a/d3-dsv/v0/tsconfig.json b/d3-dsv/v0/tsconfig.json
new file mode 100644
index 0000000000..b0d37a9812
--- /dev/null
+++ b/d3-dsv/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "d3-dsv": ["d3-dsv/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "d3-dsv-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/d3-dsv/v0/tslint.json b/d3-dsv/v0/tslint.json
new file mode 100644
index 0000000000..06eb30c7b9
--- /dev/null
+++ b/d3-dsv/v0/tslint.json
@@ -0,0 +1 @@
+{ "extends": "../../tslint.json" }
\ No newline at end of file
diff --git a/d3-hexbin/d3-hexbin-test.ts b/d3-hexbin/d3-hexbin-tests.ts
similarity index 100%
rename from d3-hexbin/d3-hexbin-test.ts
rename to d3-hexbin/d3-hexbin-tests.ts
diff --git a/d3-hexbin/tsconfig.json b/d3-hexbin/tsconfig.json
index 5f13ea3dde..d90193a58d 100644
--- a/d3-hexbin/tsconfig.json
+++ b/d3-hexbin/tsconfig.json
@@ -15,6 +15,6 @@
   },
   "files": [
     "index.d.ts",
-    "d3-hexbin-test.ts"
+    "d3-hexbin-tests.ts"
   ]
 }
diff --git a/d3-request/tsconfig.json b/d3-request/tsconfig.json
index bbb77ee4e9..6014c45ff1 100644
--- a/d3-request/tsconfig.json
+++ b/d3-request/tsconfig.json
@@ -3,7 +3,7 @@
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
-        "noImplicitThis": true,
+        "noImplicitThis": false,
         "strictNullChecks": false,
         "baseUrl": "../",
         "typeRoots": [
diff --git a/d3/legacy/plugins/d3.superformula-tests.ts b/d3/legacy/plugins/d3.superformula-tests.ts
deleted file mode 100644
index 4515dd8d28..0000000000
--- a/d3/legacy/plugins/d3.superformula-tests.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import * as d3 from 'd3';
-
-function superformula() {
-    var size = 1000;
-
-    var x = d3.scale.ordinal()
-        .domain(d3.superformulaTypes)
-        .rangePoints([0, 960], 1);
-
-    var svg = d3.select("body").append("svg")
-        .attr("width", 960)
-        .attr("height", 500);
-
-    var small = d3.superformula<string>()
-        .type(function (d) { return d; } )
-        .size(size);
-
-    var big = d3.superformula()
-        .type("square")
-        .size(size * 50)
-        .segments(360);
-
-    svg.selectAll("a")
-        .data(d3.superformulaTypes)
-        .enter().append("a")
-        .attr("xlink:title", String)
-        .attr("transform", function (d, i) { return "translate(" + x(d) + ",40)"; } )
-        .append("path")
-        .attr("class", "small")
-        .attr("d", small)
-        .on("mousedown", function () { d3.select(this).style("fill", "aliceblue"); } )
-        .on("mouseup", function () { d3.select(this).style("fill", null); } )
-        .on("click", function (d) { d3.select(".big").transition().duration(500).attr("d", big.type(d)); } );
-
-    svg.append("path")
-        .attr("class", "big")
-        .attr("transform", "translate(450,250)")
-        .attr("d", big);
-}
diff --git a/d3/legacy/plugins/index.d.ts b/d3/legacy/plugins/index.d.ts
deleted file mode 100644
index 1e4727d3c7..0000000000
--- a/d3/legacy/plugins/index.d.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-// Type definitions for d3JS plugins
-// Project: http://d3js.org/
-// Definitions by: Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/* tslint:disable */
-
-import * as d3 from 'd3';
-
-declare module 'd3' {
-    export function superformula<T>(): Superformula<T>;
-
-    export namespace superformula {
-        interface Type {
-            m: number;
-            n1: number;
-            n2: number;
-            n3: number;
-            a: number;
-            b: number;
-        }
-    }
-
-    export interface Superformula<T> {
-        (datum: T, index: number): string;
-
-        type(): (datum: T, index: number) => string;
-        type(type: string): Superformula<T>;
-        type(type: (datum: T, index: number) => string): Superformula<T>;
-
-        size(): (datum: T, index: number) => number;
-        size(size: number): Superformula<T>;
-        size(size: (datum: T, index: number) => number): Superformula<T>;
-
-        segments(): (datum: T, index: number) => number;
-        segments(segments: number): Superformula<T>;
-        segments(segments: (datum: T, index: number) => number): Superformula<T>;
-
-        param(name: string): number;
-        param(name: string, value: number): Superformula<T>;
-    }
-
-    export var superformulaTypes: string[];
-}
diff --git a/d3/legacy/plugins/package.json b/d3/legacy/plugins/package.json
deleted file mode 100644
index 9996a98ea5..0000000000
--- a/d3/legacy/plugins/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "dependencies": {
-        "@types/d3": ">=3.5.36 <4.0.0"
-    }
-}
diff --git a/d3/d3-v3.5-tests.ts b/d3/v3/d3-tests.ts
similarity index 100%
rename from d3/d3-v3.5-tests.ts
rename to d3/v3/d3-tests.ts
diff --git a/d3/d3-v3.5.d.ts b/d3/v3/index.d.ts
similarity index 100%
rename from d3/d3-v3.5.d.ts
rename to d3/v3/index.d.ts
diff --git a/jasmine/legacy/tsconfig.json b/d3/v3/tsconfig.json
similarity index 55%
rename from jasmine/legacy/tsconfig.json
rename to d3/v3/tsconfig.json
index 989514403e..1401acf865 100644
--- a/jasmine/legacy/tsconfig.json
+++ b/d3/v3/tsconfig.json
@@ -3,15 +3,21 @@
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
+        "noImplicitThis": false,
         "strictNullChecks": false,
         "baseUrl": "../../",
-        "typeRoots": ["../../"],
+        "typeRoots": [
+            "../../"
+        ],
         "types": [],
+        "paths": {
+            "d3": ["d3/v3"]
+        },
         "noEmit": true,
-	"forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
-        "jasmine-1.3-tests.ts"
+        "d3-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/d3kit/d3kit-v1.1.0-tests.ts b/d3kit/v1/d3kit-tests.ts
similarity index 99%
rename from d3kit/d3kit-v1.1.0-tests.ts
rename to d3kit/v1/d3kit-tests.ts
index 5eab2a4e79..d49891822b 100644
--- a/d3kit/d3kit-v1.1.0-tests.ts
+++ b/d3kit/v1/d3kit-tests.ts
@@ -1,4 +1,3 @@
-/// <reference path="d3kit.d.ts" />
 /// <reference types="d3" />
 /// <reference types="mocha" />
 /// <reference types="chai" />
diff --git a/d3kit/d3kit-v1.1.0.d.ts b/d3kit/v1/index.d.ts
similarity index 98%
rename from d3kit/d3kit-v1.1.0.d.ts
rename to d3kit/v1/index.d.ts
index ef6405b04d..5da692ef1b 100644
--- a/d3kit/d3kit-v1.1.0.d.ts
+++ b/d3kit/v1/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Morgan Benton <https://github.com/morphatic/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="d3" />
+import * as d3 from "d3";
 
 declare namespace d3kit {
 
@@ -150,6 +150,5 @@ declare namespace d3kit {
 
 }
 
-declare module 'd3kit' {
-    export = d3kit;
-}
+export = d3kit;
+export as namespace d3kit;
diff --git a/d3kit/v1/tsconfig.json b/d3kit/v1/tsconfig.json
new file mode 100644
index 0000000000..870e3487a1
--- /dev/null
+++ b/d3kit/v1/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "d3": ["d3/v3"],
+            "d3kit": ["d3kit/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "d3kit-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/dc/dc-1.6.0.d.ts b/dc/dc-1.6.0.d.ts
deleted file mode 100644
index 9938d3bc45..0000000000
--- a/dc/dc-1.6.0.d.ts
+++ /dev/null
@@ -1,207 +0,0 @@
-// Type definitions for DCJS
-// Project: https://github.com/dc-js
-// Definitions by: hans windhoff <https://github.com/hansrwindhoff>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// this makes only sense together with d3 and crossfilter so you need the d3.d.ts and crossfilter.d.ts files
-
-///<reference types="d3" />
-///<reference types="crossfilter" />
-
-
-
-declare namespace dc {
-
-  // helper for get/set situation
-  interface IGetSet<T, V> {
-    (): T;
-    (t:T): V;
-  }
-export interface ILegendwidget {
-    x: IGetSet<number, number>;
-    y: IGetSet<number, number>;
-    gap: IGetSet<number, number>;
-    itemHeight: IGetSet<number, number>;
-    horizontal: IGetSet<boolean, boolean>;
-    legendWidth: IGetSet<number, number>;
-    itemWidth: IGetSet<number, number>;
-  }
-  export interface IBaseChart<T> {
-    width: IGetSet<number, T>;
-    height: IGetSet<number, T>;
-    minWidth: IGetSet<number, T>;
-    minHeight: IGetSet<number, T>;
-    dimension: IGetSet<any, T>;
-    group: IGetSet<any, T>; // not sure here
-    transitionDuration: IGetSet<number, T>;
-    colors: IGetSet<string[], T>;
-    keyAccessor: IGetSet<(d:any) => number, T>;
-    valueAccessor: IGetSet<(d:any) => number, T>;
-    label: IGetSet<(l:any) => string, T>;
-    renderLabel: IGetSet<boolean, T>;
-    renderlet: (fnctn: (t:T) => void) => T;
-    title: IGetSet<(t:string) => string, T>;
-    filter: IGetSet<any, T>;
-    filterAll: () => void;
-    expireCache: () => void;
-    legend: (l:ILegendwidget) => T;
-    chartID: () => number;
-    options: (o:Object)=>void ;
-    select: (selector: d3.Selection<any>) => d3.Selection<any>;
-    selectAll: (selector: d3.Selection<any>) => d3.Selection<any>;
-  }
-
-  export interface IEvents {
-    trigger(fnctn: () => void, delay?: number):void;
-  }
-
-  export var events: IEvents;
-
-  export interface IListener<T> {
-    on: {
-      (event: "preRender", fnctn: (c: T) => any): T;
-      (event: "postRender", fnctn: (c: T) => any): T;
-      (event: "preRedraw", fnctn: (c: T) => any): T;
-      (event: "postRedraw", fnctn: (c: T) => any): T;
-      (event: "filtered", fnctn: (c: T, filter: any) => any): T;
-      (event: "zoomed", fnctn: (c: T, filter: any) => any): T;
-      (event: string, fnctn: (c: T, ...args: any[]) => any): T;
-    };
-  }
-
-  export interface ImarginObj {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-
-  }
-
-  export interface IMarginable<T> {
-    margins: IGetSet<ImarginObj, T>;
-  }
-
-  // abstract interfaces
-  export interface IAbstractColorChart<T> {
-    colorDomain: IGetSet<number[], T>;
-  }
-  export interface IAbstractStackableChart<T> {
-    stack: (group: IChartGroup, name?:string, retriever?: (d:Object)=>number) => T;
-  }
-
-  export interface IAbstractCoordinateGridChart<T> {
-    x: IGetSet<any, T>;
-    y: IGetSet<any, T>;
-    elasticY: IGetSet<boolean, T>;
-    xAxis: IGetSet<d3.svg.Axis, T>;
-    yAxis: IGetSet<d3.svg.Axis, T>;
-    yAxisPadding: IGetSet<number, T>;
-    xAxisPadding: IGetSet<number, T>;
-    renderHorizontalGridLines: IGetSet<boolean, T>;
-
-  }
-
-  export interface IAbstractBubblechart<T> {
-    r: IGetSet<any, T>;
-    radiusValueAccessor: IGetSet<(d:any) => number, T>;
-  }
-
-
-
-  // function interfaces
-  export interface columnFunction {
-    (rowinfo:any): string;
-  }
-  export interface sortbyFunction {
-    (rowinfo:any): any;
-  }
-  export interface orderFunction {
-    <T>(a: T, b: T): number;
-  }
-
-
-  // chart interfaces
-
-
-  export interface IBubblechart extends
-  IBaseChart<IBubblechart>,
-  IAbstractColorChart<IBubblechart>,
-  IAbstractBubblechart<IBubblechart>,
-  IAbstractCoordinateGridChart<IBubblechart>,
-  IMarginable<IBubblechart>,
-  IListener<IBubblechart> {
-  }
-
-  export interface IPiechart extends
-  IBaseChart<IPiechart>,
-  IAbstractColorChart<IPiechart>,
-  IAbstractBubblechart<IPiechart>,
-  IAbstractCoordinateGridChart<IPiechart>,
-  IMarginable<IPiechart>,
-  IListener<IPiechart> {
-    radius: IGetSet<number, IPiechart>;
-    minAngleForLabel: IGetSet<number, IPiechart>;
-
-  }
-
-  export interface IBarchart extends
-  IBaseChart<IBarchart>,
-  IAbstractStackableChart<IBarchart>,
-  IAbstractCoordinateGridChart<IBarchart>,
-  IMarginable<IBarchart>,
-  IListener<IBarchart> {
-    centerBar: (b:boolean) => IBarchart;
-    gap: (gapBetweenBars: number) => IBarchart;
-  }
-
-  export interface ILinechart extends
-  IBaseChart<ILinechart>,
-  IAbstractStackableChart<ILinechart>,
-  IAbstractCoordinateGridChart<ILinechart>,
-  IMarginable<ILinechart>,
-  IListener<ILinechart> {
-  }
-
-
-  export interface IDatachart extends
-  IBaseChart<IDatachart>,
-  IAbstractStackableChart<IDatachart>,
-  IAbstractCoordinateGridChart<IDatachart>,
-  IMarginable<IDatachart>,
-  IListener<IDatachart> {
-    size: IGetSet<number, IDatachart>;
-    columns: IGetSet<columnFunction[], IDatachart>;
-    sortBy: IGetSet<sortbyFunction, IDatachart>;
-    order: IGetSet<orderFunction, IDatachart>;
-  }
-
-
-  export interface IRowchart extends
-  IBaseChart<IRowchart>,
-  IAbstractColorChart<IRowchart>,
-  IAbstractStackableChart<IRowchart>,
-  IAbstractCoordinateGridChart<IRowchart>,
-  IMarginable<IRowchart>,
-  IListener<IRowchart> {
-  }
-
-
-
-
-  // utilities
-  export interface IChartGroup { }
-
-  export function filterAll(chartGroup?: IChartGroup): void;
-  export function renderAll(chartGroup?: IChartGroup): void;
-  export function redrawAll(chartGroup?: IChartGroup): void;
-
-
-  export function bubbleChart(cssSel: string): IBubblechart;
-  export function pieChart(cssSel: string): IPiechart;
-  export function barChart(cssSel: string): IBarchart;
-  export function lineChart(cssSel: string): ILinechart;
-  export function dataTable(cssSel: string): IDatachart;
-  export function rowChart(cssSel: string): IRowchart;
-
-
-}
diff --git a/devextreme/devextreme-15.1.3.d.ts b/devextreme/devextreme-15.1.3.d.ts
deleted file mode 100644
index 432b6d4008..0000000000
--- a/devextreme/devextreme-15.1.3.d.ts
+++ /dev/null
@@ -1,6403 +0,0 @@
-// Type definitions for DevExtreme 15.1.3
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress  {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace, and a jQuery plugin and Knockout binding for the required component. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export module devices {
-        /** The device object defines the device on which the application is running. */
-        export interface Device {
-            /** Indicates whether or not the device platform is Android. */
-            android?: boolean;
-            /** Specifies the type of the device on which the application is running. */
-            deviceType?: string;
-            /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-            generic?: boolean;
-            /** Indicates whether or not the device platform is iOS. */
-            ios?: boolean;
-            /** Indicates whether or not the device type is 'phone'. */
-            phone?: boolean;
-            /** Specifies the platform of the device on which the application is running. */
-            platform?: string;
-            /** Indicates whether or not the device type is 'tablet'. */
-            tablet?: boolean;
-            /** Specifies an array with the major and minor versions of the device platform. */
-            version?: Array<number>;
-            /** Indicates whether or not the device platform is Windows8. */
-            win8?: boolean;
-            /** Specifies a performance grade of the current device. */
-            grade?: string;
-        }
-        export var orientationChanged: JQueryCallback;
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        export function current(deviceName: any): void;
-        /** Returns information about the current device. */
-        export function current(): Device;
-        /** Returns the current device orientation. */
-        export function orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        export function real(): Device;
-    }
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Sets one or more options of this component. */
-        option(options: Object): void;
-        /** Returns the configuration options of this component. */
-        option(): Object;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading the data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(obj?: {
-                filter?: Object;
-                select?: Object;
-                group?: Object;
-                sort?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-                interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: () => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: Object) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler for pressing of the specified key. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** @docid Editor */
-        export class Editor extends Widget {
-            /** @docid EditorMethods_reset */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-        /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-        export var utils: {
-            /** Sets parameters for the viewport meta tag. */
-            initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        };
-    }
-}
-declare namespace DevExpress.data  {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: number): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: number, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.framework  {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state.  */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands.  */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.ui  {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    /** A widget that displays required content in a resizable element. */
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask, which specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the default z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        bounds?: {
-            northEast?: {
-                lat?: number;
-                lng?: number;
-            };
-            southWest?: {
-                lat?: number;
-                lng?: number;
-            };
-            /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-            center?: {
-                /** The latitude location displayed in the center of the widget. */
-                lat?: number;
-                /** The longitude location displayed in the center of the widget. */
-                lng?: number;
-            };
-            /** A handler for the click event. */
-            onClick?: any;
-            clickAction?: any;
-            /** Specifies whether or not map widget controls are available. */
-            controls?: boolean;
-            /** Specifies the height of the widget. */
-            height?: number;
-            /** A key used to authenticate the application within the required map provider. */
-            key?: {
-                /** A key used to authenticate the application within the "Bing" map provider. */
-                bing?: string;
-                /** A key used to authenticate the application within the "Google" map provider. */
-                google?: string;
-                /** A key used to authenticate the application within the "Google Static" map provider. */
-                googleStatic?: string;
-            }
-            /** A handler for the markerAdded event. */
-            onMarkerAdded?: Function;
-            markerAddedAction?: Function;
-            /** A URL pointing to the custom icon to be used for map markers. */
-            markerIconSrc?: string;
-            /** A handler for the markerRemoved event. */
-            onMarkerRemoved?: Function;
-            markerRemovedAction?: Function;
-            /** An array of markers displayed on a map. */
-            markers?: Array<any>;
-            /** The name of the current map data provider. */
-            provider?: string;
-            /** A handler for the ready event. */
-            onReady?: Function;
-            readyAction?: Function;
-            /** A handler for the routeAdded event. */
-            onRouteAdded?: Function;
-            routeAddedAction?: Function;
-            /** A handler for the routeRemoved event. */
-            onRouteRemoved?: Function;
-            routeRemovedAction?: Function;
-            /** An array of routes shown on the map. */
-            routes?: Array<any>;
-            /** The type of a map to display. */
-            type?: string;
-            /** Specifies the width of the widget. */
-            width?: number;
-            /** The zoom level of the map. */
-            zoom?: number;
-            /** Adds a marker to the map. */
-            addMarker(markerOptions: Object): JQueryPromise<Object>;
-            /** Adds a route to the map. */
-            addRoute(options: Object): JQueryPromise<Object>;
-            /** Removes a marker from the map. */
-            removeMarker(marker: Object): JQueryPromise<void>;
-            /** Removes a route from the map. */
-            removeRoute(route: any): JQueryPromise<void>;
-        };
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies whether the list supports single item selection or multi-selection. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: Date;
-        /** The minimum date that can be selected within the widget. */
-        min?: Date;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** A Date object specifying the date and time currently selected using the date box. */
-        value?: Date;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** The name of an icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Specifies the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a just uploaded file. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppoinmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppoinmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppoinmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible.  */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible.  */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a callback function that determines values for column cells to be used for grouping. */
-        calculateGroupValue?: any;
-        /** Specifies a callback function that returns a value or the name of the field to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /**
-Specifies the data source providing data for a lookup column.
- */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing.  */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /**
-An array of grid columns.
- */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /**
-Specifies the message displayed in a group row when the corresponding group continues on the next page.
- */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once.  */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in brackets of the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel.  */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: number, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: number, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel.  */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records.  */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records.  */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /**
-Searches grid records by a search string.
- */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-declare namespace DevExpress.viz.charts  {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is hovered over. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected series. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is selected. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-            /** Specifies border options for points in the line and area series. */
-            border?: viz.core.Border;
-            /** Specifies the points color. */
-            color?: string;
-            /** Specifies what series points to highlight when a point is hovered over. */
-            hoverMode?: string;
-            /** An object defining configuration options for a hovered point. */
-            hoverStyle?: {
-                /** An object defining the border options for a hovered point. */
-                border?: viz.core.Border;
-                /** Sets a color for a point when it is hovered over. */
-                color?: string;
-                /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies what series points to highlight when a point is selected. */
-            selectionMode?: string;
-            /** An object defining configuration options for a selected point. */
-            selectionStyle?: {
-                /** An object defining the border options for a selected point. */
-                border?: viz.core.Border;
-                /** <p>Sets a color for a point when it is selected.</p> */
-                color?: string;
-                /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-            size?: number;
-            /** Specifies a symbol for presenting points of the line and area series. */
-            symbol?: string;
-            visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-            /** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: any;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: any;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: any;
-            };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-            /** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: number;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: string;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: number;
-            };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-          /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-          /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel {}
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel {}
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-    /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis {}
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-        }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget container that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget container that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-        export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies only to the Bar series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-declare namespace DevExpress.viz.core  {
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        /** Specifies how to apply hatching to highlight a selected series. */
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically.  */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-            component: BaseWidget,
-            element: Element,
-            target: {
-                id: string;
-                type: string;
-                args: any;
-                text: string;
-                widget: string;
-                version: string;
-            }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.gauges  {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-declare namespace DevExpress.viz.map  {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-            center: Array<number>;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-declare namespace DevExpress.viz.rangeSelector  {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /**
-Indicates whether or not animation is enabled.
- */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /**
-Specifies an interval between minor ticks.
- */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-            /** Specifies the order of arguments on a discrete scale. */
-            categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-declare namespace DevExpress.viz.sparklines  {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery  {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.1.4.d.ts b/devextreme/devextreme-15.1.4.d.ts
deleted file mode 100644
index 9f9ae875ed..0000000000
--- a/devextreme/devextreme-15.1.4.d.ts
+++ /dev/null
@@ -1,6448 +0,0 @@
-// Type definitions for DevExtreme 15.1.4
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace, and a jQuery plugin and Knockout binding for the required component. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows8. */
-        win8?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Sets one or more options of this component. */
-        option(options: Object): void;
-        /** Returns the configuration options of this component. */
-        option(): Object;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading the data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(obj?: {
-                filter?: Object;
-                select?: Object;
-                group?: Object;
-                sort?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: () => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler for pressing of the specified key. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-        /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-        export var utils: {
-            /** Sets parameters for the viewport meta tag. */
-            initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        };
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask, which specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        bounds?: {
-            northEast?: {
-                lat?: number;
-                lng?: number;
-            };
-            southWest?: {
-                lat?: number;
-                lng?: number;
-            };
-            /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-            center?: {
-                /** The latitude location displayed in the center of the widget. */
-                lat?: number;
-                /** The longitude location displayed in the center of the widget. */
-                lng?: number;
-            };
-            /** A handler for the click event. */
-            onClick?: any;
-            clickAction?: any;
-            /** Specifies whether or not map widget controls are available. */
-            controls?: boolean;
-            /** Specifies the height of the widget. */
-            height?: number;
-            /** A key used to authenticate the application within the required map provider. */
-            key?: {
-                /** A key used to authenticate the application within the "Bing" map provider. */
-                bing?: string;
-                /** A key used to authenticate the application within the "Google" map provider. */
-                google?: string;
-                /** A key used to authenticate the application within the "Google Static" map provider. */
-                googleStatic?: string;
-            }
-            /** A handler for the markerAdded event. */
-            onMarkerAdded?: Function;
-            markerAddedAction?: Function;
-            /** A URL pointing to the custom icon to be used for map markers. */
-            markerIconSrc?: string;
-            /** A handler for the markerRemoved event. */
-            onMarkerRemoved?: Function;
-            markerRemovedAction?: Function;
-            /** An array of markers displayed on a map. */
-            markers?: Array<any>;
-            /** The name of the current map data provider. */
-            provider?: string;
-            /** A handler for the ready event. */
-            onReady?: Function;
-            readyAction?: Function;
-            /** A handler for the routeAdded event. */
-            onRouteAdded?: Function;
-            routeAddedAction?: Function;
-            /** A handler for the routeRemoved event. */
-            onRouteRemoved?: Function;
-            routeRemovedAction?: Function;
-            /** An array of routes shown on the map. */
-            routes?: Array<any>;
-            /** The type of a map to display. */
-            type?: string;
-            /** Specifies the width of the widget. */
-            width?: number;
-            /** The zoom level of the map. */
-            zoom?: number;
-            /** Adds a marker to the map. */
-            addMarker(markerOptions: Object): JQueryPromise<Object>;
-            /** Adds a route to the map. */
-            addRoute(options: Object): JQueryPromise<Object>;
-            /** Removes a marker from the map. */
-            removeMarker(marker: Object): JQueryPromise<void>;
-            /** Removes a route from the map. */
-            removeRoute(route: any): JQueryPromise<void>;
-        };
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies whether the list supports single item selection or multi-selection. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: Date;
-        /** The minimum date that can be selected within the widget. */
-        min?: Date;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** A Date object specifying the date and time currently selected using the date box. */
-        value?: Date;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-	/** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-		/** The template to be used for rendering calendar cells. */
-		cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** The name of an icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Specifies the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: number): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: number, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether the scheduler data can be edited at runtime. */
-        editing?: boolean;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppoinmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppoinmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppoinmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible.  */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible.  */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a callback function that determines values for column cells to be used for grouping. */
-        calculateGroupValue?: any;
-        /** Specifies a callback function that returns a value or the name of the field to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /**
-Specifies the data source providing data for a lookup column.
- */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing.  */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /**
-An array of grid columns.
- */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /**
-Specifies the message displayed in a group row when the corresponding group continues on the next page.
- */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once.  */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in brackets of the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel.  */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: number, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: number, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel.  */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records.  */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records.  */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /**
-Searches grid records by a search string.
- */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state.  */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands.  */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        /** Specifies how to apply hatching to highlight a selected series. */
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically.  */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-            component: BaseWidget,
-            element: Element,
-            target: {
-                id: string;
-                type: string;
-                args: any;
-                text: string;
-                widget: string;
-                version: string;
-            }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-		/**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-	export interface BaseCommonSeriesConfig {
-		/** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is hovered over. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected series. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is selected. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-		/** Configures error bars. */
-		valueErrorBar?: {
-			/** Specifies whether error bars must be displayed in full or partially. */
-			displayMode?: string;
-			/** Specifies the data field that provides data for low error values. */
-			lowValueField?: string;
-			/** Specifies the data field that provides data for high error values. */
-			highValueField?: string;
-			/** Specifies how error bar values must be calculated. */
-			type?: string;
-			/** Specifies the value to be used for generating error bars. */
-			value?: number;
-			/** Specifies the color of error bars. */
-			color?: string;
-			/** Specifies the opacity of error bars. */
-			opacity?: number;
-			/** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-			/** Specifies the width of the error bar line. */
-			lineWidth?: number;
-		};
-	}
-	export interface CommonPointOptions {
-			/** Specifies border options for points in the line and area series. */
-            border?: viz.core.Border;
-            /** Specifies the points color. */
-            color?: string;
-            /** Specifies what series points to highlight when a point is hovered over. */
-            hoverMode?: string;
-            /** An object defining configuration options for a hovered point. */
-            hoverStyle?: {
-                /** An object defining the border options for a hovered point. */
-                border?: viz.core.Border;
-                /** Sets a color for a point when it is hovered over. */
-                color?: string;
-                /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies what series points to highlight when a point is selected. */
-            selectionMode?: string;
-            /** An object defining configuration options for a selected point. */
-            selectionStyle?: {
-                /** An object defining the border options for a selected point. */
-                border?: viz.core.Border;
-                /** <p>Sets a color for a point when it is selected.</p> */
-                color?: string;
-                /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-            size?: number;
-            /** Specifies a symbol for presenting points of the line and area series. */
-            symbol?: string;
-            visible?: boolean;
-	}
-	export interface ChartCommonPointOptions extends CommonPointOptions {
-			/** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: any;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: any;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: any;
-            };
-	}
-	export interface PolarCommonPointOptions extends CommonPointOptions {
-			/** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: number;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: string;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: number;
-            };
-	}
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-	/** An object that defines configuration options for polar chart series. */
-	export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-		/** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-	}
-	export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-	export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-		/** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-	}
-	export interface ConstantLineStyle {
-		/** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-	}
-	export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-	export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-		/** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-	}
-	export interface CommonAxisLabel {
-		/** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-	}
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-		/** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-			/** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-	export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-		/** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-		/** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-		/** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-	export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-		maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-		minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-		/** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-	export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-	export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-	export interface AxisLabel {
-		  /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-          /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-	}
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel {}
-	export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel {}
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-		/** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-	}
-	export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-	/** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-	}
-	export interface Axis {
-	    /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-		/** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-	}
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-	export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-	export interface ArgumentAxis {
-	    /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-	}
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis {}
-	export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-	    /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-	}
-	export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-		}
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-	export interface PolarValueAxis extends PolarAxis, ValueAxis {
-	    /** Indicates whether to display series with indents from axis boundaries. */
-	    valueMarginsEnabled?: boolean;
-		/** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-		tick?: {
-			visible?: boolean;
-		}
-	}
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget container that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget container that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-	export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies only to the Bar series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-	    /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /**
-Indicates whether or not animation is enabled.
- */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /**
-Specifies an interval between minor ticks.
- */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-		}) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.1.5.d.ts b/devextreme/devextreme-15.1.5.d.ts
deleted file mode 100644
index 6e0fbdf7ae..0000000000
--- a/devextreme/devextreme-15.1.5.d.ts
+++ /dev/null
@@ -1,6497 +0,0 @@
-// Type definitions for DevExtreme 15.1.5
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace, and a jQuery plugin and Knockout binding for the required component. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows8. */
-        win8?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Sets one or more options of this component. */
-        option(options: Object): void;
-        /** Returns the configuration options of this component. */
-        option(): Object;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading the data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(obj?: {
-                filter?: Object;
-                select?: Object;
-                group?: Object;
-                sort?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: () => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler for pressing of the specified key. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-        /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-        export var utils: {
-            /** Sets parameters for the viewport meta tag. */
-            initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        };
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask, which specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        bounds?: {
-            northEast?: {
-                lat?: number;
-                lng?: number;
-            };
-            southWest?: {
-                lat?: number;
-                lng?: number;
-            };
-            /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-            center?: {
-                /** The latitude location displayed in the center of the widget. */
-                lat?: number;
-                /** The longitude location displayed in the center of the widget. */
-                lng?: number;
-            };
-            /** A handler for the click event. */
-            onClick?: any;
-            clickAction?: any;
-            /** Specifies whether or not map widget controls are available. */
-            controls?: boolean;
-            /** Specifies the height of the widget. */
-            height?: number;
-            /** A key used to authenticate the application within the required map provider. */
-            key?: {
-                /** A key used to authenticate the application within the "Bing" map provider. */
-                bing?: string;
-                /** A key used to authenticate the application within the "Google" map provider. */
-                google?: string;
-                /** A key used to authenticate the application within the "Google Static" map provider. */
-                googleStatic?: string;
-            }
-            /** A handler for the markerAdded event. */
-            onMarkerAdded?: Function;
-            markerAddedAction?: Function;
-            /** A URL pointing to the custom icon to be used for map markers. */
-            markerIconSrc?: string;
-            /** A handler for the markerRemoved event. */
-            onMarkerRemoved?: Function;
-            markerRemovedAction?: Function;
-            /** An array of markers displayed on a map. */
-            markers?: Array<any>;
-            /** The name of the current map data provider. */
-            provider?: string;
-            /** A handler for the ready event. */
-            onReady?: Function;
-            readyAction?: Function;
-            /** A handler for the routeAdded event. */
-            onRouteAdded?: Function;
-            routeAddedAction?: Function;
-            /** A handler for the routeRemoved event. */
-            onRouteRemoved?: Function;
-            routeRemovedAction?: Function;
-            /** An array of routes shown on the map. */
-            routes?: Array<any>;
-            /** The type of a map to display. */
-            type?: string;
-            /** Specifies the width of the widget. */
-            width?: number;
-            /** The zoom level of the map. */
-            zoom?: number;
-            /** Adds a marker to the map. */
-            addMarker(markerOptions: Object): JQueryPromise<Object>;
-            /** Adds a route to the map. */
-            addRoute(options: Object): JQueryPromise<Object>;
-            /** Removes a marker from the map. */
-            removeMarker(marker: Object): JQueryPromise<void>;
-            /** Removes a route from the map. */
-            removeRoute(route: any): JQueryPromise<void>;
-        };
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies whether the list supports single item selection or multi-selection. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: Date;
-        /** The minimum date that can be selected within the widget. */
-        min?: Date;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** A Date object specifying the date and time currently selected using the date box. */
-        value?: Date;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-	/** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-		/** The template to be used for rendering calendar cells. */
-		cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: number): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: number, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether the scheduler data can be edited at runtime. */
-        editing?: boolean;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppoinmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppoinmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppoinmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible.  */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible.  */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a callback function that determines values for column cells to be used for grouping. */
-        calculateGroupValue?: any;
-        /** Specifies a callback function that returns a value or the name of the field to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /**
-Specifies the data source providing data for a lookup column.
- */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing.  */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /**
-An array of grid columns.
- */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /**
-Specifies the message displayed in a group row when the corresponding group continues on the next page.
- */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once.  */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in brackets of the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel.  */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: number, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: number, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel.  */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records.  */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records.  */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /**
-Searches grid records by a search string.
- */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state.  */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands.  */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        /** Specifies how to apply hatching to highlight a selected series. */
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically.  */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-            component: BaseWidget,
-            element: Element,
-            target: {
-                id: string;
-                type: string;
-                args: any;
-                text: string;
-                widget: string;
-                version: string;
-            }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-		/**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-	export interface BaseCommonSeriesConfig {
-		/** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is hovered over. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected series. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is selected. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-		/** Configures error bars. */
-		valueErrorBar?: {
-			/** Specifies whether error bars must be displayed in full or partially. */
-			displayMode?: string;
-			/** Specifies the data field that provides data for low error values. */
-			lowValueField?: string;
-			/** Specifies the data field that provides data for high error values. */
-			highValueField?: string;
-			/** Specifies how error bar values must be calculated. */
-			type?: string;
-			/** Specifies the value to be used for generating error bars. */
-			value?: number;
-			/** Specifies the color of error bars. */
-			color?: string;
-			/** Specifies the opacity of error bars. */
-			opacity?: number;
-			/** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-			/** Specifies the width of the error bar line. */
-			lineWidth?: number;
-		};
-	}
-	export interface CommonPointOptions {
-			/** Specifies border options for points in the line and area series. */
-            border?: viz.core.Border;
-            /** Specifies the points color. */
-            color?: string;
-            /** Specifies what series points to highlight when a point is hovered over. */
-            hoverMode?: string;
-            /** An object defining configuration options for a hovered point. */
-            hoverStyle?: {
-                /** An object defining the border options for a hovered point. */
-                border?: viz.core.Border;
-                /** Sets a color for a point when it is hovered over. */
-                color?: string;
-                /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies what series points to highlight when a point is selected. */
-            selectionMode?: string;
-            /** An object defining configuration options for a selected point. */
-            selectionStyle?: {
-                /** An object defining the border options for a selected point. */
-                border?: viz.core.Border;
-                /** <p>Sets a color for a point when it is selected.</p> */
-                color?: string;
-                /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-                size?: number;
-            };
-            /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-            size?: number;
-            /** Specifies a symbol for presenting points of the line and area series. */
-            symbol?: string;
-            visible?: boolean;
-	}
-	export interface ChartCommonPointOptions extends CommonPointOptions {
-			/** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: any;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: any;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: any;
-            };
-	}
-	export interface PolarCommonPointOptions extends CommonPointOptions {
-			/** An object specifying the parameters of an image that is used as a point marker. */
-            image?: {
-                /** Specifies the height of an image that is used as a point marker. */
-                height?: number;
-                /** Specifies a URL leading to the image to be used as a point marker. */
-                url?: string;
-                /** Specifies the width of an image that is used as a point marker. */
-                width?: number;
-            };
-	}
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-	/** An object that defines configuration options for polar chart series. */
-	export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-		/** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-	}
-	export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-	export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-		/** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-	}
-	export interface ConstantLineStyle {
-		/** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-	}
-	export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-	export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-		/** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-	}
-	export interface CommonAxisLabel {
-		/** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-	}
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-		/** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-			/** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-	export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-		/** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-		/** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-		/** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-	export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-		maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-		minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-		/** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-	export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-	export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-	export interface AxisLabel {
-		  /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-          /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-          /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-	}
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel {}
-	export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel {}
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-		/** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-	}
-	export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-	/** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-	}
-	export interface Axis {
-	    /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-		/** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-	}
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-	export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-	export interface ArgumentAxis {
-	    /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-	}
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis {}
-	export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-	    /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-	}
-	export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-		}
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-	export interface PolarValueAxis extends PolarAxis, ValueAxis {
-	    /** Indicates whether to display series with indents from axis boundaries. */
-	    valueMarginsEnabled?: boolean;
-		/** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-		tick?: {
-			visible?: boolean;
-		}
-	}
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget container that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget container that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-	export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies only to the Bar series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-	    /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /**
-Indicates whether or not animation is enabled.
- */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /**
-Specifies an interval between minor ticks.
- */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.1.6.d.ts b/devextreme/devextreme-15.1.6.d.ts
deleted file mode 100644
index 056ba14ee7..0000000000
--- a/devextreme/devextreme-15.1.6.d.ts
+++ /dev/null
@@ -1,6621 +0,0 @@
-// Type definitions for DevExtreme 15.1.6
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig> {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object): void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows8. */
-        win8?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Sets one or more options of this component. */
-        option(options: Object): void;
-        /** Returns the configuration options of this component. */
-        option(): Object;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(obj?: {
-                filter?: Object;
-                select?: Object;
-                group?: Object;
-                sort?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: () => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler for pressing of the specified key. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask, which specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions, DataExpressionMixinOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        bounds?: {
-            northEast?: {
-                lat?: number;
-                lng?: number;
-            };
-            southWest?: {
-                lat?: number;
-                lng?: number;
-            };
-            /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-            center?: {
-                /** The latitude location displayed in the center of the widget. */
-                lat?: number;
-                /** The longitude location displayed in the center of the widget. */
-                lng?: number;
-            };
-            /** A handler for the click event. */
-            onClick?: any;
-            clickAction?: any;
-            /** Specifies whether or not map widget controls are available. */
-            controls?: boolean;
-            /** Specifies the height of the widget. */
-            height?: number;
-            /** A key used to authenticate the application within the required map provider. */
-            key?: {
-                /** A key used to authenticate the application within the "Bing" map provider. */
-                bing?: string;
-                /** A key used to authenticate the application within the "Google" map provider. */
-                google?: string;
-                /** A key used to authenticate the application within the "Google Static" map provider. */
-                googleStatic?: string;
-            }
-            /** A handler for the markerAdded event. */
-            onMarkerAdded?: Function;
-            markerAddedAction?: Function;
-            /** A URL pointing to the custom icon to be used for map markers. */
-            markerIconSrc?: string;
-            /** A handler for the markerRemoved event. */
-            onMarkerRemoved?: Function;
-            markerRemovedAction?: Function;
-            /** An array of markers displayed on a map. */
-            markers?: Array<any>;
-            /** The name of the current map data provider. */
-            provider?: string;
-            /** A handler for the ready event. */
-            onReady?: Function;
-            readyAction?: Function;
-            /** A handler for the routeAdded event. */
-            onRouteAdded?: Function;
-            routeAddedAction?: Function;
-            /** A handler for the routeRemoved event. */
-            onRouteRemoved?: Function;
-            routeRemovedAction?: Function;
-            /** An array of routes shown on the map. */
-            routes?: Array<any>;
-            /** The type of a map to display. */
-            type?: string;
-            /** Specifies the width of the widget. */
-            width?: number;
-            /** The zoom level of the map. */
-            zoom?: number;
-            /** Adds a marker to the map. */
-            addMarker(markerOptions: Object): JQueryPromise<Object>;
-            /** Adds a route to the map. */
-            addRoute(options: Object): JQueryPromise<Object>;
-            /** Removes a marker from the map. */
-            removeMarker(marker: Object): JQueryPromise<void>;
-            /** Removes a route from the map. */
-            removeRoute(route: any): JQueryPromise<void>;
-        };
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies whether the list supports single item selection or multi-selection. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        accessKey?: string;
-        activeStateEnabled?: boolean;
-        attr?: any;
-        dataSource?: any;
-        disabled?: boolean;
-        displayValue?: string;
-        fieldEditEnabled?: boolean;
-        focusStateEnabled?: boolean;
-        height?: string | number | (() => string | number);
-        hint?: string;
-        hoverStateEnabled?: boolean;
-        isValid?: boolean;
-        items?: any[];
-        /**
-         * The template to be used for rendering items.
-         * Defaults Value: "item"
-         */
-        itemTemplate?: string | Node | JQuery | (() => string | Node | JQuery);
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-
-        maxLength?: string | number;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-
-
-        mode?: string; // "text" | "email" | "search" | "tel" | "url" | "password"
-        onChange?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onClosed?: (e: { component: any; element: JQuery; model: any }) => void;
-        onContentReady?: (e: { component: any; element: JQuery; model: any }) => void;
-        onCopy?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onCut?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onDisposing?: (e: { component: any; element: JQuery; model: any }) => void;
-        onEnterKey?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onFocusIn?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onFocusOut?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onInitialized?: (e: { component: any; element: JQuery }) => void;
-        onInput?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onItemClick?: (e: { component: any; element: JQuery; model: any; itemElement: HTMLElement }) => void;
-        onKeyDown?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onKeyPress?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onKeyUp?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onOpened?: (e: { component: any; element: JQuery; model: any }) => void;
-        onOptionChanged?: (e: { component: any; element: JQuery; model: any; value: any }) => void;
-        onPaste?: (e: { component: any; element: JQuery; model: any; event: JQueryEventObject }) => void;
-        onSelectionChanged?: (e: { component: any; element: JQuery; model: any; selectedItem: any }) => void;
-        onValueChanged?: (e: { component: any; element: JQuery; model: any; value: any; previousValue: any; itemData: any; jQueryEvent: JQueryEventObject }) => void;
-        opened?: boolean;
-        placeholder?: string;
-        readOnly?: boolean;
-        rtlEnabled?: boolean;
-        searchExpr?: string;
-        searchMode?: string; // "contains" | "startswith"
-        searchTimeout?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: any;
-        showClearButton?: boolean;
-        spellcheck?: boolean;
-        tabIndex?: number;
-        text?: string;
-        validationError?: any;
-        validationMessageMode?: string; // "auto" | "always"
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /**
-         * CAn be any DOM event names separated by spaces.
-         */
-        valueChangeEvent?: string;
-        valueExpr?: string | Function;
-        visible?: boolean;
-        width?: string | number | (() => string | number);
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: number): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: number, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether the scheduler data can be edited at runtime. */
-        editing?: boolean;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppoinmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppoinmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppoinmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible.  */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible.  */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a callback function that determines values for column cells to be used for grouping. */
-        calculateGroupValue?: any;
-        /** Specifies a callback function that returns a value or the name of the field to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /**
-             * Specifies the data source providing data for a lookup column.
-             */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing.  */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /**
-         * An array of grid columns.
-         */
-        columns?: dxDataGridColumn[];
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /**
-             * Specifies the message displayed in a group row when the corresponding group continues on the next page.
-             */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once.  */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in brackets of the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel.  */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: number, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: number, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel.  */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records.  */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records.  */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /**
-         * Searches grid records by a search string.
-         */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command should is rendered when a view is being rendered, or after a view has been shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state.  */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands.  */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        /** Specifies how to apply hatching to highlight a selected series. */
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically.  */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is hovered over. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected series. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            /** Specifies the hatching options to be applied when a series is selected. */
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget container that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget container that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /**
-Indicates whether or not animation is enabled.
- */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /**
-Specifies an interval between minor ticks.
- */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-            /** Specifies the order of arguments on a discrete scale. */
-            categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-            center: Array<number>;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.1.7.d.ts b/devextreme/devextreme-15.1.7.d.ts
deleted file mode 100644
index 53f058c593..0000000000
--- a/devextreme/devextreme-15.1.7.d.ts
+++ /dev/null
@@ -1,6572 +0,0 @@
-// Type definitions for DevExtreme 15.1.7
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig> {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object): void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows8. */
-        win8?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Sets one or more options of this component. */
-        option(options: Object): void;
-        /** Returns the configuration options of this component. */
-        option(): Object;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions, DataExpressionMixinOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: number;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        markerAddedAction?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        markerRemovedAction?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        readyAction?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        routeAddedAction?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        routeRemovedAction?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(options: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether the scheduler data can be edited at runtime. */
-        editing?: boolean;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        // NOTE https://github.com/DefinitelyTyped/DefinitelyTyped/pull/5590
-        text?: string;
-        value?: any;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget container that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget container that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-            /** Specifies the order of arguments on a discrete scale. */
-            categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-            center: Array<number>;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.1.8.d.ts b/devextreme/devextreme-15.1.8.d.ts
deleted file mode 100644
index 447e0b15b9..0000000000
--- a/devextreme/devextreme-15.1.8.d.ts
+++ /dev/null
@@ -1,6580 +0,0 @@
-// Type definitions for DevExtreme 15.1.8
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    /** Requests that the browser call a specified function to update animation before the next repaint. */
-    export function requestAnimationFrame(callback: Function): number;
-    /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows8. */
-        win8?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            inserted?: (values: Object, key: any) => void;
-            inserting?: (values: Object) => void;
-            loaded?: (result: Array<any>) => void;
-            loading?: (loadOptions: LoadOptions) => void;
-            modified?: () => void;
-            modifying?: () => void;
-            removed?: (key: any) => void;
-            removing?: (key: any) => void;
-            updated?: (key: any, values: Object) => void;
-            updating?: (key: any, values: Object) => void;
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            inserted: JQueryCallback;
-            inserting: JQueryCallback;
-            loaded: JQueryCallback;
-            loading: JQueryCallback;
-            modified: JQueryCallback;
-            modifying: JQueryCallback;
-            removed: JQueryCallback;
-            removing: JQueryCallback;
-            updated: JQueryCallback;
-            updating: JQueryCallback;
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            changed: JQueryCallback;
-            loadError: JQueryCallback;
-            loadingChanged: JQueryCallback;
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            itemClickAction?: any;
-            itemHoldAction?: Function;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            itemRender?: any;
-            itemRenderedAction?: Function;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /**
-             * A function performed when a widget item is selected.
-             * @deprecated onSelectionChanged.md
-             */
-            itemSelectAction?: Function;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            contentReadyAction?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            itemRender?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            valueChangeAction?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        changeAction?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        copyAction?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        cutAction?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        enterKeyAction?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        focusInAction?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        focusOutAction?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        inputAction?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        keyDownAction?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        keyPressAction?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        keyUpAction?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        pasteAction?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        /** Specifies whether or not the widget supports the focused state and keyboard navigation. */
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        titleTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        pullDownAction?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        reachBottomAction?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        updateAction?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions, DataExpressionMixinOptions {
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        hiddenAction?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        hidingAction?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        showingAction?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        shownAction?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        /** An object, a string, or an array specifying the location displayed at the center of the widget. */
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-            clickAction?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-            markerAddedAction?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-            markerRemovedAction?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-            readyAction?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-            routeAddedAction?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-            routeRemovedAction?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        contentReadyAction?: Function;
-        titleRender?: any;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        groupRender?: any;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        itemDeleteAction?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        itemReorderAction?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        itemSwipeAction?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        pageLoadingAction?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        pullRefreshAction?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        scrollAction?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        itemUnselectAction?: Function;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        closeAction?: Function;
-        openAction?: Function;
-        shownAction?: Function;
-        hiddenAction?: Function;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        editEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-	/** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-		/** The template to be used for rendering calendar cells. */
-		cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        clickAction?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        menuGroupRender?: any;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        menuItemRender?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        buttonClickAction?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        buttonIconSrc?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        itemClickAction?: any;
-        itemRender?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        cancelClickAction?: any;
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for th XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** Indicates whether or not the local sorting of the XMLA data should be performed. */
-        localSorting?: boolean;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts loading data. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether the scheduler data can be edited at runtime. */
-        editing?: boolean;
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            mainColor?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface dxColorPickerOptions extends dxColorBoxOptions { }
-    /**
-     * A widget used to specify a color value.
-     * @deprecated Use the dxColorBox widget instead
-     */
-    export class dxColorPicker extends dxColorBox {
-        constructor(element: JQuery, options?: dxColorPickerOptions);
-        constructor(element: Element, options?: dxColorPickerOptions);
-    }
-    export interface dxTreeViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * An array of currently expanded item objects.
-         * @deprecated Use item.expanded field instead
-         */
-        expandedItems?: Array<any>;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is expanded. */
-        expandedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends CollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-        hoverStateEnabled?: boolean;
-    }
-    export class dxMenuBase extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        submenuHiddenAction?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        submenuHidingAction?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        submenuShowingAction?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-        submenuShownAction?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        initNewRow?: (e: { data: Object }) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        rowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        rowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: boolean }) => void;
-        rowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        rowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: boolean }) => void;
-        rowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        rowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: boolean }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        cellClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        cellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        cellPrepared?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        contentReadyAction?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        dataErrorOccurred?: (errorObject: Error) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        editingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        editorPrepared?: (e: Object) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        editorPreparing?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            /** Specifies whether or not grid records can be edited at runtime. */
-            editEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            editMode?: string;
-            /** Specifies whether or not new records can be inserted into a grid. */
-            insertEnabled?: boolean;
-            /** Specifies whether or not records can be deleted from a grid. */
-            removeEnabled?: boolean;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the removeEnabled option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the insertEnabled option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the editEnabled option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the removeEnabled option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        rowClick?: any;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        rowPrepared?: (e: Object) => void;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        selectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, columnIndex: number): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: any;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        action?: any;
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        drawn?: (widget: Object) => void;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        incidentOccured?: (incidentInfo: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-            component: BaseWidget,
-            element: Element,
-            target: {
-                id: string;
-                type: string;
-                args: any;
-                text: string;
-                widget: string;
-                version: string;
-            }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /**
-         * Gets a point from the series point collection based on the specified argument.
-         * @deprecated getPointsByArg(pointArg).md
-         */
-        getPointByArg(pointArg: any): Object;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): any;
-        /** Provides information about the selection state of a point. */
-        isSelected(): any;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): any;
-        /** Provides information about the selection state of a series. */
-        isSelected(): any;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /** Specifies the direction in which the dxPieChart's series points are located. */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /** Specifies a start angle for a pie chart in arc degrees. */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        done?: Function;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        pointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointHoverChanged?: (point: TPoint) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        pointSelectionChanged?: (point: TPoint) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies the title's horizontal position in the chart. */
-            horizontalAlignment?: string;
-            /** Specifies a title's position on the chart in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the distance between the title and surrounding chart elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies a text for the chart's title. */
-            text?: string;
-        };
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        tooltipHidden?: (point: TPoint) => void;
-        tooltipShown?: (point: TPoint) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-        equalBarWidth?: any;
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        argumentAxisClick?: any;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_1#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        legendClick?: any;
-        seriesClick?: any;
-        seriesHoverChanged?: (series: ChartSeries) => void;
-        seriesSelectionChanged?: (series: ChartSeries) => void;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<ChartSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): ChartSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): ChartSeries;
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies a value indicating whether all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<PolarSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): PolarSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): PolarSeries;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        legendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /** Provides access to the dxPieChart series. */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /** Specifies an array of custom minor ticks. */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /** Indicates whether automatically calculated minor ticks are visible or not. */
-        showCalculatedTicks?: boolean;
-        /** Specifies an interval between minor ticks. */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /** Specifies whether or not to hide the first scale label. */
-        hideFirstLabel?: boolean;
-        /** Specifies whether or not to hide the first major tick on the scale. */
-        hideFirstTick?: boolean;
-        /** Specifies whether or not to hide the last scale label. */
-        hideLastLabel?: boolean;
-        /** Specifies whether or not to hide the last major tick on the scale. */
-        hideLastTick?: boolean;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /** Specifies options of the gauge's major ticks. */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a subtitle for a gauge. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies a text for the subtitle. */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /** Specifies a title's position on the gauge. */
-            position?: string;
-            /** Specifies a text for the title. */
-            text?: string;
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies a value indicating whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: any;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /** Specifies an interval between major ticks. */
-            majorTickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /** Indicates whether or not to show minor ticks on the scale. */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        selectedRangeChanged?: (selectedRange: { startValue: any; endValue: any; }) => void;
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Area object. */
-    export interface Area {
-        /** Contains the element type. */
-        type: string;
-        /** Return the value of an attribute. */
-        attribute(name: string): any;
-        /** Provides information about the selection state of an area. */
-        selected(): boolean;
-        /** Sets a new selection state for an area. */
-        selected(state: boolean): void;
-        /** Applies the area settings specified as a parameter and updates the area appearance. */
-        applySettings(settings: any): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Markers object. */
-    export interface Marker {
-        /** Contains the descriptive text accompanying the map marker. */
-        text: string;
-        /** Contains the type of the element. */
-        type: string;
-        /** Contains the URL of an image map marker. */
-        url: string;
-        /** Contains the value of a bubble map marker. */
-        value: number;
-        /** Contains the values of a pie map marker. */
-        values: Array<number>;
-        /** Returns the value of an attribute. */
-        attribute(name: string): any;
-        /** Returns the coordinates of a specific marker. */
-        coordinates(): Array<number>;
-        /** Provides information about the selection state of a marker. */
-        selected(): boolean;
-        /** Sets a new selection state for a marker. */
-        selected(state: boolean): void;
-        /** Applies the marker settings specified as a parameter and updates the marker appearance. */
-        applySettings(settings: any): void;
-    }
-    export interface AreaSettings {
-        /** Specifies the width of the area border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the area border. */
-        borderColor?: string;
-        click?: any;
-        /** Specifies a color for an area. */
-        color?: string;
-        /** Specifies the function that customizes each area individually. */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /** Specifies a color for the area border when the area is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for an area when this area is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of an area when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Configures area labels. */
-        label?: {
-            /** Specifies the data field that provides data for area labels. */
-            dataField?: string;
-            /** Enables area labels. */
-            enabled?: boolean;
-            /** Specifies font options for area labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a map. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint areas with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring areas. */
-        colorGroupingField?: string;
-        /** Specifies a color for the area border when the area is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for an area when this area is selected. */
-        selectedColor?: string;
-        /** Specifies the pixel-measured width of the area border when the area is selected. */
-        selectedBorderWidth?: number;
-        selectionChanged?: (area: Area) => void;
-        /** Specifies whether single or multiple areas can be selected on a vector map. */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /** Specifies a color for the marker border. */
-        borderColor?: string;
-        /** Specifies the width of the marker border in pixels. */
-        borderWidth?: number;
-        click?: any;
-        /** Specifies a color for a marker of the dot or bubble type. */
-        color?: string;
-        /** Specifies the function that customizes each marker individually. */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        font?: Object;
-        /** Specifies the pixel-measured width of the marker border when the marker is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is hovered over. */
-        hoveredColor?: string;
-        /** Specifies whether or not to change the appearance of a marker when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies marker label options. */
-        label?: {
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type. */
-        maxSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type. */
-        minSize?: number;
-        /** Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type. */
-        opacity?: number;
-        /** Specifies the pixel-measured width of the marker border when the marker is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the marker border when the marker is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for a marker of the dot or bubble type when this marker is selected. */
-        selectedColor?: string;
-        selectionChanged?: (marker: Marker) => void;
-        /** Specifies whether a single or multiple markers can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the size of markers. Setting this option makes sense for any type of marker except bubble. */
-        size?: number;
-        /** Specifies the type of markers to be used on the map. */
-        type?: string;
-        /** Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type. */
-        palette?: any;
-        /** Allows you to paint markers with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring markers. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /** An object specifying options for the map areas. */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies a data source for the map area. */
-        mapData?: any;
-        /** Specifies a data source for the map markers. */
-        markers?: any;
-        /** An object specifying options for the map markers. */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        centerChanged?: (center: Array<number>) => void;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        zoomFactorChanged?: (zoomFactor: number) => void;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            zoomFactor: number;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        click?: any;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the areaClick event. */
-        onAreaClick?: any;
-        /** A handler for the areaSelectionChanged event. */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the markerClick event. */
-        onMarkerClick?: any;
-        /** A handler for the markerSelectionChanged event. */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: string;
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /** Deselects all the selected areas on a map. The areas are displayed in their initial style after. */
-        clearAreaSelection(): void;
-        /** Deselects all the selected markers on a map. The markers are displayed in their initial style after. */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Returns an array with all the map areas. */
-        getAreas(): Array<Area>;
-        /** Returns an array with all the map markers. */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.2.10.d.ts b/devextreme/devextreme-15.2.10.d.ts
deleted file mode 100644
index d8b1149efd..0000000000
--- a/devextreme/devextreme-15.2.10.d.ts
+++ /dev/null
@@ -1,7504 +0,0 @@
-// Type definitions for DevExtreme 15.2.10
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../jquery/jquery.d.ts" />
-
-declare module DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: any;
-        /** The element within which the widget is positioned. */
-        boundary?: Object;
-        /** Specifies the horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: any;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: any;
-        /** The target element that the widget is positioned against. */
-        of?: Object;
-        /** Specifies horizontal and vertical offset in pixels. */
-        offset?: any;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** A bag for holding any options that require two-way binding (Angular approach specific) */
-        bindingOptions?: { [key: string]: any; };
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** Specifies whether or not the store combines the search expression with the filter expression. */
-            useDefaultSearch?: boolean;
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** The bag of custom parameters passed to the query executed when the DataSource load operation is invoked. */
-            customQueryParams?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        export interface OperationPromise<T> extends JQueryPromise<T> {
-            operationId: number;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): OperationPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): OperationPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(...expr: Object[]): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            /** Cancels the load operation associated with the specified identifier. */
-            cancel(operationId: number): boolean;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: any;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated Use the DataSource paging opportunities instead.
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether to enable or disable scrolling. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupButtonOptions {
-        /** Specifies whether or not a toolbar item must be displayed disabled. */
-        disabled?: boolean;
-        /** Specifies html code inserted into the toolbar item element. */
-        html?: string;
-        /** Specifies a location for the item on the toolbar. */
-        location?: string;
-        /** Specifies a configuration object for the widget that presents a toolbar item. */
-        options?: Object;
-        /** Specifies an item template that should be used to render this item only. */
-        template?: any;
-        /** Specifies text displayed for the toolbar item. */
-        text?: string;
-        /** Specifies whether the item is displayed on a top or bottom toolbar. */
-        toolbar?: string;
-        /** Specifies whether or not a widget item must be displayed. */
-        visible?: boolean;
-        /** A widget that presents a toolbar item. */
-        widget?: string;
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<dxPopupButtonOptions>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        applyValueMode?: string;
-        /** An object that defines widget animation options. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated Use the pageLoadMode option instead.
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    /** An object containing items for a context menu called for a list item. */
-    export interface ListOptionsMenuItem {
-        /** Specifies the menu item text. */
-        text?: string;
-        /** Specifies the function called when the menu item is clicked. */
-        action?: (itemElement: Element, itemData: any) => void;
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<ListOptionsMenuItem>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use the pickerType option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use the pickerType option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** An object or a value, specifying the date and time currently selected in the calendar. */
-        value?: any;
-        /** The latest date the widget allows to select. */
-        max?: any;
-        /** The earliest date the widget allows to select. */
-        min?: any;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidgetOptions {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users if a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-        /** Resets the editor's value to undefined. */
-        resetValues(): void;
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
-}
-
-declare module DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare module DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Sorts the header items of this field by the summary values of another field. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the header cell of a row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: any;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurring appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the useColorAsDefault option instead.
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time of the specified day. */
-        scrollToTime(hours: number, minutes: number, date: Date): void;
-        /** Displayes the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        /** The data object represented by the row. */
-        data: Object;
-        /** The key of the data object represented by the row. */
-        key: any;
-        /** The visible index of the row. */
-        rowIndex: number;
-        /** The type of the row. */
-        rowType: string;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-            skipEmptyValues?: boolean;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow(rowIndex) method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare module DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare module DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-       /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-         /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare module DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated Use the innerRadius option instead.
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated Use the segmentsDirection option instead.
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated Use the startAngle option instead.
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: any;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-        negativesAsZeroes?: boolean;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-                /** Specifies the format of the values displayed by crosshair labels. */
-                format?: string;
-                /** Specifies a precision for formatted values. */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies a default pane for the chart series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Specifies the format of the values displayed by crosshair labels. */
-            format?: string;
-            /** Specifies a precision for formatted values. */
-            precision?: number;
-            /** Customizes the text displayed by the crosshair label that accompany the horizontal line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated Use the getAllSeries() method instead.
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare module DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated Use the scale | customMinorTicks option instead.
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This feature is no longer available.
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated Use the scale | minorTickInterval option instead.
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated Use the overlappingBehavior | useAutoArrangement option instead.
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated Use the tick option instead.
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated Use the title | subtitle option instead.
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated Use the title | subtitle | font option instead.
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated Use the title | subtitle | text option instead.
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated Use the horizontalAlignment and verticalAlignment options instead.
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare module DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-            negativesAsZeroes?: boolean;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated Use the tickInterval option instead.
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated Use the minorTick | visible option instead.
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the paddingTopBottom and paddingLeftRight options instead.
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the placeholderHeight and indent options instead.
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare module DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text using the Layer Element | attribute(name) method. The name parameter value for text is set at the dataField option.
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the image URL using the Layer Element | attribute(name) method. The name parameter value for the image URL is set at the dataField option.
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the bubble value using the Layer Element | attribute(name) method. The name parameter for the bubble value is set at the dataField option.
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the pie values using the Layer Element | attribute(name) method. The name parameter for pie values is set at the dataField option.
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated Use the Layer Element | coordinates() method instead.
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        dataSource?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the dataSource attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated Use the layers | label | dataField option instead.
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated Use the layers | paletteSize option instead.
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | maxSize option instead.
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | minSize option instead.
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | opacity option instead.
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated Use the layers | size option instead.
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated Use the layers | elementType option instead.
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated Use the layers | sizeGroups option instead.
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated Use the layers | sizeGroupingField option instead.
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the "area" type element of the layers array.
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the control bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the "marker" type element of the layers array.
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the onSelectionChanged option instead.
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the onSelecitonChanged option instead.
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare module DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: any;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
\ No newline at end of file
diff --git a/devextreme/devextreme-15.2.12.d.ts b/devextreme/devextreme-15.2.12.d.ts
deleted file mode 100644
index bdba712122..0000000000
--- a/devextreme/devextreme-15.2.12.d.ts
+++ /dev/null
@@ -1,7531 +0,0 @@
-// Type definitions for DevExtreme 15.2.12
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../jquery/jquery.d.ts" />
-
-declare module DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: any;
-        /** The element within which the widget is positioned. */
-        boundary?: Object;
-        /** Specifies the horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: any;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: any;
-        /** The target element that the widget is positioned against. */
-        of?: Object;
-        /** Specifies horizontal and vertical offset in pixels. */
-        offset?: any;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** A bag for holding any options that require two-way binding (Angular approach specific) */
-        bindingOptions?: { [key: string]: any; };
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** Specifies whether or not the store combines the search expression with the filter expression. */
-            useDefaultSearch?: boolean;
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** The bag of custom parameters passed to the query executed when the DataSource load operation is invoked. */
-            customQueryParams?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        export interface OperationPromise<T> extends JQueryPromise<T> {
-            operationId: number;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): OperationPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): OperationPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(...expr: Object[]): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            /** Cancels the load operation associated with the specified identifier. */
-            cancel(operationId: number): boolean;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: any;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated Use the DataSource paging opportunities instead.
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if tabs in the title are scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean indicating whether or not to add scrolling support for tabs in the title. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupButtonOptions {
-        /** Specifies whether or not a toolbar item must be displayed disabled. */
-        disabled?: boolean;
-        /** Specifies html code inserted into the toolbar item element. */
-        html?: string;
-        /** Specifies a location for the item on the toolbar. */
-        location?: string;
-        /** Specifies a configuration object for the widget that presents a toolbar item. */
-        options?: Object;
-        /** Specifies an item template that should be used to render this item only. */
-        template?: any;
-        /** Specifies text displayed for the toolbar item. */
-        text?: string;
-        /** Specifies whether the item is displayed on a top or bottom toolbar. */
-        toolbar?: string;
-        /** Specifies whether or not a widget item must be displayed. */
-        visible?: boolean;
-        /** A widget that presents a toolbar item. */
-        widget?: string;
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<dxPopupButtonOptions>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        applyValueMode?: string;
-        /** An object that defines widget animation options. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated Use the pageLoadMode option instead.
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    /** An object containing items for a context menu called for a list item. */
-    export interface ListOptionsMenuItem {
-        /** Specifies the menu item text. */
-        text?: string;
-        /** Specifies the function called when the menu item is clicked. */
-        action?: (itemElement: Element, itemData: any) => void;
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<ListOptionsMenuItem>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use the pickerType option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use the pickerType option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** An object or a value, specifying the date and time currently selected in the calendar. */
-        value?: any;
-        /** The latest date the widget allows to select. */
-        max?: any;
-        /** The earliest date the widget allows to select. */
-        min?: any;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidgetOptions {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users if a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-        /** Resets the editor's value to undefined. */
-        resetValues(): void;
-    }
-    export interface dxDeferRenderingOptions extends WidgetOptions {
-        /** Indicates if a load indicator should be shown until the widget's content is rendered. */
-        showLoadIndicator?: boolean;
-        /** Specifies a jQuery.Promise or a boolean value, which upon resolving forces widget content to render. */
-        renderWhen?: any;
-        /** Specifies the animation to be used to show the rendered content. */
-        animation?: fx.AnimationOptions;
-        /** Specifies a jQuery selector of items that should be rendered using a staggered animation. */
-        staggerItemSelector?: string;
-        /** Specifies a callback function that is called when the widget's content has finished rendering but is not yet shown. */
-        onRendered?: Function;
-        /** Specifies a callback function that is called when widget content is shown and animation has completed. */
-        onShown?: Function;
-    }
-    /** A container for elements that must be rendered at a specified moment. */
-    export class dxDeferRendering extends Widget {
-        constructor(element: JQuery, options?: dxDeferRenderingOptions);
-        constructor(element: Element, options?: dxDeferRenderingOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
-}
-
-declare module DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare module DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Sorts the header items of this field by the summary values of another field. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: any;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurring appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the useColorAsDefault option instead.
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time of the specified day. */
-        scrollToTime(hours: number, minutes: number, date: Date): void;
-        /** Displayes the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        /** The data object represented by the row. */
-        data: Object;
-        /** The key of the data object represented by the row. */
-        key: any;
-        /** The visible index of the row. */
-        rowIndex: number;
-        /** The type of the row. */
-        rowType: string;
-        /** The group index of the row. Available when the rowType is "group". */
-        groupIndex: number;
-        /** Indicates whether the row is expanded or collapsed. Available if rowType is "data", "detail" or "group". */
-        isExpanded: boolean;
-        /** Indicates whether the row is selected. Available if rowType is "data". */
-        isSelected: boolean;
-        /** Values of the row as they exist in the data source. */
-        values: Array<any>;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies the default filter operation of a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Customizes grid columns and data before exporting. */
-        customizeExportData?: (columns: Array<dxDataGridColumn>, rows: Array<dxDataGridRow>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the mode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the mode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the mode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-            skipEmptyValues?: boolean;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): JQueryPromise<any>;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow(rowIndex) method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): JQueryPromise<any>;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare module DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare module DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-       /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-         /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare module DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated Use the innerRadius option instead.
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated Use the segmentsDirection option instead.
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated Use the startAngle option instead.
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: any;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-        negativesAsZeroes?: boolean;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-                /** Specifies the format of the values displayed by crosshair labels. */
-                format?: string;
-                /** Specifies a precision for formatted values. */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies a default pane for the chart series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into web applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Specifies the format of the values displayed by crosshair labels. */
-            format?: string;
-            /** Specifies a precision for formatted values. */
-            precision?: number;
-            /** Customizes the text displayed by the crosshair label that accompany the horizontal line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for web applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated Use the getAllSeries() method instead.
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare module DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated Use the scale | customMinorTicks option instead.
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This feature is no longer available.
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated Use the scale | minorTickInterval option instead.
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated Use the overlappingBehavior | useAutoArrangement option instead.
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated Use the tick option instead.
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated Use the title | subtitle option instead.
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated Use the title | subtitle | font option instead.
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated Use the title | subtitle | text option instead.
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated Use the horizontalAlignment and verticalAlignment options instead.
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare module DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-            negativesAsZeroes?: boolean;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated Use the tickInterval option instead.
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated Use the minorTick | visible option instead.
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the paddingTopBottom and paddingLeftRight options instead.
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the placeholderHeight and indent options instead.
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare module DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text using the Layer Element | attribute(name) method. The name parameter value for text is set at the dataField option.
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the image URL using the Layer Element | attribute(name) method. The name parameter value for the image URL is set at the dataField option.
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the bubble value using the Layer Element | attribute(name) method. The name parameter for the bubble value is set at the dataField option.
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the pie values using the Layer Element | attribute(name) method. The name parameter for pie values is set at the dataField option.
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated Use the Layer Element | coordinates() method instead.
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        dataSource?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the dataSource attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated Use the layers | label | dataField option instead.
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated Use the layers | paletteSize option instead.
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | maxSize option instead.
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | minSize option instead.
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | opacity option instead.
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated Use the layers | size option instead.
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated Use the layers | elementType option instead.
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated Use the layers | sizeGroups option instead.
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated Use the layers | sizeGroupingField option instead.
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the "area" type element of the layers array.
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the control bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the "marker" type element of the layers array.
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the onSelectionChanged option instead.
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the onSelecitonChanged option instead.
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare module DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparklineOptions {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: any;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.2.4.d.ts b/devextreme/devextreme-15.2.4.d.ts
deleted file mode 100644
index bffccd11ca..0000000000
--- a/devextreme/devextreme-15.2.4.d.ts
+++ /dev/null
@@ -1,7325 +0,0 @@
-// Type definitions for DevExtreme 15.2.4
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig> {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object): void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(options?: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether to enable or disable scrolling. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifie which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for optional fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxForm): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the header cell of a row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurrent appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the 'useColorAsDefault' property instead
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-        /** Displays the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /** Specifies whether or not a check box is displayed at each tree view item. */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /** Specifies whether the "Select All" check box is displayed over the tree view. */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button when this button exports to the XSLX format. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow() method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-        /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-            /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-            component: BaseWidget,
-            element: Element,
-            target: {
-                id: string;
-                type: string;
-                args: any;
-                text: string;
-                widget: string;
-                version: string;
-            }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated use the 'innerRadius' option instead
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated use the 'segmentsDirection' option instead
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated use the 'startAngle' option instead
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies a start angle for the argument axis in degrees. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the starting angle in arc degrees for the first segment in a pie chart. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated ..\customMinorTicks.md
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This functionality in not more available
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated ..\minorTickInterval.md
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated ..\tick\tick.md
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated ..\..\title\subtitle\font\font.md
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated ..\title\subtitle\text.md
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated ..\tickInterval\tickInterval.md
-             */
-            majorTickInterval?: any;
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated minorTick\visible.md
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            minorTick?: {
-                color?: string;
-                opacity?: number;
-                width?: number;
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-            /** Specifies the order of arguments on a discrete scale. */
-            categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        data?: any;
-        /** Specifies the width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated ..\..\layers\label\dataField.md
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated ..\layers\paletteSize.md
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\maxSize.md
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\minSize.md
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\opacity.md
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated ..\layers\size.md
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated ..\layers\elementType.md
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated ..\layers\sizeGroups.md
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated ..\layers\sizeGroupingField.md
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the 'layers' option instead
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the 'layers' option instead
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-            center: Array<number>;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the 'onSelectionChanged' option instead
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the 'onSelecitonChanged' option instead
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.2.5.d.ts b/devextreme/devextreme-15.2.5.d.ts
deleted file mode 100644
index f968fcb1e5..0000000000
--- a/devextreme/devextreme-15.2.5.d.ts
+++ /dev/null
@@ -1,7383 +0,0 @@
-// Type definitions for DevExtreme 15.2.5
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether to enable or disable scrolling. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends CollectionWidgetOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for optional fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxForm): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the header cell of a row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurrent appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the 'useColorAsDefault' property instead
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of the appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of the appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of the appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-        /** Displays the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow() method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            format: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-       /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-         /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated use the 'innerRadius' option instead
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated use the 'segmentsDirection' option instead
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated use the 'startAngle' option instead
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated ..\customMinorTicks.md
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This functionality in not more available
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated ..\minorTickInterval.md
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated ..\tick\tick.md
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated ..\..\title\subtitle\font\font.md
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated ..\title\subtitle\text.md
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated ..\tickInterval\tickInterval.md
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated minorTick\visible.md
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        data?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated ..\..\layers\label\dataField.md
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated ..\layers\paletteSize.md
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\maxSize.md
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\minSize.md
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\opacity.md
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated ..\layers\size.md
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated ..\layers\elementType.md
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated ..\layers\sizeGroups.md
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated ..\layers\sizeGroupingField.md
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the 'layers' option instead
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the 'layers' option instead
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the 'onSelectionChanged' option instead
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the 'onSelecitonChanged' option instead
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.2.7.d.ts b/devextreme/devextreme-15.2.7.d.ts
deleted file mode 100644
index d12d4f4751..0000000000
--- a/devextreme/devextreme-15.2.7.d.ts
+++ /dev/null
@@ -1,7429 +0,0 @@
-// Type definitions for DevExtreme 15.2.7
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery" />
-
-declare namespace DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): JQueryPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): JQueryPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether to enable or disable scrolling. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxForm): JQuery;
-}
-
-declare namespace DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare namespace DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the initial sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Specifies the data field against which the header items of this field should be sorted. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the header cell of a row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare namespace DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurrent appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the 'useColorAsDefault' property instead
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time. */
-        scrollToTime(hours: number, minutes: number): void;
-        /** Displays the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        /** The data object represented by the row. */
-        data: Object;
-        /** The key of the data object represented by the row. */
-        key: any;
-        /** The visible index of the row. */
-        rowIndex: number;
-        /** The type of the row. */
-        rowType: string;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-            }>;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow() method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** The Load panel configuration options. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare namespace DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare namespace DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-       /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-         /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare namespace DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated use the 'innerRadius' option instead
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated use the 'segmentsDirection' option instead
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated use the 'startAngle' option instead
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-                /** Specifies the format of the values displayed by crosshair labels. */
-                format?: string;
-                /** Specifies a precision for formatted values. */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies a default pane for the chart's series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Specifies the format of the values displayed by crosshair labels. */
-            format?: string;
-            /** Specifies a precision for formatted values. */
-            precision?: number;
-            /** Customizes the text displayed by the crosshair label that accompany the horizontal line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare namespace DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated ..\customMinorTicks.md
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This functionality in not more available
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated ..\minorTickInterval.md
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated ..\tick\tick.md
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated ..\..\title\subtitle\font\font.md
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated ..\title\subtitle\text.md
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare namespace DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated ..\tickInterval\tickInterval.md
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated minorTick\visible.md
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare namespace DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        data?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated ..\..\layers\label\dataField.md
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated ..\layers\paletteSize.md
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\maxSize.md
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\minSize.md
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\opacity.md
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated ..\layers\size.md
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated ..\layers\elementType.md
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated ..\layers\sizeGroups.md
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated ..\layers\sizeGroupingField.md
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the 'layers' option instead
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the 'layers' option instead
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the 'onSelectionChanged' option instead
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the 'onSelecitonChanged' option instead
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare namespace DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-15.2.9.d.ts b/devextreme/devextreme-15.2.9.d.ts
deleted file mode 100644
index 0b70507a5d..0000000000
--- a/devextreme/devextreme-15.2.9.d.ts
+++ /dev/null
@@ -1,7443 +0,0 @@
-// Type definitions for DevExtreme 15.2.9
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery"/>
-
-declare module DevExpress {
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
-        export function registerModelForValidation(model: Object) : void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /** Specifies whether or not the entire application/site supports right-to-left representation. */
-    export var rtlEnabled: boolean;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** Used to get URLs that vary in a locally running application and the application running on production. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns a local or a productional URL depending on how the application is currently running. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: string;
-        /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: string;
-        /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        export interface OperationPromise<T> extends JQueryPromise<T> {
-            operationId: number;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): OperationPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): OperationPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            cancel(operationId: number): boolean;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates found in the response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: Object;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether to enable or disable scrolling. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        /** Holds the list of selected values. */
-        values?: Array<any>;
-        /** A read-only option that holds the last selected value. */
-        value?: Object;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: {
-            /** The latitude location displayed in the center of the widget. */
-            lat?: number;
-            /** The longitude location displayed in the center of the widget. */
-            lng?: number;
-        };
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<any>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<any>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        onSelectAllChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        fieldEditEnabled?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        /** A format used to display date/time information. */
-        format?: string;
-        /** A Globalize format string specifying the date display format. */
-        formatString?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The latest date the widget allows to select. */
-        max?: Date;
-        /** The earliest date the widget allows to select. */
-        min?: Date;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidget {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** A handler for the itemTitleHold event. */
-        onItemTitleHold?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: File;
-        /** Holds the File instances representing files selected in the widget. */
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering the group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users if a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
-}
-
-declare module DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare module DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Sorts the header items of this field by the summary values of another field. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies a display format for field values. */
-        format?: string;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies a precision for formatted field values. */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the header cell of a row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurring appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the 'useColorAsDefault' property instead
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            field?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** Specifies whether or not an end-user can scroll the view horizontally. */
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time of the specified day. */
-        scrollToTime(hours: number, minutes: number, date: Date): void;
-        /** Displayes the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        /** Specifies the name of the data source item field that holds the key of the parent item. */
-        parentIdExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
-        expandedExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode option instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: any;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelected event. */
-        onItemSelected?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
-        selectionByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        /** The data object represented by the row. */
-        data: Object;
-        /** The key of the data object represented by the row. */
-        key: any;
-        /** The visible index of the row. */
-        rowIndex: number;
-        /** The type of the row. */
-        rowType: string;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: string;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /** Specifies a precision for formatted values displayed in a column. */
-        precision?: number;
-        /** Specifies a filter operation applied to a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-            groupContinuedMessage?: string;
-            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-            groupContinuesMessage?: string;
-        };
-        /** Specifies options that configure the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Specifies options for exporting grid data. */
-        export?: {
-            /** Indicates if the export feature is enabled in the grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
-                exportTo?: string;
-                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
-                exportToExcel?: string;
-                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
-                excelFormat?: string;
-                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
-                selectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /** Specifies a precision for the summary item value of a numeric format. */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: string;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-            skipEmptyValues?: boolean;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): void;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow() method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): void;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Specifies options for exporting pivot grid data. */
-        export?: {
-            /** Indicates whether the export feature is enabled for the pivot grid. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare module DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare module DevExpress.viz.core {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies the opacity of the tooltip's border. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Specifies the font color for a strip label. */
-        color?: string;
-        /** Specifies the font family for a strip label. */
-        family?: string;
-        /** Specifies the font opacity for a strip label. */
-        opacity?: number;
-        /** Specifies the font size for a strip label. */
-        size?: any;
-        /** Specifies the font weight for the text displayed in strips. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
-        bottom?: number;
-        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
-        left?: number;
-        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
-        right?: number;
-        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
-        top?: number;
-    }
-    export interface Size {
-        /** Specifies the width of the widget. */
-        width?: number;
-        /** Specifies the height of the widget. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the widget title's horizontal position. */
-        horizontalAlignment?: string;
-       /** Specifies the widget title's position in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the distance between the title and surrounding widget elements in pixels. */
-        margin?: viz.core.Margins;
-         /** Specifies the height of the space reserved for the title. */
-        placeholderSize?: number;
-        /** Specifies text for the title. */
-        text?: string;
-        /** Specifies a subtitle for the widget. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: viz.core.DashedBorderWithOpacity;
-        /** Specifies a color for the tooltip. */
-        color?: string;
-        /** Specifies the z-index for tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Specifies text and appearance of a set of tooltips. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        /** Specifies whether or not the tooltip is enabled. */
-        enabled?: boolean;
-        /** Specifies font options for the text displayed by the tooltip. */
-        font?: Font;
-        /** Specifies a format for the text displayed by the tooltip. */
-        format?: string;
-        /** Specifies the opacity of a tooltip. */
-        opacity?: number;
-        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies a precision for formatted values displayed by the tooltip. */
-        precision?: number;
-        /** Specifies options of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Specifies a color for the loading indicator background. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator text. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies a text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-    }
-}
-declare module DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted point arguments displayed in point labels. */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: string;
-        position?: string;
-        /** Specifies a precision for formatted point values displayed in point labels. */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show a label when the point has a zero value. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
-        alignment?: string;
-        /** Specifies how to shift point labels horizontally from their initial positions. */
-        horizontalOffset?: number;
-        /** Specifies how to shift point labels vertically from their initial positions. */
-        verticalOffset?: number;
-        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        /** An object defining the label configuration options for a series in the dxChart widget. */
-        label?: ChartSeriesConfigLabel;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies the series elements to highlight when the series is selected. */
-        selectionMode?: string;
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: any;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
-        closeValueField?: string;
-        /** Specifies a radius for bar corners. */
-        cornerRadius?: number;
-        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
-        highValueField?: string;
-        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
-        innerColor?: string;
-        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
-        lowValueField?: string;
-        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
-        openValueField?: string;
-        /** Specifies the pane that will be used to display a series. */
-        pane?: string;
-        /** An object defining configuration options for points in line-, scatter- and area-like series. */
-        point?: ChartCommonPointOptions;
-        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
-        rangeValue1Field?: string;
-        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for the stock or candleStick series. */
-        reduction?: {
-            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
-            color?: string;
-            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
-            level?: string;
-        };
-        /** Specifies the data source field that defines the size of bubbles. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
-        area?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the bubble type in the chart. */
-        bubble?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
-        candlestick?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
-        fullstackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
-        rangearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
-        rangebar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
-        spline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
-        splinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
-        stackedarea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
-        stackedline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
-        stackedspline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
-        steparea?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
-        stepline?: CommonSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
-        stock?: CommonSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /** Specifies a precision for the percentage values displayed in labels. */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated use the 'innerRadius' option instead
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated use the 'segmentsDirection' option instead
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated use the 'startAngle' option instead
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated use the 'type' option instead
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-        /** Specifies the position of the constant line label relative to the chart plot. */
-        position?: string;
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartCommonConstantLineLabel;
-        /** Specifies the space between the constant line label and the left/right side of the constant line. */
-        paddingLeftRight?: number;
-        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the label's position relative to the tick (grid line). */
-        alignment?: string;
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: {
-            /** Specifies how to arrange axis labels. */
-            mode?: string;
-            /** Specifies the angle used to rotate axis labels. */
-            rotationAngle?: number;
-            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for an axis title. */
-        font?: viz.core.Font;
-        /** Specifies a margin for an axis title in pixels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
-        label?: ChartCommonAxisLabel;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        /** Specifies, in pixels, the space reserved for an axis. */
-        placeholderSize?: number;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-                /** Specifies the label's position on a strip. */
-                horizontalAlignment?: string;
-                /** Specifies a label's position on a strip. */
-                verticalAlignment?: string;
-            };
-            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
-            paddingLeftRight?: number;
-            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
-        title?: CommonAxisTitle;
-        /** Indicates whether or not to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Specifies the horizontal alignment of a constant line label. */
-        horizontalAlignment?: string;
-        /** Specifies the vertical alignment of a constant line label. */
-        verticalAlignment?: string;
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the axis labels. */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text for the value axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: ChartConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Specifies the pane on which the current value axis will be displayed. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance options for the constant lines of the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Specifies options for value axis labels. */
-        label?: ChartAxisLabel;
-        /** Specifies the maximum value on the value axis. */
-        max?: any;
-        /** Specifies the minimum value on the value axis. */
-        min?: any;
-        /** Specifies the position of the value axis on a chart. */
-        position?: string;
-        /** Specifies the title for a value axis. */
-        title?: AxisTitle;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
-        multipleAxesSpacing?: number;
-        /** Specifies the value by which the chart's value axes are synchronized. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies a background color in a pane. */
-        backgroundColor?: string;
-        /** Specifies the border options of a chart's pane. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of a pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies the bottom border's visibility state in a pane. */
-        bottom?: boolean;
-        /** Specifies the left border's visibility state in a pane. */
-        left?: boolean;
-        /** Specifies the right border's visibility state in a pane. */
-        right?: boolean;
-        /** Specifies the top border's visibility state in a pane. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies the maximum series point count in the chart that the animation supports. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: string;
-        /** Specifies a precision for formatted arguments displayed in tooltips. */
-        argumentPrecision?: number;
-        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Specifies a callback function that returns an object with options for a specific point label. */
-        customizeLabel?: (labelInfo: Object) => Object;
-        /** Specifies a callback function that returns an object with options for a specific point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies a data source for the chart. */
-        dataSource?: any;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
-        margin?: viz.core.Margins;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /** Specifies a title for the chart. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-        negativesAsZeroes?: boolean;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
-        adjustOnZoom?: boolean;
-        /** Specifies argument axis options for the dxChart widget. */
-        argumentAxis?: ChartArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
-        commonPaneSettings?: CommonPane;
-        /** An object defining the configuration options that are common for all series of the dxChart widget. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** An object that specifies the appearance options of the chart crosshair. */
-        crosshair?: {
-            /** Specifies a color for the crosshair lines. */
-            color?: string;
-            /** Specifies a dash style for the crosshair lines. */
-            dashStyle?: string;
-            /** Specifies whether to enable the crosshair or not. */
-            enabled?: boolean;
-            /** Specifies the opacity of the crosshair lines. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Specifies the appearance of the horizontal crosshair line. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Specifies the appearance of the vertical crosshair line. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Specifies the options of the crosshair labels. */
-            label?: {
-                /** Specifies a color for the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Specifies whether the crosshair labels are visible or not. */
-                visible?: boolean;
-                /** Specifies font options for the text of the crosshair labels. */
-                font?: viz.core.Font;
-                /** Specifies the format of the values displayed by crosshair labels. */
-                format?: string;
-                /** Specifies a precision for formatted values. */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies a default pane for the chart series. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
-        panes?: Array<Pane>;
-        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: ChartTooltip;
-        /** Specifies value axis options for the dxChart widget. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    /** A widget used to embed charts into HTML JS applications. */
-    export class dxChart extends BaseChart {
-        constructor(element: JQuery, options?: dxChartOptions);
-        constructor(element: Element, options?: dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
-            visible?: boolean;
-            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Specifies the format of the values displayed by crosshair labels. */
-            format?: string;
-            /** Specifies a precision for formatted values. */
-            precision?: number;
-            /** Customizes the text displayed by the crosshair label that accompany the horizontal line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        /** Specifies tooltip options. */
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPolarChartOptions);
-        constructor(element: Element, options?: dxPolarChartOptions);
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-    /** A circular chart widget for HTML JS applications. */
-    export class dxPieChart extends BaseChart {
-        constructor(element: JQuery, options?: dxPieChartOptions);
-        constructor(element: Element, options?: dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
-         */
-        getSeries(): PieSeries;
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
-}
-declare module DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated ..\customMinorTicks.md
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This functionality in not more available
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated ..\minorTickInterval.md
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: string;
-        /** Specifies a precision for the formatted value displayed in the scale labels. */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This functionality in not more available
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This functionality in not more available
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated ..\tick\tick.md
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: string;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by an indicator. */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: Array<any>;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies the size of the widget in pixels. */
-        size?: viz.core.Size;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated ..\..\title\subtitle\font\font.md
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated ..\title\subtitle\text.md
-             */
-            text?: string;
-        };
-        /** Specifies a title for a gauge. */
-        title?: {
-            /** Specifies font options for the title. */
-            font?: viz.core.Font;
-            /**
-             * Specifies a title's position on the gauge.
-             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
-             */
-            position?: string;
-            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
-            margin?: viz.core.Margins;
-            /** Specifies the height of the space reserved for the title. */
-            placeholderSize?: number;
-            /** Specifies the gauge title's position in the vertical direction. */
-            verticalAlignment?: string;
-            /** Specifies the gauge title's horizontal position. */
-            horizontalAlignment?: string;
-            /** Specifies text for the title. */
-            text?: string;
-            /** Specifies a subtitle for the widget. */
-            subtitle?: {
-                /** Specifies font options for the subtitle. */
-                font?: viz.core.Font;
-                /** Specifies text for the subtitle. */
-                text?: string;
-            }
-        };
-        /** Specifies options for gauge tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
-        margin?: viz.core.Margins;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxLinearGaugeOptions);
-        constructor(element: Element, options?: dxLinearGaugeOptions);
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends dxBaseGauge {
-        constructor(element: JQuery, options?: dxCircularGaugeOptions);
-        constructor(element: Element, options?: dxCircularGaugeOptions);
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: string;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /** Specifies a precision for the formatted value displayed by labels. */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxBarGaugeOptions);
-        constructor(element: Element, options?: dxBarGaugeOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws the widget. */
-        render(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
-}
-declare module DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies a title for the range selector. */
-        title?: viz.core.Title;
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-            negativesAsZeroes?: boolean;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
-        margin?: viz.core.Margins;
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: string;
-                /** Specifies a precision for the formatted value displayed in the scale labels. */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated ..\tickInterval\tickInterval.md
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: string;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated minorTick\visible.md
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies in pixels the size of the dxRangeSelector widget. */
-        size?: viz.core.Size;
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: string;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /** Specifies a precision for the formatted value displayed in slider markers. */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxRangeSelectorOptions);
-        constructor(element: Element, options?: dxRangeSelectorOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
-}
-declare module DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the "Layer Element" instead
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated ..\..\Layer\2 Fields\type.md
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the "selected()" method of the Layer Element
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the "selected(state)" method of the Layer Element
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        data?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated ..\..\layers\label\dataField.md
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated ..\layers\paletteSize.md
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated ..\layers\borderColor.md
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated ..\layers\borderWidth.md
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated ..\layers\color.md
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated ..\layers\customize.md
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated ..\..\layers\label\label.md
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated ..\..\layers\label\enabled.md
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\maxSize.md
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\minSize.md
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\opacity.md
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated ..\layers\selectedColor.md
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated ..\layers\size.md
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated ..\layers\elementType.md
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated ..\layers\palette.md
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated ..\layers\colorGroupingField.md
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated ..\layers\sizeGroups.md
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated ..\layers\sizeGroupingField.md
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the 'layers' option instead
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the loading indicator. */
-        loadingIndicator?: viz.core.LoadingIndicator;
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the 'layers.data' option instead
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the 'layers' option instead
-         */
-        markerSettings?: MarkerSettings;
-        /** Specifies the size of the dxVectorMap widget. */
-        size?: viz.core.Size;
-        /** Specifies a title for the vector map. */
-        title?: viz.core.Title;
-        /** Specifies tooltip options. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the 'onSelectionChanged' option instead
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the 'onClick' option instead
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the 'onSelecitonChanged' option instead
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget {
-        constructor(element: JQuery, options?: dxVectorMapOptions);
-        constructor(element: Element, options?: dxVectorMapOptions);
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getAreas(): Array<Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the 'getElements' method on a layer instead
-         */
-        getMarkers(): Array<Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
-}
-declare module DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
-        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of the widget. */
-        size?: viz.core.Size;
-        /** Specifies tooltip options. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-        /** Redraws a widget. */
-        render(): void;
-    }
-    export interface dxBulletOptions extends BaseSparkline {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    /** A bullet graph widget. */
-    export class dxBullet extends BaseSparkline {
-        constructor(element: JQuery, options?: dxBulletOptions);
-        constructor(element: Element, options?: dxBulletOptions);
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends BaseSparkline {
-        constructor(element: JQuery, options?: dxSparklineOptions);
-        constructor(element: Element, options?: dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
diff --git a/devextreme/devextreme-16.1.6.d.ts b/devextreme/devextreme-16.1.6.d.ts
deleted file mode 100644
index 7e612e69d1..0000000000
--- a/devextreme/devextreme-16.1.6.d.ts
+++ /dev/null
@@ -1,8043 +0,0 @@
-// Type definitions for DevExtreme 16.1.6
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../jquery/jquery.d.ts" />
-
-declare module DevExpress {
-    /** Formats values. */
-    export interface Format {
-        /** Specifies a predefined format. */
-        type?: String;
-        /** Specifies the currency code for the 'currency' format. */
-        currency?: String;
-        /** Specifies a precision for values of a numeric format. */
-        precision?: number;
-        /** Parses string values into numeric or date-time values. */
-        parser?: (value: any) => any;
-        /** Specifies a custom format. */
-        formatter?: (value: any) => any;
-    }
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects extending fields of the specified ViewModel. */
-        export function registerModelForValidation(model: Object): void;
-        /** Unregisters all the dxValidator objects extending fields of the specified ViewModel. */
-        export function unregisterModelForValidation(model: Object): void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /**
-     * Specifies whether or not the entire application/site supports right-to-left representation.
-     * @deprecated Use the config(config) method instead.
-     */
-    export var rtlEnabled: boolean;
-    /** Gets the current global configuration object. */
-    export function config(): Object;
-    /** Sets the global configuration object. */
-    export function config(config: Object): void;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** An object used to manage OData endpoints in your application. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns an endpoint for the specified key. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on a specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: any;
-        /** The element within which the widget is positioned. */
-        boundary?: Object;
-        /** Specifies the horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: any;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: any;
-        /** The target element that the widget is positioned against. */
-        of?: Object;
-        /** Specifies horizontal and vertical offset in pixels. */
-        offset?: any;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate() method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate() method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** A bag for holding any options that require two-way binding (Angular approach specific) */
-        bindingOptions?: { [key: string]: any; };
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** Specifies whether or not the store combines the search expression with the filter expression. */
-            useDefaultSearch?: boolean;
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** The bag of custom parameters passed to the query executed when the DataSource load operation is invoked. */
-            customQueryParams?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        export interface OperationPromise<T> extends JQueryPromise<T> {
-            operationId: number;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): OperationPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): OperationPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(...expr: Object[]): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            /** Cancels the load operation associated with the specified identifier. */
-            cancel(operationId: number): boolean;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, Boolean, Single, Decimal and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates in a response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Allows you to export widgets using their SVG markup. */
-        export function exportFromMarkup(markup: string, options: Object): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxValidatorValidationAdapter {
-        /** A function that returns the value to be validated. */
-        getValue?: Function;
-        /** The jQuery.Callbacks() object that is fired when the specified value should be validated. */
-        validationRequestsCallbacks?: JQueryCallback;
-        /** A function that the dxValidator widget calls after validating a specified value. */
-        applyValidationResults?: (params: validationEngine.ValidatorValidationResult) => void;
-        /** A function that resets the validated values. */
-        reset?: Function;
-        /** A function that sets focus to the validated editors when the dxValidationSummary is focused. */
-        focus?: Function;
-        /** A function that returns a Boolean value specifying whether or not to bypass validation. */
-        bypass?: Function;
-    }
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate and how to apply the validation result. */
-        adapter?: dxValidatorValidationAdapter;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: any;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated Use the DataSource paging opportunities instead.
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies the minimum height of the widget. */
-        minHeight?: any;
-        /** Specifies the maximum height of the widget. */
-        maxHeight?: any;
-        /** A Boolean value specifying whether or not the auto resizing mode is enabled. */
-        autoResizeEnabled?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if tabs in the title are scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean indicating whether or not to add scrolling support for tabs in the title. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        acceptCustomValue?: boolean;
-        /** Specifies whether or not to display selection controls. */
-        showSelectionControls?: boolean;
-        /** A handler for the customItemCreating event. */
-        onCustomItemCreating?: Function;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        values?: Array<any>;
-        /** Specifies the selected items. */
-        value?: Array<any>;
-        /** Gets the currently selected items. */
-        selectedItems?: Array<any>;
-        /** Specifies how the widget applies values. */
-        applyValueMode?: string;
-        /** A Boolean value specifying whether or not to hide selected items. */
-        hideSelectedItems?: boolean;
-        /** A handler for the selectAllValueChanged event. */
-        onSelectAllValueChanged?: Function;
-        /** A Boolean value specifying whether or not the widget is multiline. */
-        multiline?: boolean;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** The template to be used for rendering tags. */
-        tagTemplate?: any;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupToolbarItemOptions {
-        /** Specifies whether or not a toolbar item must be displayed disabled. */
-        disabled?: boolean;
-        /** Specifies html code inserted into the toolbar item element. */
-        html?: string;
-        /** Specifies a location for the item on the toolbar. */
-        location?: string;
-        /** Specifies a configuration object for the widget that presents a toolbar item. */
-        options?: Object;
-        /** Specifies an item template that should be used to render this item only. */
-        template?: any;
-        /** Specifies text displayed for the toolbar item. */
-        text?: string;
-        /** Specifies whether the item is displayed on a top or bottom toolbar. */
-        toolbar?: string;
-        /** Specifies whether or not a widget item must be displayed. */
-        visible?: boolean;
-        /** A widget that presents a toolbar item. */
-        widget?: string;
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        toolbarItems?: Array<dxPopupToolbarItemOptions>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-        /** Specifies the text of the message displayed if the specified value is not a number. */
-        invalidValueMessage?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapLocation {
-        /** The latitude location of the widget. */
-        lat?: number;
-        /** The longitude location of the widget. */
-        lng?: number;
-    }
-    export interface dxMapMarker {
-        /** A URL pointing to the custom icon to be used for the marker. */
-        iconSrc?: string;
-        /** Specifies the marker location. */
-        location?: dxMapLocation;
-        /** A callback function performed when the marker is clicked. */
-        onClick?: Function;
-        /** A tooltip to be used for the marker. */
-        tooltip?: {
-            /** Specifies whether a tooltip is visible by default or not. */
-            isShown?: boolean;
-            /** Specifies the tooltip text. */
-            text?: string;
-        }
-    }
-    export interface dxMapRoute {
-        /** Specifies the color of the line displaying the route. */
-        color?: string;
-        /** Specifies a transportation mode to be used in the displayed route. */
-        mode?: string;
-        /** Specifies the opacity of the line displaying the route. */
-        opacity?: number;
-        /** Contains an array of objects making up the route. */
-        locations?: Array<dxMapLocation>;
-        /** Specifies the thickness of the line displaying the route in pixels. */
-        weight?: number;
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: dxMapLocation;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<dxMapMarker>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<dxMapRoute>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        applyValueMode?: string;
-        /** An object that defines widget animation options. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated Use the pageLoadMode option instead.
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-        /** Specifies whether or not the widget can be focused. */
-        focusStateEnabled?: boolean;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface ListOptionsMenuItem {
-        /** Specifies the menu item text. */
-        text?: string;
-        /** Holds on a function called when the item is clicked. */
-        action?: (itemElement: Element, itemData: any) => void;
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** A handler for the selectAllValueChanged event. */
-        onSelectAllValueChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<ListOptionsMenuItem>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        fieldEditEnabled?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        acceptCustomValue?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        formatString?: any;
-        /** Specifies the date display format. Applies only if the pickerType option is 'native' */
-        displayFormat?: any;
-        format?: string;
-        /** A format used to display date/time information. */
-        type?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use the pickerType option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use the pickerType option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** Specifies whether or not adaptive widget rendering is enabled on a small screen. */
-        adaptivityEnabled?: boolean;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** An object or a value, specifying the date and time currently selected in the calendar. */
-        value?: any;
-        /** The latest date the widget allows to select. */
-        max?: any;
-        /** The earliest date the widget allows to select. */
-        min?: any;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidgetOptions {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: Array<File>;
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** Specifies the method for the upload request. */
-        uploadMethod?: string;
-        /** Specifies headers for the upload request. */
-        uploadHeaders?: Object;
-        /** A handler for the uploadStarted event. */
-        onUploadStarted?: Function;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the uploadAborted event. */
-        onUploadAborted?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    /** Specifies dependency between the screen factor and the count of columns. */
-    export interface ColCountResponsible {
-        /** The count of columns for an extra small-sized screen. */
-        xs?: number;
-        /** The count of columns for a small-sized screen. */
-        sm?: number;
-        /** The count of columns for a middle-sized screen. */
-        md?: number;
-        /** The count of columns for a large screen size. */
-        lg?: number;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering a group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies dependency between the screen factor and the count of columns in the tab layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies dependency between the screen factor and the count of columns in the group layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies dependency between the screen factor and the count of columns in the form layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users if a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Returns an editor instance associated with the specified formData field. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-        /** Resets the editor's value to undefined. */
-        resetValues(): void;
-    }
-    export interface dxDeferRenderingOptions extends WidgetOptions {
-        /** Indicates if a load indicator should be shown until the widget's content is rendered. */
-        showLoadIndicator?: boolean;
-        /** Specifies the jQuery.Promise or boolean value, which when resolved, forces widget content to render. */
-        renderWhen?: any;
-        /** Specifies the animation to be used to show the rendered content. */
-        animation?: fx.AnimationOptions;
-        /** Specifies a jQuery selector of items that should be rendered using a staggered animation. */
-        staggerItemSelector?: string;
-        /** Specifies a callback function that is called when the widget's content has finished rendering but is not yet shown. */
-        onRendered?: Function;
-        /** Specifies a callback function that is called when widget content is shown and animation has completed. */
-        onShown?: Function;
-    }
-    /** A container for elements that must be rendered at a specified moment. */
-    export class dxDeferRendering extends Widget {
-        constructor(element: JQuery, options?: dxDeferRenderingOptions);
-        constructor(element: Element, options?: dxDeferRenderingOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
-}
-
-declare module DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare module DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser and field panel to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Sorts the header items of this field by the summary values of another field. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies whether or not long text in header items should be wrapped. */
-        wordWrapEnabled?: boolean;
-        /** Specifies a display format for field values. */
-        format?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /**
-         * Specifies a precision for formatted field values.
-         * @deprecated Use the format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSource);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: any;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurring appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the useColorAsDefault option instead.
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /**
-             * The name of the appointment object field that specifies a resource of this kind.
-             * @deprecated Use the fieldExpr option instead.
-             */
-            field?: string;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            fieldExpr?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** A handler for the contentReady event. */
-        onContentReady?: Function;
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether or not an end-user can scroll the view in both directions at the same time. */
-        crossScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies the name of the data source item field that defines the timezone of the appointment start date. */
-        startDateTimeZoneExpr?: string;
-        /** Specifies the name of the data source item field that defines the timezone of the appointment end date. */
-        endDateTimeZoneExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-        /** Specifies the timezone of the widget. */
-        timeZone?: string;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. Available for the Agenda view only. */
-        noDataText?: string;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time of the specified day. */
-        scrollToTime(hours: number, minutes: number, date: Date): void;
-        /** Displayes the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
-        /** Returns the start date of the current view. */
-        getStartViewDate(): Date;
-        /** Returns the end date of the current view. */
-        getEndViewDate(): Date;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is displayed expanded. */
-        expandedExpr?: any;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies whether or not an item becomes selected if a user clicks it. */
-        selectByClick?: boolean;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies the name of the data source item field for holding the parent key of the corresponding node. */
-        parentIdExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: Object;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelectionChanged event. */
-        onItemSelectionChanged?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /**
-         * Specifies whether or not an item becomes selected if an end-user clicks it.
-         * @deprecated Use the selectByClick option instead.
-         */
-        selectionByClick?: boolean;        
-        /** Specifies whether or not an item becomes selected if a user clicks it. */
-        selectByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** Specifies whether or not adaptive widget rendering is enabled on a small screen. */
-        adaptivityEnabled?: boolean;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        data: Object;
-        key: any;
-        rowIndex: number;
-        rowType: string;
-        groupIndex: number;
-        isExpanded: boolean;
-        isSelected: boolean;
-        values: Array<any>;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether the user can group data by values of this column. Applies only when grouping is enabled. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string; target: string; groupInterval: any }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the order according to which grid columns must be concealed when the widget adapts to the screen or container size. */
-        hidingPriority?: number;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: any;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /**
-         * Specifies a precision for formatted values displayed in a column.
-         * @deprecated Use the format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the default filter operation of a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        /** Specifies the band column that owns the current column. Accepts the index of the band column in the columns array. */
-        ownerBand?: number;
-        /** Specifies whether the column bands other columns or not. */
-        isBand?: boolean;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not the widget should hide columns in order to adapt to the screen or container size. */
-        columnHidingEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** A handler for the adaptiveDetailRowPreparing event. */
-        onAdaptiveDetailRowPreparing?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies how the end-user chooses columns. */
-            mode?: string;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Customizes grid columns and data before exporting. */
-        customizeExportData?: (columns: Array<dxDataGridColumn>, rows: Array<dxDataGridRow>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the mode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the mode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the mode option is set to cell and the validation capabilities are enabled. */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies grouping settings and the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Enables the user to group data using the context menu. */
-            contextMenuEnabled?: boolean;
-            /** Specifies the event on which a group will be expanded/collapsed. */
-            expandMode?: string;
-                groupContinuedMessage?: string;
-            groupContinuesMessage?: string;
-            /** Defines the texts of grouping-related visual elements. */
-            texts?: {
-                /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-                groupContinuedMessage?: string;
-                /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-                groupContinuesMessage?: string;
-                /** Specifies the text of the context menu item that groups data by a specific column. */
-                groupByThisColumn?: string;
-                /** Specifies the text of the context menu item that clears grouping settings of a specific column. */
-                ungroup?: string;
-                /** Specifies the text of the context menu item that clears grouping settings of all columns. */
-                ungroupAll?: string;
-            }
-        };
-        /** Configures the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: any;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: any;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies whether to search all columns or only visible ones. */
-            searchVisibleColumnsOnly?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Configures client-side export. */
-        export?: {
-            /** Enables the client-side export feature. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Allows an end user to export selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies the hint of the Export button when the allowExportSelectedData option is true. */
-                exportTo?: string;
-                exportToExcel?: string;
-                excelFormat?: string;
-                selectedRows?: string;
-                /** Specifies the text of the command that exports all data. */
-                exportAll?: string;
-                /** Specifies the text of the drop-down menu command that exports selected rows. */
-                exportSelectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /**
-                 * Specifies a precision for the summary item value of a numeric format.
-                 * @deprecated Use the valueFormat | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: any;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /**
-                 * Specifies a precision for the summary item value of a numeric format.
-                 * @deprecated Use the valueFormat | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: any;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-            skipEmptyValues?: boolean;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Checks whether a specific adaptive detail row is expanded or collapsed. */
-        isAdaptiveDetailRowExpanded(key: any): void;
-        /** Expands an adaptive detail row by the key of its parent data row. */
-        expandAdaptiveDetailRow(key: any): void;
-        /** Collapses the currently expanded adaptive detail row (if there is one). */
-        collapseAdaptiveDetailRow(): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): JQueryPromise<any>;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow(rowIndex) method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): JQueryPromise<any>;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns how many pages the grid contains. */
-        pageCount(): number;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Specifies the area to which data field headers must belong. */
-        dataFieldArea?: string;
-         /** Configures the field panel. */
-        fieldPanel?: {
-            /** Makes fields on the field panel draggable. */
-            allowFieldDragging?: boolean;
-            /** Shows/hides filter fields on the field panel. */
-            showFilterFields?: boolean;
-            /** Shows/hides data fields on the field panel. */
-            showDataFields?: boolean;
-            /** Shows/hides column fields on the field panel. */
-            showColumnFields?: boolean;
-            /** Shows/hides row fields on the field panel. */
-            showRowFields?: boolean;
-            /** Shows/hides the field panel. */
-            visible?: boolean;
-            /** Specifies the placeholders of the field areas. */
-            texts?: {
-                /** Specifies the placeholder of the column field area. */
-                columnFieldArea?: string;
-                /** Specifies the placeholder of the row field area. */
-                rowFieldArea?: string;
-                /** Specifies the placeholder of the filter field area. */
-                filterFieldArea?: string;
-                /** Specifies the placeholder of the data field area. */
-                dataFieldArea?: string;
-            }
-        }
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether long text in header items should be wrapped. */
-        wordWrapEnabled?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies the layout of items in the row header. */
-        rowHeaderLayout?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Configures client-side export. */
-        export?: {
-            /** Enables client-side export. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-        /** Binds a dxChart to the dxPivotGrid. */
-        bindChart(chart: any, integrationOptions?: {
-            inverted?: boolean;
-            dataFieldsDisplayMode?: string;
-            putDataFieldsInto?: string;
-            alternateDataFields?: boolean;
-            processCell?: Function;
-            customizeChart?: Function;
-            customizeSeries?: Function;
-        }): any;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare module DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare module DevExpress.viz.core {
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies how transparent the vertical crosshair line should be. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Colors the text displayed by the group labels. */
-        color?: string;
-        /** Specifies the font family of the text displayed by the group labels. */
-        family?: string;
-        /** Specifies how transparent the text displayed by the group labels should be. */
-        opacity?: number;
-        /** Specifies the size of the text displayed by the group labels. */
-        size?: any;
-        /** Specifies the font weight of the text displayed by the group labels. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface MarginOptions {
-        /** Generates space around the widget. */
-        margin?: Margins;
-    }
-    export interface RedrawOnResizeOptions {
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-    }
-    export interface TitleOptions {
-        /** Specifies the widget title. */
-        title?: Title;
-    }
-    export interface ExportOptions {
-        /** Configures the exporting and printing features. */
-        export?: Export;
-    }
-    export interface LoadingIndicatorOptions {
-        /** Configures the loading indicator. */
-        loadingIndicator?: LoadingIndicator;
-    }
-    export interface LoadingIndicatorMethods {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-    }
-    export interface Size {
-        /** Specifies the width of the widget in pixels. */
-        width?: number;
-        /** Specifies the height of the widget in pixels. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the title's alignment in a horizontal direction. */
-        horizontalAlignment?: string;
-       /** Specifies the title's alignment in a vertical direction. */
-        verticalAlignment?: string;
-        /** Generates space around the title. */
-        margin?: Margins;
-         /** Specifies the minimum height that the title occupies. */
-        placeholderSize?: number;
-        /** Specifies the title text. */
-        text?: string;
-        /** Specifies the widget subtitle. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Export {
-        /** Enables the client-side exporting in the widget. */
-        enabled?: boolean;
-        /** Enables the printing feature in the widget. Applies only if the export | enabled option is true. */
-        printingEnabled?: boolean;
-        /** Specifies a set of formats available for exporting into. */
-        formats?: Array<string>;
-        /** Specifies a default name for the file to which the widget will be exported. */
-        fileName?: string;
-        /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable exporting in IE9 and Safari browsers. */
-        proxyUrl?: string;
-        /** Specifies the color that will fill transparent regions in the resulting file or document. */
-        backgroundColor?: string;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: DashedBorderWithOpacity;
-        /** Specifies the color of tooltips. */
-        color?: string;
-        /** Specifies the z-index of tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Allows you to change tooltip appearance. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        enabled?: boolean;
-        /** Specifies the font of the text displayed by a tooltip. */
-        font?: Font;
-        /** Specifies the format of the value displayed by a tooltip. */
-        format?: any;
-        /** Specifies the opacity of tooltips. */
-        opacity?: number;
-        /** Generates space on the left and the right of the text displayed by a tooltip. */
-        paddingLeftRight?: number;
-        /** Generates space above and below the text displayed by a tooltip. */
-        paddingTopBottom?: number;
-        /**
-         * Specifies the precision of formatted values in a tooltip.
-         * @deprecated Use the tooltip | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the appearance of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip itself measured in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip itself measured in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Colors the background of the loading indicator. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies the text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** Specifies the size of the widget in pixels. */
-        size?: Size;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-        /** Exports the widget into a document with a specified name and format. */
-        exportTo(): void;
-        /** Opens the browser's print window. */
-        print(): void;
-        /** Redraws the widget. */
-        render(): void;
-    }
-}
-declare module DevExpress.viz {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-}
-declare module DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label of a series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: any;
-        /**
-         * Specifies a precision for formatted point arguments displayed in point labels.
-         * @deprecated Use the series | label | argumentFormat | precision instead.
-         */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: any;
-        position?: string;
-        /**
-         * Specifies a precision for formatted point values displayed in point labels.
-         * @deprecated Use the series | label | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show labels for points with zero value. Applies only to bar-like series. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Aligns point labels in relation to their points. */
-        alignment?: string;
-        /** Along with verticalOffset, shifts point labels from their initial positions. */
-        horizontalOffset?: number;
-        /** Along with horizontalOffset, shifts point labels from their initial positions. */
-        verticalOffset?: number;
-        /**
-         * Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series.
-         * @deprecated Use the series | label | format | percentPrecision instead.
-         */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        label?: ChartSeriesConfigLabel;
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies series elements to be highlighted when a user selects a point. */
-        selectionMode?: string;
-        selectionStyle?: {
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** Substitutes the standard point symbols with an image. */
-        image?: {
-            /** Specifies the height of the image used instead of a point marker. */
-            height?: any;
-            /** Specifies the URL of the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies which data source field provides close values for points of a financial series. */
-        closeValueField?: string;
-        /** Makes bars look rounded. Applies only to bar-like series. */
-        cornerRadius?: number;
-        /** Specifies which data source field provides high values for points of a financial series. */
-        highValueField?: string;
-        /** Specifies a filling color for the body of a series point that visualizes a non-reduced value. Applies only to candlestick series. */
-        innerColor?: string;
-        /** Specifies which data source field provides low values for points of a financial series. */
-        lowValueField?: string;
-        /** Specifies which data source field provides open values for points of a financial series. */
-        openValueField?: string;
-        /** Specifies which pane the series should belong to. Accepts the name of the pane. */
-        pane?: string;
-        point?: ChartCommonPointOptions;
-        /** Coupled with the rangeValue2Field option, specifies which data source field provides values for a range-like series. */
-        rangeValue1Field?: string;
-        /** Coupled with the rangeValue1Field option, specifies which data source field provides values for a range-like series. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for financial series. */
-        reduction?: {
-            /** Specifies a color for the points whose price has decreased in comparison to the price of the previous point. */
-            color?: string;
-            /** Specifies whether high, low, open or close prices of points should be compared. */
-            level?: string;
-        };
-        /** Specifies which data source field provides size values for bubbles. Required by and applies only to bubble series. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** Defines common settings for all area series. */
-        area?: CommonSeriesConfig;
-        /** Defines common settings for all bar series. */
-        bar?: CommonSeriesConfig;
-        /** Defines common settings for all bubble series. */
-        bubble?: CommonSeriesConfig;
-        /** Defines common settings for all candlestick series. */
-        candlestick?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked area series. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked spline area series. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked bar series. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked line series. */
-        fullstackedline?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked spline series. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** Defines common settings for all line series. */
-        line?: CommonSeriesConfig;
-        /** Defines common settings for all range area series. */
-        rangearea?: CommonSeriesConfig;
-        /** Defines common settings for all range bar series. */
-        rangebar?: CommonSeriesConfig;
-        /** Defines common settings for all scatter series. */
-        scatter?: CommonSeriesConfig;
-        /** Defines common settings for all spline series. */
-        spline?: CommonSeriesConfig;
-        /** Defines common settings for all spline area series. */
-        splinearea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked area series. */
-        stackedarea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked spline area series. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked bar series. */
-        stackedbar?: CommonSeriesConfig;
-        /** Defines common settings for all stacked line series. */
-        stackedline?: CommonSeriesConfig;
-        /** Defines common settings for all stacked spline series. */
-        stackedspline?: CommonSeriesConfig;
-        /** Defines common settings for all step area series. */
-        steparea?: CommonSeriesConfig;
-        /** Defines common settings for all step line series. */
-        stepline?: CommonSeriesConfig;
-        /** Defines common settings for all stock series. */
-        stock?: CommonSeriesConfig;
-        /** Specifies the type of the series. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /**
-         * Specifies a precision for the percentage values displayed in labels.
-         * @deprecated Use the series | label | format | percentPrecision instead.
-         */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated Use the innerRadius option instead.
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated Use the segmentsDirection option instead.
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated Use the startAngle option instead.
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for constant line labels. */
-        font?: viz.core.Font;
-        /** Specifies the position of constant line labels on the chart plot. */
-        position?: string;
-        /** Makes constant line labels visible. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** Configures constant line labels. */
-        label?: ChartCommonConstantLineLabel;
-        /** Generates a pixel-measured empty space between the left/right side of a constant line and the constant line label. */
-        paddingLeftRight?: number;
-        /** Generates a pixel-measured empty space between the top/bottom side of a constant line and the constant line label. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Aligns axis labels in relation to ticks. */
-        alignment?: string;
-        /** Decides how to arrange axis labels when there is not enough space to keep all of them. */
-        overlappingBehavior?: {
-            /** Decides how to arrange axis labels when there is not enough space to keep all of them. */
-            mode?: string;
-            /** Specifies the rotation angle of axis labels. Applies only if the mode option is "rotate". */
-            rotationAngle?: number;
-            /** Adds a pixel-measured empty space between two staggered rows of axis labels. Applies only if the mode option is "stagger". */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for the axis title. */
-        font?: viz.core.Font;
-        /** Adds a pixel-measured empty space between the axis title and axis labels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Configures the appearance of all constant lines in the widget. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Configures axis labels. */
-        label?: ChartCommonAxisLabel;
-        /** Controls the empty space between the maximum series points and the axis. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        maxValueMargin?: number;
-        /** Controls the empty space between the minimum series points and the axis. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        minValueMargin?: number;
-        /** Reserves a pixel-measured space for the axis. */
-        placeholderSize?: number;
-        /** Configures the appearance of strips. */
-        stripStyle?: {
-            /** Configures the appearance of strip labels. */
-            label?: {
-                /** Specifies font options for strip labels. */
-                font?: viz.core.Font;
-                /** Aligns strip labels in the horizontal direction. */
-                horizontalAlignment?: string;
-                /** Aligns strip labels in the vertical direction. */
-                verticalAlignment?: string;
-            };
-            /** Generates a pixel-measured empty space between the left/right border of a strip and the strip label. */
-            paddingLeftRight?: number;
-            /** Generates a pixel-measured empty space between the top/bottom border of a strip and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** Configures axis titles. */
-        title?: CommonAxisTitle;
-        /** Adds an empty space between the axis and the minimum and maximum series points. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Aligns constant line labels in the horizontal direction. */
-        horizontalAlignment?: string;
-        /** Aligns constant line labels in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the text of a constant line label. By default, equals to the value of the constant line. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: any;
-        /**
-         * Specifies a precision for the formatted value displayed in the axis labels.
-         * @deprecated Use the valueAxis | label | format | precision option instead.
-         */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text of the axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** Specifies the appearance of the labels of those constant lines that belong to the value axis. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** Configures the constant line label. */
-        label?: ChartConstantLineLabel;
-        /** Specifies the value indicated by a constant line. Setting this option is necessary. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Binds the value axis to a pane. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Declares a collection of constant lines belonging to the value axis. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance of those constant lines that belong to the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Configures the labels of the value axis. */
-        label?: ChartAxisLabel;
-        /** Coupled with the min option, focuses the widget on a specific chart segment. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        max?: any;
-        /** Coupled with the max option, focuses the widget on a specific chart segment. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        min?: any;
-        /** Relocates the value axis. */
-        position?: string;
-        /** Configures the axis title. */
-        title?: any;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Adds a pixel-measured empty space between two side-by-side value axes. Applies if several value axes are located on one side of the chart. */
-        multipleAxesSpacing?: number;
-        /** Synchronizes two or more value axes with each other at a specific value. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies the color of the pane's background. */
-        backgroundColor?: string;
-        /** Configures the pane border. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of the pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Shows/hides the bottom border of the pane. Applies only when the border | visible option is true. */
-        bottom?: boolean;
-        /** Shows/hides the left border of the pane. Applies only when the border | visible option is true. */
-        left?: boolean;
-        /** Shows/hides the right border of the pane. Applies only when the border | visible option is true. */
-        right?: boolean;
-        /** Shows/hides the top border of the pane. Applies only when the border | visible option is true. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies how many series points the widget should have before the animation will be disabled. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: any;
-        /**
-         * Specifies a precision for formatted arguments displayed in tooltips.
-         * @deprecated Use the tooltip | argumentFormat | precision option instead.
-         */
-        argumentPrecision?: number;
-        /**
-         * Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series.
-         * @deprecated Use the tooltip | format | percentPrecision option instead.
-         */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions, viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the widget's width small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the widget's height small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels should be kept when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Customizes the appearance of an individual point label. */
-        customizeLabel?: (pointInfo: Object) => Object;
-        /** Customizes the appearance of an individual series point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies the origin of data for the widget. */
-        dataSource?: any;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Configures tooltips. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-        negativesAsZeroes?: boolean;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a series point or on its edge. Applies to bar-like and bubble series only. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Specifies whether or not to adjust the value axis when zooming the widget. */
-        adjustOnZoom?: boolean;
-        /** Configures the argument axis. */
-        argumentAxis?: ChartArgumentAxis;
-        /** Defines common settings for both the argument and value axis in a chart. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** Defines common settings for all panes in a chart. */
-        commonPaneSettings?: CommonPane;
-        /** Specifies settings common for all series in the chart. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** Configures the crosshair feature. */
-        crosshair?: {
-            /** Specifies the color of the crosshair lines. */
-            color?: string;
-            /** Specifies the dash style of the crosshair lines. */
-            dashStyle?: string;
-            /** Enables the crosshair. */
-            enabled?: boolean;
-            /** Specifies how transparent the crosshair lines should be. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Configures the horizontal crosshair line individually. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Configures the vertical crosshair line individually. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Configures the crosshair labels. */
-            label?: {
-                /** Paints the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Makes the crosshair labels visible. Applies only if the crosshair feature is enabled. */
-                visible?: boolean;
-                /** Specifies font options for the crosshair labels. */
-                font?: viz.core.Font;
-                /** Formats the point value/argument before it will be displayed in the crosshair label. */
-                format?: any;
-                /**
-                 * Specifies a precision for formatted values.
-                 * @deprecated Use the crosshair | label | format | precision option instead.
-                 */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies which pane should be used by default. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Declares a collection of panes. */
-        panes?: Array<Pane>;
-        /** Swaps the axes around making the value axis horizontal and the argument axis vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        onZoomStart?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        onZoomEnd?: (e: {
-            component: BaseChart;
-            element: Element;
-            rangeStart: any;
-            rangeEnd: any;
-        }) => void;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        tooltip?: ChartTooltip;
-        /** Configures the value axis. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Paints the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Makes the label of the horizontal crosshair line visible. Applies only if the crosshair feature is enabled and the horizontal line is visible. */
-            visible?: boolean;
-            /** Specifies font options for the label of the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Formats the point value before it will be displayed in the crosshair label. */
-            format?: any;
-            /**
-             * Specifies a precision for formatted values.
-             * @deprecated Use the crosshair | horizontalLine | label | format | precision option instead.
-             */
-            precision?: number;
-            /** Customizes the text displayed by the label that belongs to the horizontal crosshair line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget providing charts of various types for web applications. */
-    export class dxChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    /** A circular chart widget for web applications. */
-    export class dxPieChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxPieChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated Use the getAllSeries() method instead.
-         */
-        getSeries(): DevExpress.viz.charts.PieSeries;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxPolarChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxPolarChartOptions);
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.dxPolarChart;
-}
-declare module DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated Use the scale | customMinorTicks option instead.
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This feature is no longer available.
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated Use the scale | minorTickInterval option instead.
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated Use the overlappingBehavior | useAutoArrangement option instead.
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: any;
-        /**
-         * Specifies a precision for the formatted value displayed in the scale labels.
-         * @deprecated Use the scale | label | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated Use the tick option instead.
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: any;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /**
-             * Specifies a precision for the formatted value displayed by an indicator.
-             * @deprecated Use the text | format | precision option instead.
-             */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: any;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions extends viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated Use the title | subtitle option instead.
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated Use the title | subtitle | font option instead.
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated Use the title | subtitle | text option instead.
-             */
-            text?: string;
-        };
-        /** Configures tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: any;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /**
-             * Specifies a precision for the formatted value displayed by labels.
-             * @deprecated Use the label | format | precision option instead.
-             */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends DevExpress.viz.gauges.dxBaseGauge {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxLinearGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxLinearGaugeOptions);
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends DevExpress.viz.gauges.dxBaseGauge {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxCircularGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxCircularGaugeOptions);
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxBarGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxBarGaugeOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.dxBarGauge;
-}
-declare module DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions, viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-            negativesAsZeroes?: boolean;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: any;
-                /**
-                 * Specifies a precision for the formatted value displayed in the scale labels.
-                 * @deprecated Use the scale | label | format | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated Use the tickInterval option instead.
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: any;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated Use the minorTick | visible option instead.
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: any;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the paddingTopBottom and paddingLeftRight options instead.
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the placeholderHeight and indent options instead.
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /**
-             * Specifies a precision for the formatted value displayed in slider markers.
-             * @deprecated Use the sliderMarker | format | precision option instead.
-             */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-}
-declare module DevExpress.viz {
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions);
-        constructor(element: Element, options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.dxRangeSelector;
-}
-declare module DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text using the Layer Element | attribute(name) method. The name parameter value for text is set at the dataField option.
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the image URL using the Layer Element | attribute(name) method. The name parameter value for the image URL is set at the dataField option.
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the bubble value using the Layer Element | attribute(name) method. The name parameter for the bubble value is set at the dataField option.
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the pie values using the Layer Element | attribute(name) method. The name parameter for pie values is set at the dataField option.
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated Use the Layer Element | coordinates() method instead.
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        dataSource?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data source attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated Use the layers | label | dataField option instead.
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated Use the layers | paletteSize option instead.
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | maxSize option instead.
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | minSize option instead.
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | opacity option instead.
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated Use the layers | size option instead.
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated Use the layers | elementType option instead.
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated Use the layers | sizeGroups option instead.
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated Use the layers | sizeGroupingField option instead.
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the "area" type element of the layers array.
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the control bar. */
-            opacity?: number;
-        };
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the "marker" type element of the layers array.
-         */
-        markerSettings?: MarkerSettings;
-        /** Configures tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the onSelectionChanged option instead.
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the onSelecitonChanged option instead.
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies the shape of item markers. */
-        markerShape?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-declare module DevExpress.viz{
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.map.dxVectorMapOptions);
-        constructor(element: Element, options?: DevExpress.viz.map.dxVectorMapOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<DevExpress.viz.map.MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): DevExpress.viz.map.MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): DevExpress.viz.map.MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getAreas(): Array<DevExpress.viz.map.Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getMarkers(): Array<DevExpress.viz.map.Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.dxVectorMap;
-}
-declare module DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions, viz.core.MarginOptions {
-        /** Configures the tooltip. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-    }
-    export interface dxBulletOptions extends BaseSparklineOptions {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: any;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-}
-declare module DevExpress.viz {
-    /** A bullet graph widget. */
-    export class dxBullet extends DevExpress.viz.sparklines.BaseSparkline {
-        constructor(element: JQuery, options?: DevExpress.viz.sparklines.dxBulletOptions);
-        constructor(element: Element, options?: DevExpress.viz.sparklines.dxBulletOptions);
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends DevExpress.viz.sparklines.BaseSparkline {
-        constructor(element: JQuery, options?: DevExpress.viz.sparklines.dxSparklineOptions);
-        constructor(element: Element, options?: DevExpress.viz.sparklines.dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.dxSparkline;
-}
-declare module DevExpress.viz.treeMap {
-    export interface dxTreeMapOptions extends viz.core.BaseWidgetOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies the origin of data for the widget. */
-        dataSource?: any;
-        /** Specifies the name of the data source field that provides nested items for a group. Applies to hierarchical data sources only. */
-        childrenField?: string;
-        /** Specifies the name of the data source field that provides values for tiles. */
-        valueField?: string;
-        /** Specifies the name of the data source field that provides colors for tiles. */
-        colorField?: string;
-        /** Specifies the name of the data source field that provides texts for tile and group labels. */
-        labelField?: string;
-        /** Specifies the name of the data source field that provides IDs for items. Applies to flat data sources only. */
-        idField?: string;
-        /** Specifies the name of the data source field that provides parent IDs for items. Applies to flat data sources only. */
-        parentField?: string;
-        /** Specifies the layout algorithm. */
-        layoutAlgorithm?: any;
-        /** Specifies the direction in which the items will be laid out. */
-        layoutDirection?: string;
-        /** Configures tiles. */
-        tile?: {
-            /** Configures the tile borders. */
-            border?: {
-                /** Specifies the width of the tile borders in pixels. */
-                width?: number;
-                /** Colors the tile borders. */
-                color?: string;
-            };
-            /** Specifies a single color for all tiles. */
-            color?: string;
-            /** Specifies the appearance of tiles in the hover state. */
-            hoverStyle?: {
-                /** Configures the appearance of the tile borders in the hover state. */
-                border?: {
-                    /** Specifies the width of the tile borders in pixels. Applies to a tile in the hover state. */
-                    width?: number;
-                    /** Colors the tile borders in the hover state. */
-                    color?: string;
-                };
-                /** Colors tiles in the hover state. */
-                color?: string;
-            };
-            /** Specifies the appearance of tiles in the selected state. */
-            selectionStyle?: {
-                /** Configures the appearance of the tile borders in the selected state. */
-                border?: {
-                    /** Specifies the width of the tile borders in pixels. Applies to a tile in the selected state. */
-                    width?: number;
-                    /** Colors the tile borders in the selected state. */
-                    color?: string;
-                };
-                /** Colors tiles in the selected state. */
-                color?: string;
-            };
-            /** Configures the tile labels. */
-            label?: {
-                /** Changes the visibility of the tile labels. */
-                visible?: boolean;
-                /** Specifies the font settings of the tile labels. */
-                font?: viz.core.Font;
-            };
-        };
-        /** Configures groups. */
-        group?: {
-            /** Specifies the height of the group headers in pixels. */
-            headerHeight?: number;
-            /** Configures the group borders. */
-            border?: {
-                /** Specifies the width of the group borders in pixels. */
-                width?: number;
-                /** Colors the group borders. */
-                color?: string;
-            };
-            /** Colors the group headers. */
-            color?: string;
-            /** Specifies the appearance of groups in the hover state. */
-            hoverStyle?: {
-                /** Configures the appearance of the group borders in the hover state. */
-                border?: {
-                    /** Specifies the width of the group borders in pixels. Applies to a group in the hover state. */
-                    width?: number;
-                    /** Colors the group borders in the hover state. */
-                    color?: string;
-                };
-                /** Colors the group headers in the hover state. */
-                color?: string;
-            };
-            /** Specifies the appearance of groups in the selected state. */
-            selectionStyle?: {
-                /** Configures the appearance of the group borders in the selected state. */
-                border?: {
-                    /** Specifies the width of the group borders in pixels. Applies to a group in the selected state. */
-                    width?: number;
-                    /** Colors the group borders in the selected state. */
-                    color?: string;
-                };
-                /** Colors the group headers in the selected state. */
-                color?: string;
-            };
-            /** Configures the group labels. */
-            label?: {
-                /** Changes the visibility of the group labels. */
-                visible?: boolean;
-                /** Specifies the font settings of the group labels. */
-                font?: viz.core.Font;
-            };
-        };
-        /** Manages the color settings. */
-        colorizer?: {
-            /** Specifies the colorizing algorithm. */
-            type?: string;
-            /** Sets the palette to be used for colorizing tiles. */
-            palette?: any;
-            /** Specifies whether or not all tiles in a group must be colored uniformly. Applies only if the type option is "discrete". */
-            colorizeGroups?: boolean;
-            /** Allows you to paint tiles with similar values uniformly. Applies only if the type option is "gradient" or "range". */
-            range?: Array<number>;
-            /** Specifies the name of the data source field whose values define the color of a tile. Applies only if the type option is "gradient" or "range". */
-            colorCodeField?: string;
-        };
-        /** Specifies whether tiles and groups change their style in the hover state. */
-        hoverEnabled?: boolean;
-        /** Specifies whether a single or multiple nodes can be in the selected state simultaneously. */
-        selectionMode?: string;
-        /** Specifies how many hierarchical levels must be visualized. */
-        maxDepth?: number;
-        /** Specifies whether the user will interact with a single tile or its group. */
-        interactWithGroup?: boolean;
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the nodesInitialized event. */
-        onNodesInitialized?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            root: TreeMapNode
-        }) => void;
-        /** A handler for the nodesRendering event. */
-        onNodesRendering?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the hoverChanged event. */
-        onHoverChanged?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode;
-        }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode;
-        }) => void;
-        /** A handler for the drill event. */
-        onDrill?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode
-        }) => void;
-    }
-    /** This section describes fields and methods that can be used in code to manipulate a Node object. */
-    export interface TreeMapNode {
-        /** The level that the current node occupies in the hierarchy of nodes. */
-        level: number;
-        /** The index of the current node in the array of all nodes on the same level. */
-        index: number;
-        /** The object from the data source visualized by the node. */
-        data: Object;
-        /** Returns the parent node of the current node. */
-        getParent(): TreeMapNode;
-        /** Indicates how many direct descendants the current node has. */
-        getChildrenCount(): number;
-        /** Returns all nodes nested in the current node. */
-        getAllChildren(): Array<TreeMapNode>;
-        /** Returns all descendant nodes. */
-        getAllNodes(): Array<TreeMapNode>;
-        /** Gets a specific node from a collection of direct descendants. */
-        getChild(index: number): TreeMapNode;
-        /** Gets the raw value of the node. */
-        value(): number;
-        /** Returns the label of the node. */
-        label(): string;
-        /** Sets the label to the node. */
-        label(label: string): void;
-        /** Customizes the node. */
-        customize(options: any): void;
-        /** Reverts the appearance of the node to the initial state. */
-        resetCustomization(): void;
-        /** Indicates whether the node is in the hover state or not. */
-        isHovered(): boolean;
-        /** Sets the selection state of a node. */
-        select(state: boolean): void;
-        /** Indicates whether the node is selected or not. */
-        isSelected(): boolean;
-        /** Indicates whether the node is visualized by a tile or a group of tiles. */
-        isLeaf(): boolean;
-        /** Indicates whether the current node is active. */
-        isActive(): boolean;
-        /** Shows the tooltip. */
-        showTooltip(): void;
-        /** Drills down into the node. */
-        drillDown(): void;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget for displaying hierarchical data by using nested rectangles. */
-    export class dxTreeMap extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.treeMap.dxTreeMapOptions);
-        constructor(element: Element, options?: DevExpress.viz.treeMap.dxTreeMapOptions);
-        /** Returns the root node. */
-        getRootNode(): DevExpress.viz.treeMap.TreeMapNode;
-        /** Returns the current node. */
-        getCurrentNode(): DevExpress.viz.treeMap.TreeMapNode;
-        /** Deselects all nodes in the widget. */
-        clearSelection(): void;
-        /** Hides the tooltip. */
-        hideTooltip(): void;
-        /** Drills one level up. */
-        drillUp(): void;
-        /** Resets the drill down level. */
-        resetDrillDown(): void;
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-    }
-}
-interface JQuery {
-    dxTreeMap(options?: DevExpress.viz.treeMap.dxTreeMapOptions): JQuery;
-    dxTreeMap(methodName: string, ...params: any[]): any;
-    dxTreeMap(methodName: "instance"): DevExpress.viz.dxTreeMap;
-}
diff --git a/devextreme/devextreme-16.1.7.d.ts b/devextreme/devextreme-16.1.7.d.ts
deleted file mode 100644
index a3273c19dd..0000000000
--- a/devextreme/devextreme-16.1.7.d.ts
+++ /dev/null
@@ -1,8052 +0,0 @@
-// Type definitions for DevExtreme 16.1.7
-// Project: http://js.devexpress.com/
-// Definitions by: DevExpress Inc. <http://devexpress.com/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../jquery/jquery.d.ts" />
-
-declare module DevExpress {
-    /** Formats values. */
-    export interface Format {
-        /** Specifies a predefined format. */
-        type?: String;
-        /** Specifies the currency code for the 'currency' format. */
-        currency?: String;
-        /** Specifies a precision for values of a numeric format. */
-        precision?: number;
-        /** Parses string values into numeric or date-time values. */
-        parser?: (value: any) => any;
-        /** Specifies a custom format. */
-        formatter?: (value: any) => any;
-    }
-    /** A mixin that provides a capability to fire and subscribe to events. */
-    export interface EventsMixin<T> {
-        /** Subscribes to a specified event. */
-        on(eventName: string, eventHandler: Function): T;
-        /** Subscribes to the specified events. */
-        on(events: { [eventName: string]: Function; }): T;
-        /** Detaches all event handlers from the specified event. */
-        off(eventName: string): Object;
-        /** Detaches a particular event handler from the specified event. */
-        off(eventName: string, eventHandler: Function): T;
-    }
-    /** An object that serves as a namespace for the methods required to perform validation. */
-    export module validationEngine {
-        export interface IValidator {
-            validate(): ValidatorValidationResult;
-            reset(): void;
-        }
-        export interface ValidatorValidationResult {
-            isValid: boolean;
-            name?: string;
-            value: any;
-            brokenRule: any;
-            validationRules: any[];
-        }
-        export interface ValidationGroupValidationResult {
-            isValid: boolean;
-            brokenRules: any[];
-            validators: IValidator[];
-        }
-        export interface GroupConfig extends EventsMixin<GroupConfig>  {
-            group: any;
-            validators: IValidator[];
-            validate(): ValidationGroupValidationResult;
-            reset(): void;
-        }
-        /** Provides access to the object that represents the specified validation group. */
-        export function getGroupConfig(group: any): GroupConfig
-        /** Provides access to the object that represents the default validation group. */
-        export function getGroupConfig(): GroupConfig
-        /** Validates rules of the validators that belong to the specified validation group. */
-        export function validateGroup(group: any): ValidationGroupValidationResult;
-        /** Validates rules of the validators that belong to the default validation group. */
-        export function validateGroup(): ValidationGroupValidationResult;
-        /** Resets the values and validation result of the editors that belong to the specified validation group. */
-        export function resetGroup(group: any): void;
-        /** Resets the values and validation result of the editors that belong to the default validation group. */
-        export function resetGroup(): void;
-        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
-        export function validateModel(model: Object): ValidationGroupValidationResult;
-        /** Registers all the dxValidator objects extending fields of the specified ViewModel. */
-        export function registerModelForValidation(model: Object): void;
-        /** Unregisters all the dxValidator objects extending fields of the specified ViewModel. */
-        export function unregisterModelForValidation(model: Object): void;
-    }
-    export var hardwareBackButton: JQueryCallback;
-    /** Processes the hardware back button click. */
-    export function processHardwareBackButton(): void;
-    /** Hides the last displayed overlay widget. */
-    export function hideTopOverlay(): boolean;
-    /**
-     * Specifies whether or not the entire application/site supports right-to-left representation.
-     * @deprecated Use the config(config) method instead.
-     */
-    export var rtlEnabled: boolean;
-    /** Gets the current global configuration object. */
-    export function config(): Object;
-    /** Sets the global configuration object. */
-    export function config(config: Object): void;
-    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, componentClass: Object): void;
-    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
-    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
-    export function requestAnimationFrame(callback: Function): number;
-    export function cancelAnimationFrame(requestID: number): void;
-    /** Custom Knockout binding that links an HTML element with a specific action. */
-    export class Action { }
-    /** An object used to manage OData endpoints in your application. */
-    export class EndpointSelector {
-        constructor(options: {
-            [key: string]: {
-                local?: string;
-                production?: string;
-            }
-        });
-        /** Returns an endpoint for the specified key. */
-        urlFor(key: string): string;
-    }
-    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
-    export module fx {
-        /** Defines animation options. */
-        export interface AnimationOptions {
-            /** A function called after animation is completed. */
-            complete?: (element: JQuery, config: AnimationOptions) => void;
-            /** A number specifying wait time before animation execution. */
-            delay?: number;
-            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
-            staggerDelay?: number;
-            /** A number specifying the time in milliseconds spent on animation. */
-            duration?: number;
-            /** A string specifying the type of an easing function used for animation. */
-            easing?: string;
-            /** Specifies the initial animation state. */
-            from?: any;
-            /** A function called before animation is started. */
-            start?: (element: JQuery, config: AnimationOptions) => void;
-            /** Specifies a final animation state. */
-            to?: any;
-            /** A string value specifying the animation type. */
-            type?: string;
-            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
-            direction?: string;
-        }
-        /** Animates the specified element. */
-        export function animate(element: HTMLElement, config: AnimationOptions): Object;
-        /** Returns a value indicating whether the specified element is being animated. */
-        export function isAnimating(element: HTMLElement): boolean;
-        /** Stops the animation. */
-        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
-    }
-    /** The manager that performs several specified animations at a time. */
-    export class TransitionExecutor {
-        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
-        reset(): void;
-        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
-        enter(elements: JQuery, animation: any): void;
-        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
-        leave(elements: JQuery, animation: any): void;
-        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
-        start(config: Object): JQueryPromise<void>;
-        /** Stops all started animations. */
-        stop(): void;
-    }
-    export class AnimationPresetCollection {
-        /** Resets all the changes made in the animation repository. */
-        resetToDefaults(): void;
-        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
-        clear(name: string): void;
-        /** Adds the specified animation preset to the animation repository by the specified name. */
-        registerPreset(name: string, config: any): void;
-        /** Applies the changes made in the animation repository. */
-        applyChanges(): void;
-        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
-        getPreset(name: string): void;
-        /** Registers predefined animations in the animation repository. */
-        registerDefaultPresets(): void;
-    }
-    /** A repository of animations. */
-    export var animationPresets: AnimationPresetCollection;
-    /** The device object defines the device on which the application is running. */
-    export interface Device {
-        /** Indicates whether or not the device platform is Android. */
-        android?: boolean;
-        /** Specifies the type of the device on which the application is running. */
-        deviceType?: string;
-        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
-        generic?: boolean;
-        /** Indicates whether or not the device platform is iOS. */
-        ios?: boolean;
-        /** Indicates whether or not the device type is 'phone'. */
-        phone?: boolean;
-        /** Specifies the platform of the device on which the application is running. */
-        platform?: string;
-        /** Indicates whether or not the device type is 'tablet'. */
-        tablet?: boolean;
-        /** Specifies an array with the major and minor versions of the device platform. */
-        version?: Array<number>;
-        /** Indicates whether or not the device platform is Windows. */
-        win?: boolean;
-        /** Specifies a performance grade of the current device. */
-        grade?: string;
-    }
-    export class Devices implements EventsMixin<Devices> {
-        constructor(options: { window: Window });
-        /** Overrides actual device information to force the application to operate as if it was running on a specified device. */
-        current(deviceName: any): void;
-        /** Returns information about the current device. */
-        current(): Device;
-        orientationChanged: JQueryCallback;
-        /** Returns the current device orientation. */
-        orientation(): string;
-        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
-        real(): Device;
-        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        on(eventName: string, eventHandler: Function): Devices;
-        on(events: { [eventName: string]: Function; }): Devices;
-        off(eventName: "orientationChanged"): Devices;
-        off(eventName: string): Devices;
-        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
-        off(eventName: string, eventHandler: Function): Devices;
-    }
-    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
-    export var devices: Devices;
-    /** The position object specifies the widget positioning options. */
-    export interface PositionOptions {
-        /** The target element position that the widget is positioned against. */
-        at?: any;
-        /** The element within which the widget is positioned. */
-        boundary?: Object;
-        /** Specifies the horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: any;
-        /** Specifies how to move the widget if it overflows the screen. */
-        collision?: any;
-        /** The position of the widget to align against the target element. */
-        my?: any;
-        /** The target element that the widget is positioned against. */
-        of?: Object;
-        /** Specifies horizontal and vertical offset in pixels. */
-        offset?: any;
-    }
-    export interface ComponentOptions {
-        /** A handler for the initialized event. */
-        onInitialized?: Function;
-        /** A handler for the optionChanged event. */
-        onOptionChanged?: Function;
-        /** A handler for the disposing event. */
-        onDisposing?: Function;
-    }
-    /** A base class for all components and widgets. */
-    export class Component {
-        constructor(options?: ComponentOptions)
-        /** Prevents the component from refreshing until the endUpdate() method is called. */
-        beginUpdate(): void;
-        /** Enables the component to refresh after the beginUpdate() method call. */
-        endUpdate(): void;
-        /** Returns an instance of this component class. */
-        instance(): Component;
-        /** Returns the configuration options of this component. */
-        option(): {
-            [optionKey: string]: any;
-        };
-        /** Sets one or more options of this component. */
-        option(options: {
-            [optionKey: string]: any;
-        }): void;
-        /** Gets the value of the specified configuration option of this component. */
-        option(optionName: string): any;
-        /** Sets a value to the specified configuration option of this component. */
-        option(optionName: string, optionValue: any): void;
-    }
-    export interface DOMComponentOptions extends ComponentOptions {
-        /** Specifies whether or not the current component supports a right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** A bag for holding any options that require two-way binding (Angular approach specific) */
-        bindingOptions?: { [key: string]: any; };
-    }
-    /** A base class for all components. */
-    export class DOMComponent extends Component {
-        constructor(element: JQuery, options?: DOMComponentOptions);
-        constructor(element: HTMLElement, options?: DOMComponentOptions);
-        /** Returns the root HTML element of the widget. */
-        element(): JQuery;
-        /** Specifies the device-dependent default configuration options for this component. */
-        static defaultOptions(rule: {
-            device?: any;
-            options?: any;
-        }): void;
-    }
-    export module data {
-        export interface ODataError extends Error {
-            httpStatus?: number;
-            errorDetails?: any;
-        }
-        export interface StoreOptions {
-            /** A handler for the modified event. */
-            onModified?: () => void;
-            /** A handler for the modifying event. */
-            onModifying?: () => void;
-            /** A handler for the removed event. */
-            onRemoved?: (key: any) => void;
-            /** A handler for the removing event. */
-            onRemoving?: (key: any) => void;
-            /** A handler for the updated event. */
-            onUpdated?: (key: any, values: Object) => void;
-            /** A handler for the updating event. */
-            onUpdating?: (key: any, values: Object) => void;
-            /** A handler for the loaded event. */
-            onLoaded?: (result: Array<any>) => void;
-            /** A handler for the loading event. */
-            onLoading?: (loadOptions: LoadOptions) => void;
-            /** A handler for the inserted event. */
-            onInserted?: (values: Object, key: any) => void;
-            /** A handler for the inserting event. */
-            onInserting?: (values: Object) => void;
-            /** Specifies the function called when the Store causes an error. */
-            errorHandler?: (e: Error) => void;
-            /** Specifies the key properties within the data associated with the Store. */
-            key?: any;
-        }
-        export interface LoadOptions {
-            filter?: Object;
-            sort?: Object;
-            select?: Object;
-            expand?: Object;
-            group?: Object;
-            skip?: number;
-            take?: number;
-            userData?: Object;
-            requireTotalCount?: boolean;
-        }
-        /** The base class for all Stores. */
-        export class Store implements EventsMixin<Store> {
-            constructor(options?: StoreOptions);
-            /** Returns the data item specified by the key. */
-            byKey(key: any): JQueryPromise<any>;
-            /** Adds an item to the data associated with this Store. */
-            insert(values: Object): JQueryPromise<any>;
-            /** Returns the key expression specified via the key configuration option. */
-            key(): any;
-            /** Returns the key of the Store item that matches the specified object. */
-            keyOf(obj: Object): any;
-            /** Starts loading data. */
-            load(obj?: LoadOptions): JQueryPromise<any[]>;
-            /** Removes the data item specified by the key. */
-            remove(key: any): JQueryPromise<any>;
-            /** Obtains the total count of items that will be returned by the load() function. */
-            totalCount(options?: {
-                filter?: Object;
-                group?: Object;
-            }): JQueryPromise<any>;
-            /** Updates the data item specified by the key. */
-            update(key: any, values: Object): JQueryPromise<any>;
-            on(eventName: "removing", eventHandler: (key: any) => void): Store;
-            on(eventName: "removed", eventHandler: (key: any) => void): Store;
-            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            on(eventName: "modifying", eventHandler: () => void): Store;
-            on(eventName: "modified", eventHandler: () => void): Store;
-            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            on(eventName: string, eventHandler: Function): Store;
-            on(events: { [eventName: string]: Function; }): Store;
-            off(eventName: "removing"): Store;
-            off(eventName: "removed"): Store;
-            off(eventName: "updating"): Store;
-            off(eventName: "updated"): Store;
-            off(eventName: "inserting"): Store;
-            off(eventName: "inserted"): Store;
-            off(eventName: "modifying"): Store;
-            off(eventName: "modified"): Store;
-            off(eventName: "loading"): Store;
-            off(eventName: "loaded"): Store;
-            off(eventName: string): Store;
-            off(eventName: "removing", eventHandler: (key: any) => void): Store;
-            off(eventName: "removed", eventHandler: (key: any) => void): Store;
-            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
-            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
-            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
-            off(eventName: "modifying", eventHandler: () => void): Store;
-            off(eventName: "modified", eventHandler: () => void): Store;
-            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
-            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
-            off(eventName: string, eventHandler: Function): Store;
-        }
-        export interface ArrayStoreOptions extends StoreOptions {
-            /** Specifies the array associated with this Store. */
-            data?: Array<any>;
-        }
-        /** A Store accessing an in-memory array. */
-        export class ArrayStore extends Store {
-            constructor(options?: ArrayStoreOptions);
-            /** Clears all data associated with the current ArrayStore. */
-            clear(): void;
-            /** Creates the Query object for the underlying array. */
-            createQuery(): Query;
-        }
-        interface Promise {
-            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
-        }
-        export interface CustomStoreOptions extends StoreOptions {
-            /** Specifies whether or not the store combines the search expression with the filter expression. */
-            useDefaultSearch?: boolean;
-            /** The user implementation of the byKey(key, extraOptions) method. */
-            byKey?: (key: any) => Promise;
-            /** The user implementation of the insert(values) method. */
-            insert?: (values: Object) => Promise;
-            /** The user implementation of the load(options) method. */
-            load?: (options?: LoadOptions) => Promise;
-            /** The user implementation of the remove(key) method. */
-            remove?: (key: any) => Promise;
-            /** The user implementation of the totalCount(options) method. */
-            totalCount?: (options?: {
-                filter?: Object;
-                group?: Object;
-            }) => Promise;
-            /** The user implementation of the update(key, values) method. */
-            update?: (key: any, values: Object) => Promise;
-        }
-        /** A Store object that enables you to implement your own data access logic. */
-        export class CustomStore extends Store {
-            constructor(options: CustomStoreOptions);
-        }
-        export interface DataSourceOptions {
-            /** Specifies data filtering conditions. */
-            filter?: Object;
-            /** Specifies data grouping conditions. */
-            group?: Object;
-            /** The item mapping function. */
-            map?: (record: any) => any;
-            /** Specifies the maximum number of items the page can contain. */
-            pageSize?: number;
-            /** Specifies whether a DataSource loads data by pages, or all items at once. */
-            paginate?: boolean;
-            /** The data post processing function. */
-            postProcess?: (data: any[]) => any[];
-            /** Specifies a value by which the required items are searched. */
-            searchExpr?: Object;
-            /** Specifies the comparison operation used to search for the required items. */
-            searchOperation?: string;
-            /** Specifies the value to which the search expression is compared. */
-            searchValue?: Object;
-            /** Specifies the initial select option value. */
-            select?: Object;
-            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
-            expand?: Object;
-            /** The bag of custom parameters passed to the query executed when the DataSource load operation is invoked. */
-            customQueryParams?: Object;
-            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
-            requireTotalCount?: boolean;
-            /** Specifies the initial sort option value. */
-            sort?: Object;
-            /** Specifies the underlying Store instance used to access data. */
-            store?: any;
-            /** A handler for the changed event. */
-            onChanged?: () => void;
-            /** A handler for the loadingChanged event. */
-            onLoadingChanged?: (isLoading: boolean) => void;
-            /** A handler for the loadError event. */
-            onLoadError?: (e?: Error) => void;
-        }
-        export interface OperationPromise<T> extends JQueryPromise<T> {
-            operationId: number;
-        }
-        /** An object that provides access to a data web service or local data storage for collection container widgets. */
-        export class DataSource implements EventsMixin<DataSource> {
-            constructor(url: string);
-            constructor(data: Array<any>);
-            constructor(options: CustomStoreOptions);
-            constructor(options: DataSourceOptions);
-            /** Disposes all resources associated with this DataSource. */
-            dispose(): void;
-            /** Returns the current filter option value. */
-            filter(): Object;
-            /** Sets the filter option value. */
-            filter(filterExpr: Object): void;
-            /** Returns the current group option value. */
-            group(): Object;
-            /** Sets the group option value. */
-            group(groupExpr: Object): void;
-            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
-            isLastPage(): boolean;
-            /** Indicates whether or not at least one load() method execution has successfully finished. */
-            isLoaded(): boolean;
-            /** Indicates whether or not the DataSource is currently being loaded. */
-            isLoading(): boolean;
-            /** Returns the array of items currently operated by the DataSource. */
-            items(): Array<any>;
-            /** Returns the key expression. */
-            key(): any;
-            /** Starts loading data. */
-            load(): OperationPromise<Array<any>>;
-            /** Clears currently loaded DataSource items and calls the load() method. */
-            reload(): OperationPromise<Array<any>>;
-            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
-            loadOptions(): Object;
-            /** Returns the current pageSize option value. */
-            pageSize(): number;
-            /** Sets the pageSize option value. */
-            pageSize(value: number): void;
-            /** Specifies the index of the currently loaded page. */
-            pageIndex(): number;
-            /** Specifies the index of the page to be loaded during the next load() method execution. */
-            pageIndex(newIndex: number): void;
-            /** Returns the current paginate option value. */
-            paginate(): boolean;
-            /** Sets the paginate option value. */
-            paginate(value: boolean): void;
-            /** Returns the searchExpr option value. */
-            searchExpr(): Object;
-            /** Sets the searchExpr option value. */
-            searchExpr(...expr: Object[]): void;
-            /** Returns the currently specified search operation. */
-            searchOperation(): string;
-            /** Sets the current search operation. */
-            searchOperation(op: string): void;
-            /** Returns the searchValue option value. */
-            searchValue(): Object;
-            /** Sets the searchValue option value. */
-            searchValue(value: Object): void;
-            /** Returns the current select option value. */
-            select(): Object;
-            /** Sets the select option value. */
-            select(expr: Object): void;
-            /** Returns the current requireTotalCount option value. */
-            requireTotalCount(): boolean;
-            /** Sets the requireTotalCount option value. */
-            requireTotalCount(value: boolean): void;
-            /** Returns the current sort option value. */
-            sort(): Object;
-            /** Sets the sort option value. */
-            sort(sortExpr: Object): void;
-            /** Returns the underlying Store instance. */
-            store(): Store;
-            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
-            totalCount(): number;
-            /** Cancels the load operation associated with the specified identifier. */
-            cancel(operationId: number): boolean;
-            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            on(eventName: "changed", eventHandler: () => void): DataSource;
-            on(eventName: string, eventHandler: Function): DataSource;
-            on(events: { [eventName: string]: Function; }): DataSource;
-            off(eventName: "loadingChanged"): DataSource;
-            off(eventName: "loadError"): DataSource;
-            off(eventName: "changed"): DataSource;
-            off(eventName: string): DataSource;
-            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
-            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
-            off(eventName: "changed", eventHandler: () => void): DataSource;
-            off(eventName: string, eventHandler: Function): DataSource;
-        }
-        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
-        export class EdmLiteral {
-            /** Creates an EdmLiteral instance and assigns the specified value to it. */
-            constructor(value: string);
-            /** Returns a string representation of the value associated with this EdmLiteral object. */
-            valueOf(): string;
-        }
-        /** An object used to generate and hold the GUID. */
-        export class Guid {
-            /** Creates a new Guid instance that holds the specified GUID. */
-            constructor(value: string);
-            /** Creates a new Guid instance holding the generated GUID. */
-            constructor();
-            /** Returns a string representation of the Guid instance. */
-            toString(): string;
-            /** Returns a string representation of the Guid instance. */
-            valueOf(): string;
-        }
-        export interface LocalStoreOptions extends ArrayStoreOptions {
-            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
-            flushInterval?: number;
-            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
-            immediate?: boolean;
-            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
-            name?: string;
-        }
-        /** A Store providing access to the HTML5 Web Storage. */
-        export class LocalStore extends ArrayStore {
-            constructor(options?: LocalStoreOptions);
-            /** Removes all data associated with this Store. */
-            clear(): void;
-        }
-        export interface ODataContextOptions extends ODataStoreOptions {
-            /** Specifies the list of entities to be accessed via the ODataContext. */
-            entities?: Object;
-            /** Specifies the function called if the ODataContext causes an error. */
-            errorHandler?: (e: Error) => void;
-        }
-        /** Provides access to the entire OData service. */
-        export class ODataContext {
-            constructor(options?: ODataContextOptions);
-            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
-            get(operationName: string, params: Object): JQueryPromise<any>;
-            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
-            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
-            /** Return a special proxy object to describe the entity link. */
-            objectLink(entityAlias: string, key: any): Object;
-        }
-        export interface ODataStoreOptions extends StoreOptions {
-            /** A function used to customize a web request before it is sent. */
-            beforeSend?: (request: {
-                url: string;
-                async: boolean;
-                method: string;
-                timeout: number;
-                params: Object;
-                payload: Object;
-                headers: Object;
-            }) => void;
-            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
-            jsonp?: boolean;
-            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, Boolean, Single, Decimal and Guid. */
-            keyType?: any;
-            /** Specifies whether or not dates in a response are deserialized. */
-            deserializeDates?: boolean;
-            /** Specifies the URL of the data service being accessed via the current ODataContext. */
-            url?: string;
-            /** Specifies the version of the OData protocol used to interact with the data service. */
-            version?: number;
-            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
-            withCredentials?: boolean;
-        }
-        /** A Store providing access to a separate OData web service entity. */
-        export class ODataStore extends Store {
-            constructor(options?: ODataStoreOptions);
-            /** Creates the Query object for the OData endpoint. */
-            createQuery(loadOptions: Object): Object;
-            /** Returns the data item specified by the key. */
-            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
-        }
-        /** An universal chainable data query interface object. */
-        export interface Query {
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
-            /** Calculates a custom summary for the items in the current Query. */
-            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query. */
-            avg(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum getter value. */
-            max(getter: Object): JQueryPromise<any>;
-            /** Finds the item with the maximum value in the Query. */
-            max(): JQueryPromise<any>;
-            /** Finds the item with the minimum value in the Query. */
-            min(): JQueryPromise<any>;
-            /** Finds the item with the minimum getter value. */
-            min(getter: Object): JQueryPromise<any>;
-            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
-            avg(): JQueryPromise<any>;
-            /** Returns the total count of items in the current Query. */
-            count(): JQueryPromise<any>;
-            /** Executes the Query. */
-            enumerate(): JQueryPromise<any>;
-            /** Filters the current Query data. */
-            filter(criteria: Array<any>): Query;
-            /** Filters the current Query data. */
-            filter(predicate: (item: any) => boolean): Query;
-            /** Groups the current Query data. */
-            groupBy(getter: Object): Query;
-            /** Applies the specified transformation to each item. */
-            select(getter: Object): Query;
-            /** Limits the data item count. */
-            slice(skip: number, take?: number): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object, desc: boolean): Query;
-            /** Sorts current Query data. */
-            sortBy(getter: Object): Query;
-            /** Calculates the sum of item getter values in the current Query. */
-            sum(getter: Object): JQueryPromise<any>;
-            /** Calculates the sum of item values in the current Query. */
-            sum(): JQueryPromise<any>;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object): Query;
-            /** Adds one more sorting condition to the current Query. */
-            thenBy(getter: Object, desc: boolean): Query;
-            /** Returns the array of current Query items. */
-            toArray(): Array<any>;
-        }
-        /** The global data layer error handler. */
-        export var errorHandler: (e: Error) => void;
-        /** Encodes the specified string or array of bytes to base64 encoding. */
-        export function base64_encode(input: any): string;
-        /** Creates a Query instance. */
-        export function query(array: Array<any>): Query;
-        /** Creates a Query instance for accessing the remote service specified by a URL. */
-        export function query(url: string, queryOptions: Object): Query;
-        /** This section describes the utility objects provided by the DevExtreme data layer. */
-        export var utils: {
-            /** Compiles a getter function from the getter expression. */
-            compileGetter(expr: any): Function;
-            /** Compiles a setter function from the setter expression. */
-            compileSetter(expr: any): Function;
-            odata: {
-                /** Holds key value converters for OData. */
-                keyConverters: {
-                    String(value: any): string;
-                    Int32(value: any): number;
-                    Int64(value: any): EdmLiteral;
-                    Guid(value: any): Guid;
-                    Boolean(value: any): boolean;
-                    Single(value: any): EdmLiteral;
-                    Decimal(value: any): EdmLiteral;
-                };
-            }
-        }
-    }
-    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
-    export module ui {
-        export interface WidgetOptions extends DOMComponentOptions {
-            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-            activeStateEnabled?: boolean;
-            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-            disabled?: boolean;
-            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
-            hoverStateEnabled?: boolean;
-            /** Specifies whether or not the widget can be focused. */
-            focusStateEnabled?: boolean;
-            /** Specifies a shortcut key that sets focus on the widget element. */
-            accessKey?: string;
-            /** A Boolean value specifying whether or not the widget is visible. */
-            visible?: boolean;
-            /** Specifies the widget tab index. */
-            tabIndex?: number;
-            /** Specifies the text of the hint displayed for the widget. */
-            hint?: string;
-        }
-        /** The base class for widgets. */
-        export class Widget extends DOMComponent {
-            constructor(options?: WidgetOptions);
-            /** Redraws the widget. */
-            repaint(): void;
-            /** Sets focus on the widget. */
-            focus(): void;
-            /** Registers a handler when a specified key is pressed. */
-            registerKeyHandler(key: string, handler: Function): void;
-        }
-        export interface CollectionWidgetOptions extends WidgetOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** The time period in milliseconds before the onItemHold event is raised. */
-            itemHoldTimeout?: number;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            loopItemFocus?: boolean;
-            /** The text or HTML markup displayed by the widget if the item collection is empty. */
-            noDataText?: string;
-            onContentReady?: any;
-            /** A handler for the itemClick event. */
-            onItemClick?: any;
-            /** A handler for the itemContextMenu event. */
-            onItemContextMenu?: Function;
-            /** A handler for the itemHold event. */
-            onItemHold?: Function;
-            /** A handler for the itemRendered event. */
-            onItemRendered?: Function;
-            /** A handler for the selectionChanged event. */
-            onSelectionChanged?: Function;
-            /** The index of the currently selected widget item. */
-            selectedIndex?: number;
-            /** The selected item object. */
-            selectedItem?: Object;
-            /** An array of currently selected item objects. */
-            selectedItems?: Array<any>;
-            /** A handler for the itemDeleting event. */
-            onItemDeleting?: Function;
-            /** A handler for the itemDeleted event. */
-            onItemDeleted?: Function;
-            /** A handler for the itemReordered event. */
-            onItemReordered?: Function;
-        }
-        /** The base class for widgets containing an item collection. */
-        export class CollectionWidget extends Widget {
-            constructor(element: JQuery, options?: CollectionWidgetOptions);
-            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
-            selectItem(itemElement: any): void;
-            unselectItem(itemElement: any): void;
-            deleteItem(itemElement: any): JQueryPromise<void>;
-            isItemSelected(itemElement: any): boolean;
-            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
-        }
-        export interface DataExpressionMixinOptions {
-            /** A data source used to fetch data to be displayed by the widget. */
-            dataSource?: any;
-            /** Specifies the name of the data source item field whose value is displayed by the widget. */
-            displayExpr?: any;
-            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
-            valueExpr?: any;
-            /** An array of items displayed by the widget. */
-            items?: Array<any>;
-            /** The template to be used for rendering items. */
-            itemTemplate?: any;
-            /** The currently selected value in the widget. */
-            value?: Object;
-        }
-        export interface EditorOptions extends WidgetOptions {
-            /** The currently specified value. */
-            value?: Object;
-            /** A handler for the valueChanged event. */
-            onValueChanged?: Function;
-            /** A Boolean value specifying whether or not the widget is read-only. */
-            readOnly?: boolean;
-            /** Holds the object that defines the error that occurred during validation. */
-            validationError?: Object;
-            /** Specifies whether the editor's value is valid. */
-            isValid?: boolean;
-            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
-            validationMessageMode?: string;
-        }
-        /** A base class for editors. */
-        export class Editor extends Widget {
-            /** Resets the editor's value to undefined. */
-            reset(): void;
-        }
-        /** An object that serves as a namespace for methods displaying a message in an application/site. */
-        export var dialog: {
-            /** Creates an alert dialog message containing a single "OK" button. */
-            alert(message: string, title: string): JQueryPromise<void>;
-            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
-            confirm(message: string, title: string): JQueryPromise<boolean>;
-            /** Creates a custom dialog using the options specified by the passed configuration object. */
-            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
-                show(): JQueryPromise<any>;
-                hide(): void;
-                hide(value: any): void;
-            };
-        };
-        /** Creates a toast message. */
-        export function notify(message: any, type: string, displayTime: number): void;
-        /** Creates a toast message. */
-        export function notify(options: Object): void;
-        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
-        export var themes: {
-            /** Returns the name of the currently applied theme. */
-            current(): string;
-            /** Changes the current theme to the specified one. */
-            current(themeName: string): void;
-        };
-        /** Sets a specified template engine. */
-        export function setTemplateEngine(name: string): void;
-        /** Sets a custom template engine defined via custom compile and render functions. */
-        export function setTemplateEngine(options: Object): void;
-    }
-    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
-    export var utils: {
-        /** Sets parameters for the viewport meta tag. */
-        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
-        /** Requests that the browser call a specified function to update animation before the next repaint. */
-        requestAnimationFrame(callback: Function): number;
-        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
-        cancelAnimationFrame(requestID: number): void;
-    };
-    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
-    export module viz {
-        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(theme: string): void;
-        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
-        export function currentTheme(platform: string, colorScheme: string): void;
-        /** Registers a new theme based on the existing one. */
-        export function registerTheme(customTheme: Object, baseTheme: string): void;
-        /** Allows you to export widgets using their SVG markup. */
-        export function exportFromMarkup(markup: string, options: Object): void;
-        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
-        export function currentPalette(paletteName: string): void;
-        /** Obtains the color sets of a predefined or registered palette. */
-        export function getPalette(paletteName: string): Object;
-        /** Registers a new palette. */
-        export function registerPalette(paletteName: string, palette: Object): void;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxValidatorValidationAdapter {
-        /** A function that returns the value to be validated. */
-        getValue?: Function;
-        /** The jQuery.Callbacks() object that is fired when the specified value should be validated. */
-        validationRequestsCallbacks?: JQueryCallback;
-        /** A function that the dxValidator widget calls after validating a specified value. */
-        applyValidationResults?: (params: validationEngine.ValidatorValidationResult) => void;
-        /** A function that resets the validated values. */
-        reset?: Function;
-        /** A function that sets focus to the validated editors when the dxValidationSummary is focused. */
-        focus?: Function;
-        /** A function that returns a Boolean value specifying whether or not to bypass validation. */
-        bypass?: Function;
-    }
-    export interface dxValidatorOptions extends DOMComponentOptions {
-        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
-        validationRules?: Array<any>;
-        /** Specifies the editor name to be used in the validation default messages. */
-        name?: string;
-        /** An object that specifies what and when to validate, and how to apply the validation result. */
-        adapter?: dxValidatorValidationAdapter;
-        /** Specifies the validation group the editor will be related to. */
-        validationGroup?: string;
-        /** A handler for the validated event. */
-        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
-    }
-    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
-    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
-        constructor(element: JQuery, options?: dxValidatorOptions);
-        constructor(element: Element, options?: dxValidatorOptions);
-        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
-        validate(): validationEngine.ValidatorValidationResult;
-        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
-        reset(): void;
-    }
-    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
-    export class dxValidationGroup extends DOMComponent {
-        constructor(element: JQuery);
-        constructor(element: Element);
-        /** Validates rules of the validators that belong to the current validation group. */
-        validate(): validationEngine.ValidationGroupValidationResult;
-        /** Resets the value and validation result of the editors that are included to the current validation group. */
-        reset(): void;
-    }
-    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
-        /** Specifies the validation group for which summary should be generated. */
-        validationGroup?: string;
-    }
-    /** A widget for displaying the result of checking validation rules for editors. */
-    export class dxValidationSummary extends CollectionWidget {
-        constructor(element: JQuery, options?: dxValidationSummaryOptions);
-        constructor(element: Element, options?: dxValidationSummaryOptions);
-    }
-    export interface dxResizableOptions extends DOMComponentOptions {
-        /** Specifies which borders of the widget element are used as a handle. */
-        handles?: string;
-        /** Specifies the lower width boundary for resizing. */
-        minWidth?: number;
-        /** Specifies the upper width boundary for resizing. */
-        maxWidth?: number;
-        /** Specifies the lower height boundary for resizing. */
-        minHeight?: number;
-        /** Specifies the upper height boundary for resizing. */
-        maxHeight?: number;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-    }
-    /** A widget that displays required content in a resizable element. */
-    export class dxResizable extends DOMComponent {
-        constructor(element: JQuery, options?: dxResizableOptions);
-        constructor(element: Element, options?: dxResizableOptions);
-    }
-    export interface dxTooltipOptions extends dxPopoverOptions {
-    }
-    /** A tooltip widget. */
-    export class dxTooltip extends dxPopover {
-        constructor(element: JQuery, options?: dxTooltipOptions);
-        constructor(element: Element, options?: dxTooltipOptions);
-    }
-    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
-        /** Returns the value currently displayed by the widget. */
-        displayValue?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
-        showDataBeforeSearch?: boolean;
-        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: any;
-        /** Specifies the binary operation used to filter data. */
-        searchMode?: string;
-        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
-        searchTimeout?: number;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget supports searching. */
-        searchEnabled?: boolean;
-        /**
-         * Specifies whether or not the widget displays items by pages.
-         * @deprecated Use the DataSource paging opportunities instead.
-         */
-        pagingEnabled?: boolean;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. */
-        noDataText?: string;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: Function;
-        onContentReady?: Function;
-    }
-    /** A base class for drop-down list widgets. */
-    export class dxDropDownList extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDropDownListOptions);
-        constructor(element: Element, options?: dxDropDownListOptions);
-    }
-    export interface dxToolbarOptions extends CollectionWidgetOptions {
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** Informs the widget about its location in a view HTML markup. */
-        renderAs?: string;
-    }
-    /** A toolbar widget. */
-    export class dxToolbar extends CollectionWidget {
-        constructor(element: JQuery, options?: dxToolbarOptions);
-        constructor(element: Element, options?: dxToolbarOptions);
-    }
-    export interface dxToastOptions extends dxOverlayOptions {
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The time span in milliseconds during which the dxToast widget is visible. */
-        displayTime?: number;
-        height?: any;
-        /** The dxToast message text. */
-        message?: string;
-        position?: PositionOptions;
-        shading?: boolean;
-        /** Specifies the dxToast widget type. */
-        type?: string;
-        width?: any;
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
-        closeOnSwipe?: boolean;
-        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
-        closeOnClick?: boolean;
-    }
-    /** The toast message widget. */
-    export class dxToast extends dxOverlay {
-        constructor(element: JQuery, options?: dxToastOptions);
-        constructor(element: Element, options?: dxToastOptions);
-    }
-    export interface dxTextEditorOptions extends EditorOptions {
-        /** A handler for the change event. */
-        onChange?: Function;
-        /** A handler for the copy event. */
-        onCopy?: Function;
-        /** A handler for the cut event. */
-        onCut?: Function;
-        /** A handler for the enterKey event. */
-        onEnterKey?: Function;
-        /** A handler for the focusIn event. */
-        onFocusIn?: Function;
-        /** A handler for the focusOut event. */
-        onFocusOut?: Function;
-        /** A handler for the input event. */
-        onInput?: Function;
-        /** A handler for the keyDown event. */
-        onKeyDown?: Function;
-        /** A handler for the keyPress event. */
-        onKeyPress?: Function;
-        /** A handler for the keyUp event. */
-        onKeyUp?: Function;
-        /** A handler for the paste event. */
-        onPaste?: Function;
-        /** The text displayed by the widget when the widget value is empty. */
-        placeholder?: string;
-        /** Specifies whether to display the Clear button in the widget. */
-        showClearButton?: boolean;
-        /** Specifies the current value displayed by the widget. */
-        value?: any;
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies HTML attributes applied to the inner input element of the widget. */
-        attr?: Object;
-        /** The read-only option that holds the text displayed by the widget input element. */
-        text?: string;
-        focusStateEnabled?: boolean;
-        hoverStateEnabled?: boolean;
-        /** The editor mask that specifies the format of the entered string. */
-        mask?: string;
-        /** Specifies a mask placeholder character. */
-        maskChar?: string;
-        /** Specifies custom mask rules. */
-        maskRules?: Object;
-        /** A message displayed when the entered text does not match the specified pattern. */
-        maskInvalidMessage?: string;
-        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
-        useMaskedValue?: boolean;
-    }
-    /** A base class for text editing widgets. */
-    export class dxTextEditor extends Editor {
-        constructor(element: JQuery, options?: dxTextEditorOptions);
-        constructor(element: Element, options?: dxTextEditorOptions);
-        /** Removes focus from the input element. */
-        blur(): void;
-        /** Sets focus to the input element representing the widget. */
-        focus(): void;
-    }
-    export interface dxTextBoxOptions extends dxTextEditorOptions {
-        /** Specifies the maximum number of characters you can enter into the textbox. */
-        maxLength?: any;
-        /** The "mode" attribute value of the actual HTML input element representing the text box. */
-        mode?: string;
-    }
-    /** A single-line text box widget. */
-    export class dxTextBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxTextBoxOptions);
-        constructor(element: Element, options?: dxTextBoxOptions);
-    }
-    export interface dxTextAreaOptions extends dxTextBoxOptions {
-        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
-        spellcheck?: boolean;
-        /** Specifies the minimum height of the widget. */
-        minHeight?: any;
-        /** Specifies the maximum height of the widget. */
-        maxHeight?: any;
-        /** A Boolean value specifying whether or not the auto resizing mode is enabled. */
-        autoResizeEnabled?: boolean;
-    }
-    /** A widget used to display and edit multi-line text. */
-    export class dxTextArea extends dxTextBox {
-        constructor(element: JQuery, options?: dxTextAreaOptions);
-        constructor(element: Element, options?: dxTextAreaOptions);
-    }
-    export interface dxTabsOptions extends CollectionWidgetOptions {
-        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
-        selectionMode?: string;
-        /** Specifies whether or not an end-user can scroll tabs by swiping. */
-        scrollByContent?: boolean;
-        /** Specifies whether or not an end-user can scroll tabs. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A tab strip used to switch between pages. */
-    export class dxTabs extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTabsOptions);
-        constructor(element: Element, options?: dxTabsOptions);
-    }
-    export interface dxTabPanelOptions extends dxMultiViewOptions {
-        /** A handler for the titleClick event. */
-        onTitleClick?: any;
-        /** A handler for the titleHold event. */
-        onTitleHold?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** A Boolean value specifying if tabs in the title are scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean indicating whether or not to add scrolling support for tabs in the title. */
-        scrollingEnabled?: boolean;
-        /** A Boolean value that specifies the availability of navigation buttons. */
-        showNavButtons?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
-    export class dxTabPanel extends dxMultiView {
-        constructor(element: JQuery, options?: dxTabPanelOptions);
-        constructor(element: Element, options?: dxTabPanelOptions);
-    }
-    export interface dxSelectBoxOptions extends dxDropDownListOptions {
-        /** Specifies DOM event names that update a widget's value. */
-        valueChangeEvent?: string;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-        /** The text that is provided as a hint in the select box editor. */
-        placeholder?: string;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        acceptCustomValue?: boolean;
-        /** Specifies whether or not to display selection controls. */
-        showSelectionControls?: boolean;
-        /** A handler for the customItemCreating event. */
-        onCustomItemCreating?: Function;
-    }
-    /** A widget that allows you to select an item in a dropdown list. */
-    export class dxSelectBox extends dxDropDownList {
-        constructor(element: JQuery, options?: dxSelectBoxOptions);
-        constructor(element: Element, options?: dxSelectBoxOptions);
-    }
-    export interface dxTagBoxOptions extends dxSelectBoxOptions {
-        values?: Array<any>;
-        /** Specifies the selected items. */
-        value?: Array<any>;
-        /** Gets the currently selected items. */
-        selectedItems?: Array<any>;
-        /** Specifies how the widget applies values. */
-        applyValueMode?: string;
-        /** A Boolean value specifying whether or not to hide selected items. */
-        hideSelectedItems?: boolean;
-        /** A handler for the selectAllValueChanged event. */
-        onSelectAllValueChanged?: Function;
-        /** A Boolean value specifying whether or not the widget is multiline. */
-        multiline?: boolean;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: Function;
-        /** The template to be used for rendering tags. */
-        tagTemplate?: any;
-    }
-    /** A widget that allows you to select multiple items from a dropdown list. */
-    export class dxTagBox extends dxSelectBox {
-        constructor(element: JQuery, options?: dxTagBoxOptions);
-        constructor(element: Element, options?: dxTagBoxOptions);
-    }
-    export interface dxScrollViewOptions extends dxScrollableOptions {
-        /** A handler for the pullDown event. */
-        onPullDown?: Function;
-        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the reachBottom event. */
-        onReachBottom?: Function;
-        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
-        reachBottomText?: string;
-        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
-        refreshingText?: string;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-        /** Returns a value indicating if the scrollView content is larger then the widget container. */
-        isFull(): boolean;
-        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
-        refresh(): void;
-        /** Notifies the scroll view that data loading is finished. */
-        release(preventScrollBottom: boolean): JQueryPromise<void>;
-        /** Toggles the loading state of the widget. */
-        toggleLoading(showOrHide: boolean): void;
-    }
-    export interface dxScrollableLocation {
-        top?: number;
-        left?: number;
-    }
-    export interface dxScrollableOptions extends DOMComponentOptions {
-        /** A string value specifying the available scrolling directions. */
-        direction?: string;
-        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
-        disabled?: boolean;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** A handler for the update event. */
-        onUpdated?: Function;
-        /** Indicates whether to use native or simulated scrolling. */
-        useNative?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
-        scrollByThumb?: boolean;
-    }
-    /** A widget used to display scrollable content. */
-    export class dxScrollable extends DOMComponent {
-        constructor(element: JQuery, options?: dxScrollableOptions);
-        constructor(element: Element, options?: dxScrollableOptions);
-        /** Returns the height of the scrollable widget in pixels. */
-        clientHeight(): number;
-        /** Returns the width of the scrollable widget in pixels. */
-        clientWidth(): number;
-        /** Returns an HTML element of the widget. */
-        content(): JQuery;
-        /** Scrolls the widget content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
-        scrollBy(distanceObject: dxScrollableLocation): void;
-        /** Returns the height of the scrollable content in pixels. */
-        scrollHeight(): number;
-        /** Returns the current scroll position against the leftmost position. */
-        scrollLeft(): number;
-        /** Returns how far the scrollable content is scrolled from the top and from the left. */
-        scrollOffset(): dxScrollableLocation;
-        /** Scrolls widget content to the specified position. */
-        scrollTo(targetLocation: number): void;
-        /** Scrolls widget content to a specified position. */
-        scrollTo(targetLocation: dxScrollableLocation): void;
-        /** Scrolls widget content to the specified element. */
-        scrollToElement(element: Element): void;
-        /** Returns the current scroll position against the topmost position. */
-        scrollTop(): number;
-        /** Returns the width of the scrollable content in pixels. */
-        scrollWidth(): number;
-        /** Updates the dimensions of the scrollable contents. */
-        update(): void;
-    }
-    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the radio group layout. */
-        layout?: string;
-    }
-    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
-    export class dxRadioGroup extends CollectionWidget {
-        constructor(element: JQuery, options?: dxRadioGroupOptions);
-        constructor(element: Element, options?: dxRadioGroupOptions);
-    }
-    export interface dxPopupToolbarItemOptions {
-        /** Specifies whether or not a toolbar item must be displayed disabled. */
-        disabled?: boolean;
-        /** Specifies html code inserted into the toolbar item element. */
-        html?: string;
-        /** Specifies a location for the item on the toolbar. */
-        location?: string;
-        /** Specifies a configuration object for the widget that presents a toolbar item. */
-        options?: Object;
-        /** Specifies an item template that should be used to render this item only. */
-        template?: any;
-        /** Specifies text displayed for the toolbar item. */
-        text?: string;
-        /** Specifies whether the item is displayed on a top or bottom toolbar. */
-        toolbar?: string;
-        /** Specifies whether or not a widget item must be displayed. */
-        visible?: boolean;
-        /** A widget that presents a toolbar item. */
-        widget?: string;
-    }
-    export interface dxPopupOptions extends dxOverlayOptions {
-        /** Specifies whether or not to allow a user to drag the popup window. */
-        dragEnabled?: boolean;
-        /** Specifies whether or not an end user can resize the widget. */
-        resizeEnabled?: boolean;
-        /** A handler for the resizeStart event. */
-        onResizeStart?: Function;
-        /** A handler for the resize event. */
-        onResize?: Function;
-        /** A handler for the resizeEnd event. */
-        onResizeEnd?: Function;
-        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
-        fullScreen?: boolean;
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showTitle?: boolean;
-        /** The title in the overlay window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        width?: any;
-        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        toolbarItems?: Array<dxPopupToolbarItemOptions>;
-        /** Specifies whether or not the widget displays the Close button. */
-        showCloseButton?: boolean;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-    }
-    /** A widget that displays required content in a popup window. */
-    export class dxPopup extends dxOverlay {
-        constructor(element: JQuery, options?: dxPopupOptions);
-        constructor(element: Element, options?: dxPopupOptions);
-    }
-    export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        shading?: boolean;
-        /** A Boolean value specifying whether or not to display the title in the overlay window. */
-        showTitle?: boolean;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** Specifies the width of the widget. */
-        width?: any;
-    }
-    /** A widget that displays the required content in a popup window. */
-    export class dxPopover extends dxPopup {
-        constructor(element: JQuery, options?: dxPopoverOptions);
-        constructor(element: Element, options?: dxPopoverOptions);
-        /** Displays the widget for the specified target element. */
-        show(target?: any): JQueryPromise<void>;
-    }
-    export interface dxOverlayOptions extends WidgetOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
-        closeOnBackButton?: boolean;
-        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
-        closeOnOutsideClick?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        /** Specifies whether or not an end-user can drag the widget. */
-        dragEnabled?: boolean;
-        /** The height of the widget in pixels. */
-        height?: any;
-        /** Specifies the maximum height the widget can reach while resizing. */
-        maxHeight?: any;
-        /** Specifies the maximum width the widget can reach while resizing. */
-        maxWidth?: any;
-        /** Specifies the minimum height the widget can reach while resizing. */
-        minHeight?: any;
-        /** Specifies the minimum width the widget can reach while resizing. */
-        minWidth?: any;
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
-        shading?: boolean;
-        /** Specifies the shading color. */
-        shadingColor?: string;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        onContentReady?: Function;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-        /** The widget width in pixels. */
-        width?: any;
-    }
-    /** A widget displaying the required content in an overlay window. */
-    export class dxOverlay extends Widget {
-        constructor(element: JQuery, options?: dxOverlayOptions);
-        constructor(element: Element, options?: dxOverlayOptions);
-        /** An HTML element of the widget. */
-        content(): JQuery;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-        /** Recalculates the overlay's size and position. */
-        repaint(): void;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** A static method that specifies the base z-index for all overlay widgets. */
-        static baseZIndex(zIndex: number): void;
-    }
-    export interface dxNumberBoxOptions extends dxTextEditorOptions {
-        /** The maximum value accepted by the number box. */
-        max?: number;
-        /** The minimum value accepted by the number box. */
-        min?: number;
-        /** Specifies whether or not to show spin buttons. */
-        showSpinButtons?: boolean;
-        useTouchSpinButtons?: boolean;
-        /** Specifies by which value the widget value changes when a spin button is clicked. */
-        step?: number;
-        /** The current number box value. */
-        value?: number;
-        /** The "mode" attribute value of the actual HTML input element representing the widget. */
-        mode?: string;
-        /** Specifies the text of the message displayed if the specified value is not a number. */
-        invalidValueMessage?: string;
-    }
-    /** A textbox widget that enables a user to enter numeric values. */
-    export class dxNumberBox extends dxTextEditor {
-        constructor(element: JQuery, options?: dxNumberBoxOptions);
-        constructor(element: Element, options?: dxNumberBoxOptions);
-    }
-    export interface dxNavBarOptions extends dxTabsOptions {
-        scrollingEnabled?: boolean;
-    }
-    /** A widget that contains items used to navigate through application views. */
-    export class dxNavBar extends dxTabs {
-        constructor(element: JQuery, options?: dxNavBarOptions);
-        constructor(element: Element, options?: dxNavBarOptions);
-    }
-    export interface dxMultiViewOptions extends CollectionWidgetOptions {
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently displayed item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget used to display a view and to switch between several views. */
-    export class dxMultiView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxMultiViewOptions);
-        constructor(element: Element, options?: dxMultiViewOptions);
-    }
-    export interface dxMapLocation {
-        /** The latitude location of the widget. */
-        lat?: number;
-        /** The longitude location of the widget. */
-        lng?: number;
-    }
-    export interface dxMapMarker {
-        /** A URL pointing to the custom icon to be used for the marker. */
-        iconSrc?: string;
-        /** Specifies the marker location. */
-        location?: dxMapLocation;
-        /** A callback function performed when the marker is clicked. */
-        onClick?: Function;
-        /** A tooltip to be used for the marker. */
-        tooltip?: {
-            /** Specifies whether a tooltip is visible by default or not. */
-            isShown?: boolean;
-            /** Specifies the tooltip text. */
-            text?: string;
-        }
-    }
-    export interface dxMapRoute {
-        /** Specifies the color of the line displaying the route. */
-        color?: string;
-        /** Specifies a transportation mode to be used in the displayed route. */
-        mode?: string;
-        /** Specifies the opacity of the line displaying the route. */
-        opacity?: number;
-        /** Contains an array of objects making up the route. */
-        locations?: Array<dxMapLocation>;
-        /** Specifies the thickness of the line displaying the route in pixels. */
-        weight?: number;
-    }
-    export interface dxMapOptions extends WidgetOptions {
-        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
-        autoAdjust?: boolean;
-        center?: dxMapLocation;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies whether or not map widget controls are available. */
-        controls?: boolean;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** A key used to authenticate the application within the required map provider. */
-        key?: {
-            /** A key used to authenticate the application within the "Bing" map provider. */
-            bing?: string;
-            /** A key used to authenticate the application within the "Google" map provider. */
-            google?: string;
-            /** A key used to authenticate the application within the "Google Static" map provider. */
-            googleStatic?: string;
-        }
-        /** A handler for the markerAdded event. */
-        onMarkerAdded?: Function;
-        /** A URL pointing to the custom icon to be used for map markers. */
-        markerIconSrc?: string;
-        /** A handler for the markerRemoved event. */
-        onMarkerRemoved?: Function;
-        /** An array of markers displayed on a map. */
-        markers?: Array<dxMapMarker>;
-        /** The name of the current map data provider. */
-        provider?: string;
-        /** A handler for the ready event. */
-        onReady?: Function;
-        /** A handler for the routeAdded event. */
-        onRouteAdded?: Function;
-        /** A handler for the routeRemoved event. */
-        onRouteRemoved?: Function;
-        /** An array of routes shown on the map. */
-        routes?: Array<dxMapRoute>;
-        /** The type of a map to display. */
-        type?: string;
-        /** Specifies the width of the widget. */
-        width?: any;
-        /** The zoom level of the map. */
-        zoom?: number;
-    }
-    /** An interactive map widget. */
-    export class dxMap extends Widget {
-        constructor(element: JQuery, options?: dxMapOptions);
-        constructor(element: Element, options?: dxMapOptions);
-        /** Adds a marker to the map. */
-        addMarker(markerOptions: Object): JQueryPromise<Object>;
-        /** Adds a route to the map. */
-        addRoute(routeOptions: Object): JQueryPromise<Object>;
-        /** Removes a marker from the map. */
-        removeMarker(marker: Object): JQueryPromise<void>;
-        /** Removes a route from the map. */
-        removeRoute(route: any): JQueryPromise<void>;
-    }
-    export interface dxLookupOptions extends dxDropDownListOptions {
-        applyValueMode?: string;
-        /** An object that defines widget animation options. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-        /** The text displayed on the Clear button. */
-        clearButtonText?: string;
-        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
-        cleanSearchOnOpening?: boolean;
-        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
-        closeOnOutsideClick?: any;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
-        fullScreen?: boolean;
-        focusStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to group widget items. */
-        grouped?: boolean;
-        /** The name of the template used to display a group header. */
-        groupTemplate?: any;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** The text displayed by the widget when nothing is selected. */
-        placeholder?: string;
-        /** The height of the widget popup element. */
-        popupHeight?: any;
-        /** The width of the widget popup element. */
-        popupWidth?: any;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether or not the search bar is visible. */
-        searchEnabled?: boolean;
-        /** The text that is provided as a hint in the lookup's search bar. */
-        searchPlaceholder?: string;
-        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
-        shading?: boolean;
-        /** Specifies whether to display the Cancel button in the lookup window. */
-        showCancelButton?: boolean;
-        /**
-         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated Use the pageLoadMode option instead.
-         */
-        showNextButton?: boolean;
-        /** The title of the lookup window. */
-        title?: string;
-        /** A template to be used for rendering the widget title. */
-        titleTemplate?: any;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
-        usePopover?: boolean;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-        /** A handler for the titleRendered event. */
-        onTitleRendered?: Function;
-        /** A Boolean value specifying whether or not to display the title in the popup window. */
-        showPopupTitle?: boolean;
-        /** The template to be used for rendering the widget text field. */
-        fieldTemplate?: any;
-    }
-    /** A widget that allows a user to select predefined values from a lookup window. */
-    export class dxLookup extends dxDropDownList {
-        constructor(element: JQuery, options?: dxLookupOptions);
-        constructor(element: Element, options?: dxLookupOptions);
-    }
-    export interface dxLoadPanelOptions extends dxOverlayOptions {
-        /** An object defining the animation options of the widget. */
-        animation?: fx.AnimationOptions;
-        /** The delay in milliseconds after which the load panel is displayed. */
-        delay?: number;
-        /** The height of the widget. */
-        height?: number;
-        /** A URL pointing to an image to be used as a load indicator. */
-        indicatorSrc?: string;
-        /** The text displayed in the load panel. */
-        message?: string;
-        /** A Boolean value specifying whether or not to show a load indicator. */
-        showIndicator?: boolean;
-        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
-        showPane?: boolean;
-        /** The width of the widget. */
-        width?: number;
-        /** Specifies whether or not the widget can be focused. */
-        focusStateEnabled?: boolean;
-    }
-    /** A widget used to indicate whether or not an element is loading. */
-    export class dxLoadPanel extends dxOverlay {
-        constructor(element: JQuery, options?: dxLoadPanelOptions);
-        constructor(element: Element, options?: dxLoadPanelOptions);
-    }
-    export interface dxLoadIndicatorOptions extends WidgetOptions {
-        /** Specifies the path to an image used as the indicator. */
-        indicatorSrc?: string;
-    }
-    /** The widget used to indicate the loading process. */
-    export class dxLoadIndicator extends Widget {
-        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
-        constructor(element: Element, options?: dxLoadIndicatorOptions);
-    }
-    export interface ListOptionsMenuItem {
-        /** Specifies the menu item text. */
-        text?: string;
-        /** Holds on a function called when the item is clicked. */
-        action?: (itemElement: Element, itemData: any) => void;
-    }
-    export interface dxListOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not to display a grouped list. */
-        grouped?: boolean;
-        /** The template to be used for rendering item groups. */
-        groupTemplate?: any;
-        onItemDeleting?: Function;
-        /** A handler for the itemDeleted event. */
-        onItemDeleted?: Function;
-        /** A handler for the groupRendered event. */
-        onGroupRendered?: Function;
-        /** A handler for the itemReordered event. */
-        onItemReordered?: Function;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** A handler for the itemSwipe event. */
-        onItemSwipe?: Function;
-        /** The text displayed on the button used to load the next page from the data source. */
-        nextButtonText?: string;
-        /** A handler for the pageLoading event. */
-        onPageLoading?: Function;
-        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
-        pageLoadingText?: string;
-        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
-        pulledDownText?: string;
-        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
-        pullingDownText?: string;
-        /** A handler for the pullRefresh event. */
-        onPullRefresh?: Function;
-        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
-        pullRefreshEnabled?: boolean;
-        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
-        refreshingText?: string;
-        /** A handler for the scroll event. */
-        onScroll?: Function;
-        /** A Boolean value specifying whether to enable or disable list scrolling. */
-        scrollingEnabled?: boolean;
-        /** Specifies when the widget shows the scrollbar. */
-        showScrollbar?: string;
-        /** Specifies whether or not the widget uses native scrolling. */
-        useNativeScrolling?: boolean;
-        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
-        bounceEnabled?: boolean;
-        /** A Boolean value specifying if the list is scrolled by content. */
-        scrollByContent?: boolean;
-        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
-        scrollByThumb?: boolean;
-        onItemContextMenu?: Function;
-        onItemHold?: Function;
-        /** Specifies whether or not an end-user can collapse groups. */
-        collapsibleGroups?: boolean;
-        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
-        pageLoadMode?: string;
-        /** Specifies whether or not to display controls used to select list items. */
-        showSelectionControls?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        selectAllText?: string;
-        /** A handler for the selectAllValueChanged event. */
-        onSelectAllValueChanged?: Function;
-        /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<ListOptionsMenuItem>;
-        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
-        menuMode?: string;
-        /** Specifies whether or not an end user can delete list items. */
-        allowItemDeleting?: boolean;
-        /** Specifies the way a user can delete items from the list. */
-        itemDeleteMode?: string;
-        /** Specifies whether or not an end user can reorder list items. */
-        allowItemReordering?: boolean;
-        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
-        indicateLoading?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A list widget. */
-    export class dxList extends CollectionWidget {
-        constructor(element: JQuery, options?: dxListOptions);
-        constructor(element: Element, options?: dxListOptions);
-        /** Returns the height of the widget in pixels. */
-        clientHeight(): number;
-        /** Removes the specified item from the list. */
-        deleteItem(itemIndex: any): JQueryPromise<void>;
-        /** Removes the specified item from the list. */
-        deleteItem(itemElement: Element): JQueryPromise<void>;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemIndex: any): boolean;
-        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
-        isItemSelected(itemElement: Element): boolean;
-        /** Reloads list data. */
-        reload(): void;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
-        /** Moves the specified item to the specified position in the list. */
-        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
-        /** Scrolls the list content by the specified number of pixels. */
-        scrollBy(distance: number): void;
-        /** Returns the height of the list content in pixels. */
-        scrollHeight(): number;
-        /** Scrolls list content to the specified position. */
-        scrollTo(location: number): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemElement: Element): void;
-        /** Scrolls the list to the specified item. */
-        scrollToItem(itemIndex: any): void;
-        /** Returns how far the list content is scrolled from the top. */
-        scrollTop(): number;
-        /** Selects the specified item from the list. */
-        selectItem(itemElement: Element): void;
-        /** Selects the specified item from the list. */
-        selectItem(itemIndex: any): void;
-        /** Deselects the specified item from the list. */
-        unselectItem(itemElement: Element): void;
-        /** Unselects the specified item from the list. */
-        unselectItem(itemIndex: any): void;
-        /** Updates the widget scrollbar according to widget content size. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Expands the specified group. */
-        expandGroup(groupIndex: number): JQueryPromise<void>;
-        /** Collapses the specified group. */
-        collapseGroup(groupIndex: number): JQueryPromise<void>;
-    }
-    export interface dxGalleryOptions extends CollectionWidgetOptions {
-        /** The time, in milliseconds, spent on slide animation. */
-        animationDuration?: number;
-        /** Specifies whether or not to animate the displayed item change. */
-        animationEnabled?: boolean;
-        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
-        indicatorEnabled?: boolean;
-        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
-        loop?: boolean;
-        /** The index of the currently active gallery item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
-        showIndicator?: boolean;
-        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
-        showNavButtons?: boolean;
-        /** The time interval in milliseconds, after which the gallery switches to the next item. */
-        slideshowDelay?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
-        wrapAround?: boolean;
-        /** Specifies if the widget stretches images to fit the total gallery width. */
-        stretchImages?: boolean;
-        /** Specifies the width of an area used to display a single image. */
-        initialItemWidth?: number;
-    }
-    /** An image gallery widget. */
-    export class dxGallery extends CollectionWidget {
-        constructor(element: JQuery, options?: dxGalleryOptions);
-        constructor(element: Element, options?: dxGalleryOptions);
-        /** Shows the specified gallery item. */
-        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
-        /** Shows the next gallery item. */
-        nextItem(animation: boolean): JQueryPromise<any>;
-        /** Shows the previous gallery item. */
-        prevItem(animation: boolean): JQueryPromise<any>;
-    }
-    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: Object;
-        /** A handler for the closed event. */
-        onClosed?: Function;
-        /** A handler for the opened event. */
-        onOpened?: Function;
-        /** Specifies whether or not the drop-down editor is displayed. */
-        opened?: boolean;
-        fieldEditEnabled?: boolean;
-        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
-        acceptCustomValue?: boolean;
-        /** Specifies the way an end-user applies the selected value. */
-        applyValueMode?: string;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down editor widget. */
-    export class dxDropDownEditor extends dxTextBox {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Closes the drop-down editor. */
-        close(): void;
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Resets the widget's value to null. */
-        reset(): void;
-        /** Returns an &lt;input&gt; element of the widget. */
-        field(): JQuery;
-        /** Returns an HTML element of the popup window content. */
-        content(): JQuery;
-    }
-    export interface dxDateBoxOptions extends dxTextEditorOptions {
-        formatString?: any;
-        /** Specifies the date display format. Applies only if the pickerType option is 'native' */
-        displayFormat?: any;
-        format?: string;
-        /** A format used to display date/time information. */
-        type?: string;
-        /** The last date that can be selected within the widget. */
-        max?: any;
-        /** The minimum date that can be selected within the widget. */
-        min?: any;
-        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
-        placeholder?: string;
-        /**
-         * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use the pickerType option instead.
-         */
-        useCalendar?: boolean;
-        /** An object or a value, specifying the date and time currently selected using the date box. */
-        value?: any;
-        /**
-         * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use the pickerType option instead.
-         */
-        useNative?: boolean;
-        /** Specifies the interval between neighboring values in the popup list in minutes. */
-        interval?: number;
-        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
-        maxZoomLevel?: string;
-        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
-        minZoomLevel?: string;
-        /** Specifies the type of date/time picker. */
-        pickerType?: string;
-        /** Specifies the message displayed if the typed value is not a valid date or time. */
-        invalidDateMessage?: string;
-        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
-        dateOutOfRangeMessage?: string;
-        /** The text displayed on the Apply button. */
-        applyButtonText?: string;
-        /** Specifies whether or not adaptive widget rendering is enabled on a small screen. */
-        adaptivityEnabled?: boolean;
-        /** The text displayed on the Cancel button. */
-        cancelButtonText?: string;
-    }
-    /** A date box widget. */
-    export class dxDateBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxDateBoxOptions);
-        constructor(element: Element, options?: dxDateBoxOptions);
-    }
-    export interface dxCheckBoxOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies the widget state. */
-        value?: boolean;
-        /** Specifies the text displayed by the check box. */
-        text?: string;
-    }
-    /** A check box widget. */
-    export class dxCheckBox extends Editor {
-        constructor(element: JQuery, options?: dxCheckBoxOptions);
-        constructor(element: Element, options?: dxCheckBoxOptions);
-    }
-    export interface dxCalendarOptions extends EditorOptions {
-        activeStateEnabled?: boolean;
-        /** Specifies a date displayed on the current calendar page. */
-        currentDate?: Date;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** An object or a value, specifying the date and time currently selected in the calendar. */
-        value?: any;
-        /** The latest date the widget allows to select. */
-        max?: any;
-        /** The earliest date the widget allows to select. */
-        min?: any;
-        /** Specifies whether or not the widget displays a button that selects the current date. */
-        showTodayButton?: boolean;
-        /** Specifies the current calendar zoom level. */
-        zoomLevel?: string;
-        /** Specifies the maximum zoom level of the calendar. */
-        maxZoomLevel?: string;
-        /** Specifies the minimum zoom level of the calendar. */
-        minZoomLevel?: string;
-        /** The template to be used for rendering calendar cells. */
-        cellTemplate?: any;
-    }
-    /** A calendar widget. */
-    export class dxCalendar extends Editor {
-        constructor(element: JQuery, options?: dxCalendarOptions);
-        constructor(element: Element, options?: dxCalendarOptions);
-    }
-    export interface dxButtonOptions extends WidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** Specifies the icon to be displayed on the button. */
-        icon?: string;
-        iconSrc?: string;
-        /** A template to be used for rendering the dxButton widget. */
-        template?: any;
-        /** The text displayed on the button. */
-        text?: string;
-        /** Specifies the button type. */
-        type?: string;
-        /** Specifies the name of the validation group to be accessed in the click event handler. */
-        validationGroup?: string;
-    }
-    /** A button widget. */
-    export class dxButton extends Widget {
-        constructor(element: JQuery, options?: dxButtonOptions);
-        constructor(element: Element, options?: dxButtonOptions);
-    }
-    export interface dxBoxOptions extends CollectionWidgetOptions {
-        /** Specifies how widget items are aligned along the main direction. */
-        align?: string;
-        /** Specifies the direction of item positioning in the widget. */
-        direction?: string;
-        /** Specifies how widget items are aligned cross-wise. */
-        crossAlign?: string;
-    }
-    /** A container widget used to arrange inner elements. */
-    export class dxBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
-        /** Specifies the collection of rows for the grid used to position layout elements. */
-        rows?: Array<Object>;
-        /** Specifies the collection of columns for the grid used to position layout elements. */
-        cols?: Array<Object>;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the screen factor with which all elements are located in a single column. */
-        singleColumnScreen?: string;
-    }
-    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
-    export class dxResponsiveBox extends CollectionWidget {
-        constructor(element: JQuery, options?: dxBoxOptions);
-        constructor(element: Element, options?: dxBoxOptions);
-    }
-    export interface dxAutocompleteOptions extends dxDropDownListOptions {
-        /** Specifies the current value displayed by the widget. */
-        value?: string;
-        /** The minimum number of characters that must be entered into the text box to begin a search. */
-        minSearchLength?: number;
-        /** Specifies the maximum count of items displayed by the widget. */
-        maxItemCount?: number;
-        /** Gets the currently selected item. */
-        selectedItem?: Object;
-    }
-    /** A textbox widget that supports autocompletion. */
-    export class dxAutocomplete extends dxDropDownList {
-        constructor(element: JQuery, options?: dxAutocompleteOptions);
-        constructor(element: Element, options?: dxAutocompleteOptions);
-        /** Opens the drop-down editor. */
-        open(): void;
-        /** Closes the drop-down editor. */
-        close(): void;
-    }
-    export interface dxAccordionOptions extends CollectionWidgetOptions {
-        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
-        animationDuration?: number;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
-        collapsible?: boolean;
-        /** Specifies whether the widget can expand several items or only a single item at once. */
-        multiple?: boolean;
-        /** The template to be used for rendering dxAccordion items. */
-        itemTemplate?: any;
-        /** A handler for the itemTitleClick event. */
-        onItemTitleClick?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-        /** The index number of the currently selected item. */
-        selectedIndex?: number;
-        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
-        deferRendering?: boolean;
-    }
-    /** A widget that displays data source items on collapsible panels. */
-    export class dxAccordion extends CollectionWidget {
-        constructor(element: JQuery, options?: dxAccordionOptions);
-        constructor(element: Element, options?: dxAccordionOptions);
-        /** Collapses the specified item. */
-        collapseItem(index: number): JQueryPromise<dxAccordion>;
-        /** Expands the specified item. */
-        expandItem(index: number): JQueryPromise<dxAccordion>;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<dxAccordion>;
-    }
-    export interface dxFileUploaderOptions extends EditorOptions {
-        /** A read-only option that holds a File instance representing the selected file. */
-        value?: Array<File>;
-        values?: Array<File>;
-        buttonText?: string;
-        /** The text displayed on the button that opens the file browser. */
-        selectButtonText?: string;
-        /** The text displayed on the button that starts uploading. */
-        uploadButtonText?: string;
-        /** Specifies the text displayed on the area to which an end-user can drop a file. */
-        labelText?: string;
-        /** Specifies the value passed to the name attribute of the underlying input element. */
-        name?: string;
-        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
-        multiple?: boolean;
-        /** Specifies a file type or several types accepted by the widget. */
-        accept?: string;
-        /** Specifies a target Url for the upload request. */
-        uploadUrl?: string;
-        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
-        allowCanceling?: boolean;
-        /** Specifies whether or not the widget displays the list of selected files. */
-        showFileList?: boolean;
-        /** Gets the current progress in percentages. */
-        progress?: number;
-        /** The message displayed by the widget when it is ready to upload the specified files. */
-        readyToUploadMessage?: string;
-        /** The message displayed by the widget when uploading is finished. */
-        uploadedMessage?: string;
-        /** The message displayed by the widget on uploading failure. */
-        uploadFailedMessage?: string;
-        /** Specifies how the widget uploads files. */
-        uploadMode?: string;
-        /** Specifies the method for the upload request. */
-        uploadMethod?: string;
-        /** Specifies headers for the upload request. */
-        uploadHeaders?: Object;
-        /** A handler for the uploadStarted event. */
-        onUploadStarted?: Function;
-        /** A handler for the uploaded event. */
-        onUploaded?: Function;
-        /** A handler for the uploaded event. */
-        onProgress?: Function;
-        /** A handler for the uploadError event. */
-        onUploadError?: Function;
-        /** A handler for the uploadAborted event. */
-        onUploadAborted?: Function;
-        /** A handler for the valueChanged event. */
-        onValueChanged?: Function;
-    }
-    /** A widget used to select and upload a file or multiple files. */
-    export class dxFileUploader extends Editor {
-        constructor(element: JQuery, options?: dxFileUploaderOptions);
-        constructor(element: Element, options?: dxFileUploaderOptions);
-    }
-    export interface dxTrackBarOptions extends EditorOptions {
-        /** The minimum value the widget can accept. */
-        min?: number;
-        /** The maximum value the widget can accept. */
-        max?: number;
-        /** The current widget value. */
-        value?: number;
-    }
-    /** A base class for track bar widgets. */
-    export class dxTrackBar extends Editor {
-        constructor(element: JQuery, options?: dxTrackBarOptions);
-        constructor(element: Element, options?: dxTrackBarOptions);
-    }
-    export interface dxProgressBarOptions extends dxTrackBarOptions {
-        /** Specifies a format for the progress status. */
-        statusFormat?: any;
-        /** Specifies whether or not the widget displays a progress status. */
-        showStatus?: boolean;
-        /** A handler for the complete event. */
-        onComplete?: Function;
-    }
-    /** A widget used to indicate progress. */
-    export class dxProgressBar extends dxTrackBar {
-        constructor(element: JQuery, options?: dxProgressBarOptions);
-        constructor(element: Element, options?: dxProgressBarOptions);
-    }
-    export interface dxSliderOptions extends dxTrackBarOptions {
-        activeStateEnabled?: boolean;
-        /** The slider step size. */
-        step?: number;
-        /** The current slider value. */
-        value?: number;
-        /** Specifies whether or not to highlight a range selected within the widget. */
-        showRange?: boolean;
-        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
-        keyStep?: number;
-        /** Specifies options for the slider tooltip. */
-        tooltip?: {
-            /** Specifies whether or not the tooltip is enabled. */
-            enabled?: boolean;
-            /** Specifies format for the tooltip. */
-            format?: any;
-            /** Specifies whether the tooltip is located over or under the slider. */
-            position?: string;
-            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
-            showMode?: string;
-        };
-        /** Specifies options for labels displayed at the min and max values. */
-        label?: {
-            /** Specifies whether or not slider labels are visible. */
-            visible?: boolean;
-            /** Specifies whether labels are located over or under the scale. */
-            position?: string;
-            /** Specifies a format for labels. */
-            format?: any;
-        };
-    }
-    /** A widget that allows a user to select a numeric value within a given range. */
-    export class dxSlider extends dxTrackBar {
-        constructor(element: JQuery, options?: dxSliderOptions);
-        constructor(element: Element, options?: dxSliderOptions);
-    }
-    export interface dxRangeSliderOptions extends dxSliderOptions {
-        /** The left edge of the interval currently selected using the range slider. */
-        start?: number;
-        /** The right edge of the interval currently selected using the range slider. */
-        end?: number;
-    }
-    /** A widget that enables a user to select a range of numeric values. */
-    export class dxRangeSlider extends dxSlider {
-        constructor(element: JQuery, options?: dxRangeSliderOptions);
-        constructor(element: Element, options?: dxRangeSliderOptions);
-    }
-    export interface dxFormItemLabel {
-        /** Specifies the label text. */
-        text?: string;
-        /** Specifies whether or not the label is visible. */
-        visible?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of the current label. */
-        showColon?: boolean;
-        /** Specifies the location of a label against the editor. */
-        location?: string;
-        /** Specifies the label horizontal alignment. */
-        alignment?: string;
-    }
-    export interface dxFormItem {
-        /** Specifies the type of the current item. */
-        itemType?: string;
-        /** Specifies whether or not the current form item is visible. */
-        visible?: boolean;
-        /** Specifies the sequence number of the item in a form, group or tab. */
-        visibleIndex?: number;
-        /** Specifies a CSS class to be applied to the form item. */
-        cssClass?: string;
-        /** Specifies the number of columns spanned by the item. */
-        colSpan?: number;
-    }
-    export interface dxFormEmptyItem extends dxFormItem {
-        /** Specifies the form item name. */
-        name?: string;
-    }
-    export interface dxFormSimpleItem extends dxFormItem {
-        /** Specifies the path to the formData object field bound to the current form item. */
-        dataField?: string;
-        /** Specifies the form item name. */
-        name?: string;
-        /** Specifies which editor widget is used to display and edit the form item value. */
-        editorType?: string;
-        /** Specifies configuration options for the editor widget of the current form item. */
-        editorOptions?: Object;
-        /** A template to be used for rendering the form item. */
-        template?: any;
-        /** Specifies the help text displayed for the current form item. */
-        helpText?: string;
-        /** Specifies whether the current form item is required. */
-        isRequired?: boolean;
-        /** Specifies options for the form item label. */
-        label?: dxFormItemLabel;
-        /** An array of validation rules to be checked for the form item editor. */
-        validationRules?: Array<any>;
-    }
-    /** Specifies dependency between the screen factor and the count of columns. */
-    export interface ColCountResponsible {
-        /** The count of columns for an extra small-sized screen. */
-        xs?: number;
-        /** The count of columns for a small-sized screen. */
-        sm?: number;
-        /** The count of columns for a middle-sized screen. */
-        md?: number;
-        /** The count of columns for a large screen size. */
-        lg?: number;
-    }
-    export interface dxFormGroupItem extends dxFormItem {
-        /** Specifies the group caption. */
-        caption?: string;
-        /** A template to be used for rendering a group item. */
-        template?: any;
-        /** The count of columns in the group layout. */
-        colCount?: number;
-        /** Specifies dependency between the screen factor and the count of columns in the tab layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies whether or not all group item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the group. */
-        items?: Array<dxFormItem>;
-    }
-    export interface dxFormTab {
-        /** Specifies the tab title. */
-        title?: string;
-        /** The count of columns in the tab layout. */
-        colCount?: number;
-        /** Specifies dependency between the screen factor and the count of columns in the group layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
-        alignItemLabels?: boolean;
-        /** Holds an array of form items displayed within the tab. */
-        items?: Array<dxFormItem>;
-        /** Specifies a badge text for the tab. */
-        badge?: string;
-        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
-        disabled?: boolean;
-        /** Specifies the icon to be displayed on the tab. */
-        icon?: string;
-        /** The template to be used for rendering the tab. */
-        tabTemplate?: any;
-        /** The template to be used for rendering the tab content. */
-        template?: any;
-    }
-    export interface dxFormTabbedItem extends dxFormItem {
-        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
-        tabPanelOptions?: Object;
-        /** An array of tab configuration objects. */
-        tabs?: Array<dxFormTab>;
-    }
-    export interface dxFormOptions extends WidgetOptions {
-        /** An object providing data for the form. */
-        formData?: Object;
-        /** The count of columns in the form layout. */
-        colCount?: any;
-        /** Specifies dependency between the screen factor and the count of columns in the form layout. */
-        colCountByScreen?: ColCountResponsible;
-        /** Specifies the function returning the screen factor depending on the screen width. */
-        screenByWidth?: (width: number) => string;
-        /** Specifies the location of a label against the editor. */
-        labelLocation?: string;
-        /** Specifies whether or not all editors on the form are read-only. */
-        readOnly?: boolean;
-        /** A handler for the fieldDataChanged event. */
-        onFieldDataChanged?: (e: Object) => void;
-        /** A handler for the editorEnterKey event. */
-        onEditorEnterKey?: (e: Object) => void;
-        /** Specifies a function that customizes a form item after it has been created. */
-        customizeItem?: Function;
-        /** The minimum column width used for calculating column count in the form layout. */
-        minColWidth?: number;
-        /** Specifies whether or not all root item labels are aligned. */
-        alignItemLabels?: boolean;
-        /** Specifies whether or not item labels in all groups are aligned. */
-        alignItemLabelsInAllGroups?: boolean;
-        /** Specifies whether or not a colon is displayed at the end of form labels. */
-        showColonAfterLabel?: boolean;
-        /** Specifies whether or not the required mark is displayed for required fields. */
-        showRequiredMark?: boolean;
-        /** Specifies whether or not the optional mark is displayed for optional fields. */
-        showOptionalMark?: boolean;
-        /** The text displayed for required fields. */
-        requiredMark?: string;
-        /** The text displayed for optional fields. */
-        optionalMark?: string;
-        /** Specifies the message that is shown for end-users if a required field value is not specified. */
-        requiredMessage?: string;
-        /** Specifies whether or not the total validation summary is displayed on the form. */
-        showValidationSummary?: boolean;
-        /** Holds an array of form items. */
-        items?: Array<dxFormItem>;
-        /** A Boolean value specifying whether to enable or disable form scrolling. */
-        scrollingEnabled?: boolean;
-        onContentReady?: Function;
-    }
-    /** A form widget used to display and edit values of object fields. */
-    export class dxForm extends Widget {
-        constructor(element: JQuery, options?: dxFormOptions);
-        constructor(element: Element, options?: dxFormOptions);
-        /** Updates the specified field of the formData object and the corresponding editor on the form. */
-        updateData(dataField: string, value: any): void;
-        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
-        updateData(data: Object): void;
-        /** Updates the value of a form item option. */
-        itemOption(field: string, option: string, value: any): void;
-        /** Updates the values of form item options. */
-        itemOption(field: string, options: Object): void;
-        /** Gets the value of the form item option. */
-        itemOption(field: string): any;
-        /** Returns an editor instance associated with the specified formData field or name of the form item. */
-        getEditor(field: string): Object;
-        /** Updates the dimensions of the widget contents. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
-        validate(): Object;
-        /** Resets the editor's value to undefined. */
-        resetValues(): void;
-    }
-    export interface dxDeferRenderingOptions extends WidgetOptions {
-        /** Indicates if a load indicator should be shown until the widget's content is rendered. */
-        showLoadIndicator?: boolean;
-        /** Specifies the jQuery.Promise or boolean value, which when resolved, forces widget content to render. */
-        renderWhen?: any;
-        /** Specifies the animation to be used to show the rendered content. */
-        animation?: fx.AnimationOptions;
-        /** Specifies a jQuery selector of items that should be rendered using a staggered animation. */
-        staggerItemSelector?: string;
-        /** Specifies a callback function that is called when the widget's content has finished rendering but is not yet shown. */
-        onRendered?: Function;
-        /** Specifies a callback function that is called when widget content is shown and animation has completed. */
-        onShown?: Function;
-    }
-    /** A container for elements that must be rendered at a specified moment. */
-    export class dxDeferRendering extends Widget {
-        constructor(element: JQuery, options?: dxDeferRenderingOptions);
-        constructor(element: Element, options?: dxDeferRenderingOptions);
-    }
-}
-interface JQuery {
-    dxProgressBar(): JQuery;
-    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
-    dxProgressBar(options: string): any;
-    dxProgressBar(options: string, ...params: any[]): any;
-    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
-    dxSlider(): JQuery;
-    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
-    dxSlider(options: string): any;
-    dxSlider(options: string, ...params: any[]): any;
-    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
-    dxRangeSlider(): JQuery;
-    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
-    dxRangeSlider(options: string): any;
-    dxRangeSlider(options: string, ...params: any[]): any;
-    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
-    dxFileUploader(): JQuery;
-    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
-    dxFileUploader(options: string): any;
-    dxFileUploader(options: string, ...params: any[]): any;
-    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
-    dxValidator(): JQuery;
-    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
-    dxValidator(options: string): any;
-    dxValidator(options: string, ...params: any[]): any;
-    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
-    dxValidationGroup(): JQuery;
-    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
-    dxValidationGroup(options: string): any;
-    dxValidationGroup(options: string, ...params: any[]): any;
-    dxValidationSummary(): JQuery;
-    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
-    dxValidationSummary(options: string): any;
-    dxValidationSummary(options: string, ...params: any[]): any;
-    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
-    dxTooltip(): JQuery;
-    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
-    dxTooltip(options: string): any;
-    dxTooltip(options: string, ...params: any[]): any;
-    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
-    dxResizable(): JQuery;
-    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
-    dxResizable(options: string): any;
-    dxResizable(options: string, ...params: any[]): any;
-    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
-    dxDropDownList(): JQuery;
-    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
-    dxDropDownList(options: string): any;
-    dxDropDownList(options: string, ...params: any[]): any;
-    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
-    dxToolbar(): JQuery;
-    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
-    dxToolbar(options: string): any;
-    dxToolbar(options: string, ...params: any[]): any;
-    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
-    dxToast(): JQuery;
-    dxToast(options: "instance"): DevExpress.ui.dxToast;
-    dxToast(options: string): any;
-    dxToast(options: string, ...params: any[]): any;
-    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
-    dxTextEditor(): JQuery;
-    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
-    dxTextEditor(options: string): any;
-    dxTextEditor(options: string, ...params: any[]): any;
-    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
-    dxTextBox(): JQuery;
-    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
-    dxTextBox(options: string): any;
-    dxTextBox(options: string, ...params: any[]): any;
-    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
-    dxTextArea(): JQuery;
-    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
-    dxTextArea(options: string): any;
-    dxTextArea(options: string, ...params: any[]): any;
-    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
-    dxTabs(): JQuery;
-    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
-    dxTabs(options: string): any;
-    dxTabs(options: string, ...params: any[]): any;
-    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
-    dxTabPanel(): JQuery;
-    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
-    dxTabPanel(options: string): any;
-    dxTabPanel(options: string, ...params: any[]): any;
-    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
-    dxSelectBox(): JQuery;
-    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
-    dxSelectBox(options: string): any;
-    dxSelectBox(options: string, ...params: any[]): any;
-    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
-    dxTagBox(): JQuery;
-    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
-    dxTagBox(options: string): any;
-    dxTagBox(options: string, ...params: any[]): any;
-    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
-    dxScrollView(): JQuery;
-    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
-    dxScrollView(options: string): any;
-    dxScrollView(options: string, ...params: any[]): any;
-    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
-    dxScrollable(): JQuery;
-    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
-    dxScrollable(options: string): any;
-    dxScrollable(options: string, ...params: any[]): any;
-    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
-    dxRadioGroup(): JQuery;
-    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
-    dxRadioGroup(options: string): any;
-    dxRadioGroup(options: string, ...params: any[]): any;
-    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
-    dxPopup(): JQuery;
-    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
-    dxPopup(options: string): any;
-    dxPopup(options: string, ...params: any[]): any;
-    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
-    dxPopover(): JQuery;
-    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
-    dxPopover(options: string): any;
-    dxPopover(options: string, ...params: any[]): any;
-    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
-    dxOverlay(): JQuery;
-    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
-    dxOverlay(options: string): any;
-    dxOverlay(options: string, ...params: any[]): any;
-    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
-    dxNumberBox(): JQuery;
-    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
-    dxNumberBox(options: string): any;
-    dxNumberBox(options: string, ...params: any[]): any;
-    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
-    dxNavBar(): JQuery;
-    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
-    dxNavBar(options: string): any;
-    dxNavBar(options: string, ...params: any[]): any;
-    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
-    dxMultiView(): JQuery;
-    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
-    dxMultiView(options: string): any;
-    dxMultiView(options: string, ...params: any[]): any;
-    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
-    dxMap(): JQuery;
-    dxMap(options: "instance"): DevExpress.ui.dxMap;
-    dxMap(options: string): any;
-    dxMap(options: string, ...params: any[]): any;
-    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
-    dxLookup(): JQuery;
-    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
-    dxLookup(options: string): any;
-    dxLookup(options: string, ...params: any[]): any;
-    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
-    dxLoadPanel(): JQuery;
-    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
-    dxLoadPanel(options: string): any;
-    dxLoadPanel(options: string, ...params: any[]): any;
-    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
-    dxLoadIndicator(): JQuery;
-    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
-    dxLoadIndicator(options: string): any;
-    dxLoadIndicator(options: string, ...params: any[]): any;
-    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
-    dxList(): JQuery;
-    dxList(options: "instance"): DevExpress.ui.dxList;
-    dxList(options: string): any;
-    dxList(options: string, ...params: any[]): any;
-    dxList(options: DevExpress.ui.dxListOptions): JQuery;
-    dxGallery(): JQuery;
-    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
-    dxGallery(options: string): any;
-    dxGallery(options: string, ...params: any[]): any;
-    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
-    dxDropDownEditor(): JQuery;
-    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
-    dxDropDownEditor(options: string): any;
-    dxDropDownEditor(options: string, ...params: any[]): any;
-    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
-    dxDateBox(): JQuery;
-    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
-    dxDateBox(options: string): any;
-    dxDateBox(options: string, ...params: any[]): any;
-    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
-    dxCheckBox(): JQuery;
-    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
-    dxCheckBox(options: string): any;
-    dxCheckBox(options: string, ...params: any[]): any;
-    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
-    dxBox(): JQuery;
-    dxBox(options: "instance"): DevExpress.ui.dxBox;
-    dxBox(options: string): any;
-    dxBox(options: string, ...params: any[]): any;
-    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
-    dxButton(): JQuery;
-    dxButton(options: "instance"): DevExpress.ui.dxButton;
-    dxButton(options: string): any;
-    dxButton(options: string, ...params: any[]): any;
-    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
-    dxCalendar(): JQuery;
-    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
-    dxCalendar(options: string): any;
-    dxCalendar(options: string, ...params: any[]): any;
-    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
-    dxAccordion(): JQuery;
-    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
-    dxAccordion(options: string): any;
-    dxAccordion(options: string, ...params: any[]): any;
-    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
-    dxResponsiveBox(): JQuery;
-    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
-    dxResponsiveBox(options: string): any;
-    dxResponsiveBox(options: string, ...params: any[]): any;
-    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
-    dxAutocomplete(): JQuery;
-    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
-    dxAutocomplete(options: string): any;
-    dxAutocomplete(options: string, ...params: any[]): any;
-    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
-    dxForm(): JQuery;
-    dxForm(options: "instance"): DevExpress.ui.dxForm;
-    dxForm(options: string): any;
-    dxForm(options: string, ...params: any[]): any;
-    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
-}
-
-declare module DevExpress.ui {
-    export interface dxTileViewOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the height of the base tile view item. */
-        baseItemHeight?: number;
-        /** Specifies the width of the base tile view item. */
-        baseItemWidth?: number;
-        /** Specifies whether tiles are placed horizontally or vertically. */
-        direction?: string;
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the distance in pixels between adjacent tiles. */
-        itemMargin?: number;
-        /** A Boolean value specifying whether or not to display a scrollbar. */
-        showScrollbar?: boolean;
-    }
-    /** A widget displaying several blocks of data as tiles. */
-    export class dxTileView extends CollectionWidget {
-        constructor(element: JQuery, options?: dxTileViewOptions);
-        constructor(element: Element, options?: dxTileViewOptions);
-        /** Returns the current scroll position of the widget content. */
-        scrollPosition(): number;
-    }
-    export interface dxSwitchOptions extends EditorOptions {
-	    activeStateEnabled?: boolean;
-        /** Text displayed when the widget is in a disabled state. */
-        offText?: string;
-        /** Text displayed when the widget is in an enabled state. */
-        onText?: string;
-        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
-        value?: boolean;
-    }
-    /** A switch widget. */
-    export class dxSwitch extends Editor {
-        constructor(element: JQuery, options?: dxSwitchOptions);
-        constructor(element: Element, options?: dxSwitchOptions);
-    }
-    export interface dxSlideOutViewOptions extends WidgetOptions {
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** Specifies whether or not the menu panel is visible. */
-        menuVisible?: boolean;
-        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering menu panel content. */
-        menuTemplate?: any;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
-    export class dxSlideOutView extends Widget {
-        constructor(element: JQuery, options?: dxSlideOutViewOptions);
-        constructor(element: Element, options?: dxSlideOutViewOptions);
-        /** Returns an HTML element of the widget menu block. */
-        menuContent(): JQuery;
-        /** Returns an HTML element of the widget content block. */
-        content(): JQuery;
-        /** Displays the widget's menu block. */
-        showMenu(): JQueryPromise<void>;
-        /** Hides the widget's menu block. */
-        hideMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's menu block. */
-        toggleMenuVisibility(): JQueryPromise<void>;
-    }
-    export interface dxSlideOutOptions extends CollectionWidgetOptions {
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** A Boolean value specifying whether or not to display a grouped menu. */
-        menuGrouped?: boolean;
-        /** Specifies the current menu position. */
-        menuPosition?: string;
-        /** The name of the template used to display a group header. */
-        menuGroupTemplate?: any;
-        /** The template used to render menu items. */
-        menuItemTemplate?: any;
-        /** A handler for the menuGroupRendered event. */
-        onMenuGroupRendered?: Function;
-        /** A handler for the menuItemRendered event. */
-        onMenuItemRendered?: Function;
-        /** Specifies whether or not the slide-out menu is displayed. */
-        menuVisible?: boolean;
-        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-    }
-    /** The widget that allows you to slide-out the current view to reveal an item list. */
-    export class dxSlideOut extends CollectionWidget {
-        constructor(element: JQuery, options?: dxSlideOutOptions);
-        constructor(element: Element, options?: dxSlideOutOptions);
-        /** Hides the widget's slide-out menu. */
-        hideMenu(): JQueryPromise<void>;
-        /** Displays the widget's slide-out menu. */
-        showMenu(): JQueryPromise<void>;
-        /** Toggles the visibility of the widget's slide-out menu. */
-        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
-    }
-    export interface dxPivotOptions extends CollectionWidgetOptions {
-        /** The index of the currently active pivot item. */
-        selectedIndex?: number;
-        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
-        swipeEnabled?: boolean;
-        /** A template to be used for rendering widget content. */
-        contentTemplate?: any;
-        /** The template to be used for rendering an item title. */
-        itemTitleTemplate?: any;
-    }
-    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
-    export class dxPivot extends CollectionWidget {
-        constructor(element: JQuery, options?: dxPivotOptions);
-        constructor(element: Element, options?: dxPivotOptions);
-    }
-    export interface dxPanoramaOptions extends CollectionWidgetOptions {
-        /** An object exposing options for setting a background image for the panorama. */
-        backgroundImage?: {
-            /** Specifies the height of the panorama's background image. */
-            height?: number;
-            /** Specifies the URL of the image that is used as the panorama's background image. */
-            url?: string;
-            /** Specifies the width of the panorama's background image. */
-            width?: number;
-        };
-        /** The index of the currently active panorama item. */
-        selectedIndex?: number;
-        /** Specifies the widget content title. */
-        title?: string;
-    }
-    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
-    export class dxPanorama extends CollectionWidget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-    }
-    export interface dxDropDownMenuOptions extends WidgetOptions {
-        /** A handler for the buttonClick event. */
-        onButtonClick?: any;
-        /** The name of the icon to be displayed by the DropDownMenu button. */
-        buttonIcon?: string;
-        /** The text displayed in the DropDownMenu button. */
-        buttonText?: string;
-        buttonIconSrc?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** A handler for the itemClick event. */
-        onItemClick?: any;
-        /** An array of items displayed by the widget. */
-        items?: Array<any>;
-        /** The template to be used for rendering items. */
-        itemTemplate?: any;
-        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
-        usePopover?: boolean;
-        /** The width of the menu popup in pixels. */
-        popupWidth?: any;
-        /** The height of the menu popup in pixels. */
-        popupHeight?: any;
-        /** Specifies whether or not the drop-down menu is displayed. */
-        opened?: boolean;
-        hoverStateEnabled?: boolean;
-        activeStateEnabled?: boolean;
-    }
-    /** A drop-down menu widget. */
-    export class dxDropDownMenu extends Widget {
-        constructor(element: JQuery, options?: dxDropDownEditorOptions);
-        constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** Opens the drop-down menu. */
-        open(): void;
-        /** Closes the drop-down menu. */
-        close(): void;
-    }
-    export interface dxActionSheetOptions extends CollectionWidgetOptions {
-        /** A handler for the cancelClick event. */
-        onCancelClick?: any;
-        /** The text displayed in the button that closes the action sheet. */
-        cancelText?: string;
-        /** Specifies whether or not to display the Cancel button in action sheet. */
-        showCancelButton?: boolean;
-        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
-        showTitle?: boolean;
-        /** Specifies the element the action sheet popover points at. */
-        target?: any;
-        /** The title of the action sheet. */
-        title?: string;
-        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
-        usePopover?: boolean;
-        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
-        visible?: boolean;
-    }
-    /** A widget consisting of a set of choices related to a certain task. */
-    export class dxActionSheet extends CollectionWidget {
-        constructor(element: JQuery, options?: dxActionSheetOptions);
-        constructor(element: Element, options?: dxActionSheetOptions);
-        /** Hides the widget. */
-        hide(): JQueryPromise<dxActionSheet>;
-        /** Shows the widget. */
-        show(): JQueryPromise<dxActionSheet>;
-        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
-        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
-    }
-}
-interface JQuery {
-    dxTileView(): JQuery;
-    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
-    dxTileView(options: string): any;
-    dxTileView(options: string, ...params: any[]): any;
-    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
-    dxSwitch(): JQuery;
-    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
-    dxSwitch(options: string): any;
-    dxSwitch(options: string, ...params: any[]): any;
-    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
-    dxSlideOut(): JQuery;
-    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
-    dxSlideOut(options: string): any;
-    dxSlideOut(options: string, ...params: any[]): any;
-    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
-    dxPivot(): JQuery;
-    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
-    dxPivot(options: string): any;
-    dxPivot(options: string, ...params: any[]): any;
-    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
-    dxPanorama(): JQuery;
-    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
-    dxPanorama(options: string): any;
-    dxPanorama(options: string, ...params: any[]): any;
-    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
-    dxActionSheet(): JQuery;
-    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
-    dxActionSheet(options: string): any;
-    dxActionSheet(options: string, ...params: any[]): any;
-    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
-    dxDropDownMenu(): JQuery;
-    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
-    dxDropDownMenu(options: string): any;
-    dxDropDownMenu(options: string, ...params: any[]): any;
-    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
-}
-declare module DevExpress.data {
-    export interface XmlaStoreOptions {
-        /** The HTTP address to an XMLA OLAP server. */
-        url?: string;
-        /** The name of the database associated with the Store. */
-        catalog?: string;
-        /** The cube name. */
-        cube?: string;
-        /** A function used to customize a web request before it is sent. */
-        beforeSend?: (request: Object) => void;
-    }
-    /** A Store that provides access to an OLAP cube using the XMLA standard. */
-    export class XmlaStore {
-        constructor(options: XmlaStoreOptions);
-    }
-    export interface PivotGridField {
-        index?: number;
-        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
-        visible?: boolean;
-        /** Name of the data source field containing data for the pivot grid field. */
-        dataField?: string;
-        /** A caption that will be displayed in the pivot grid's field chooser and field panel to identify the field. */
-        caption?: string;
-        /** Specifies a type of field values. */
-        dataType?: string;
-        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
-        groupInterval?: any;
-        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
-        summaryType?: string;
-        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
-        calculateCustomSummary?: (options: {
-            summaryProcess?: string;
-            value?: any;
-            totalValue?: any;
-        }) => void;
-        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
-        selector?: (data: Object) => any;
-        /** Type of the area where the field is located. */
-        area?: string;
-        /** Index among the other fields displayed within the same area. */
-        areaIndex?: number;
-        /** The name of the folder in which the field is located. */
-        displayFolder?: string;
-        /** The name of the group to which the field belongs. */
-        groupName?: string;
-        /** The index of the field within a group. */
-        groupIndex?: number;
-        /** Specifies the sort order of field values. */
-        sortOrder?: string;
-        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
-        sortBy?: string;
-        /** Sorts the header items of this field by the summary values of another field. */
-        sortBySummaryField?: string;
-        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
-        sortBySummaryPath?: Array<any>;
-        /** The filter values for the current field. */
-        filterValues?: Array<any>;
-        /** The filter type for the current field. */
-        filterType?: string;
-        /** Indicates whether all header items of the field's header level are expanded. */
-        expanded?: boolean;
-        /** Specifies whether the field should be treated as a Data Field. */
-        isMeasure?: boolean;
-        /** Specifies whether or not long text in header items should be wrapped. */
-        wordWrapEnabled?: boolean;
-        /** Specifies a display format for field values. */
-        format?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
-        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
-        /**
-         * Specifies a precision for formatted field values.
-         * @deprecated Use the format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies how to sort the header items. */
-        sortingMethod?: (a: Object, b: Object) => number;
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies the absolute width of the field in the pivot grid. */
-        width?: number;
-        /** Specifies the summary post-processing algorithm. */
-        summaryDisplayMode?: string;
-        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
-        runningTotal?: string;
-        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
-        allowCrossGroupCalculation?: boolean;
-        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
-        calculateSummaryValue?: (e: Object) => number;
-        /** Specifies whether or not to display Total values for the field. */
-        showTotals?: boolean;
-        /** Specifies whether or not to display Grand Total values for the field. */
-        showGrandTotals?: boolean;
-    }
-    export class SummaryCell {
-        /** Gets the parent cell in a specified direction. */
-        parent(direction: string): SummaryCell;
-        /** Gets all children cells in a specified direction. */
-        children(direction: string): Array<SummaryCell>;
-        /** Gets a partial Grand Total cell of a row or column. */
-        grandTotal(direction: string): SummaryCell;
-        /** Gets the Grand Total of the entire pivot grid. */
-        grandTotal(): SummaryCell;
-        /** Gets the cell next to the current one in a specified direction. */
-        next(direction: string): SummaryCell;
-        /** Gets the cell next to current in a specified direction. */
-        next(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the cell prior to the current one in a specified direction. */
-        prev(direction: string): SummaryCell;
-        /** Gets the cell previous to current in a specified direction. */
-        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
-        /** Gets the child cell in a specified direction. */
-        child(direction: string, fieldValue: any): SummaryCell;
-        /** Gets the cell located by the path of the source cell with one field value changed. */
-        slice(field: PivotGridField, value: any): SummaryCell;
-        /** Gets the row or column field to which the current cell belongs. */
-        field(area: string): PivotGridField;
-        /** Gets the value of the current cell. */
-        value(): any;
-        /** Gets the value of the current cell. */
-        value(isCalculatedValue: boolean): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField): any;
-        /** Gets the value of any field linked with the current cell. */
-        value(field: PivotGridField, isCalculatedValue: boolean): any;
-    }
-    export interface PivotGridDataSourceOptions {
-        /** Specifies the underlying Store instance used to access data. */
-        store?: any;
-        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
-        retrieveFields?: boolean;
-        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
-        filter?: Object;
-        /** An array of pivot grid fields. */
-        fields?: Array<PivotGridField>;
-        /** A handler for the changed event. */
-        onChanged?: () => void;
-        /** A handler for the loadingChanged event. */
-        onLoadingChanged?: (isLoading: boolean) => void;
-        /** A handler for the loadError event. */
-        onLoadError?: (e?: Object) => void;
-        /** A handler for the fieldsPrepared event. */
-        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
-    }
-    /** An object that provides access to data for the dxPivotGrid widget. */
-    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
-        constructor(options?: PivotGridDataSourceOptions);
-        /** Starts reloading data from any store and updating the data source. */
-        reload(): JQueryPromise<any>;
-        /** Starts updating the data source. Reloads data from the XMLA store only. */
-        load(): JQueryPromise<any>;
-        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
-        isLoading(): boolean;
-        /** Gets data displayed in a PivotGrid. */
-        getData(): Object;
-        /** Gets all fields within a specified area. */
-        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
-        /** Gets all fields from the data source. */
-        fields(): Array<PivotGridField>;
-        /** Sets the fields option. */
-        fields(fields: Array<PivotGridField>): void;
-        /** Gets current options of a specified field. */
-        field(id: any): PivotGridField;
-        /** Sets one or more options of a specified field. */
-        field(id: any, field: PivotGridField): void;
-        /** Collapses a specified header item. */
-        collapseHeaderItem(area: string, path: Array<any>): void;
-        /** Expands a specified header item. */
-        expandHeaderItem(area: string, path: Array<any>): void;
-        /** Expands all header items of a field. */
-        expandAll(id: any): void;
-        /** Collapses all header items of a field. */
-        collapseAll(id: any): void;
-        /** Disposes of all resources associated with this PivotGridDataSource. */
-        dispose(): void;
-        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
-        filter(): Object;
-        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
-        filter(filterExpr: Object): void;
-        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
-        createDrillDownDataSource(options: {
-            columnPath?: Array<any>;
-            rowPath?: Array<any>;
-            dataIndex?: number;
-            maxRowCount?: number;
-            customColumns?: Array<string>;
-        }): DevExpress.data.DataSource;
-        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
-        state(): Object;
-        /** Sets the PivotGridDataSource state. */
-        state(state: Object): void;
-        on(eventName: string, eventHandler: Function): PivotGridDataSource;
-        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
-        off(eventName: string): PivotGridDataSource;
-        off(eventName: string, eventHandler: Function): PivotGridDataSource;
-    }
-}
-declare module DevExpress.ui {
-    export interface dxSchedulerOptions extends WidgetOptions {
-        /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: any;
-        /** The earliest date the widget allows you to select. */
-        min?: Date;
-        /** The latest date the widget allows you to select. */
-        max?: Date;
-        /** Specifies the view used in the scheduler by default. */
-        currentView?: string;
-        /** A data source used to fetch data to be displayed by the widget. */
-        dataSource?: any;
-        /** Specifies the first day of a week. */
-        firstDayOfWeek?: number;
-        /** The template to be used for rendering appointments. */
-        appointmentTemplate?: any;
-        /** The template to be used for rendering an appointment tooltip. */
-        appointmentTooltipTemplate?: any;
-        /** Lists the views to be available within the scheduler's View Selector. */
-        views?: Array<string>;
-        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
-        groups?: Array<string>;
-        /** Specifies a start hour in the scheduler view's time interval. */
-        startDayHour?: number;
-        /** Specifies an end hour in the scheduler view's time interval. */
-        endDayHour?: number;
-        /** Specifies whether or not the "All-day" panel is visible. */
-        showAllDayPanel?: boolean;
-        /** Specifies cell duration in minutes. */
-        cellDuration?: number;
-        /** Specifies the edit mode for recurring appointments. */
-        recurrenceEditMode?: string;
-        /** Specifies which editing operations an end-user can perform on appointments. */
-        editing?: {
-            /** Specifies whether or not an end-user can add appointments. */
-            allowAdding?: boolean;
-            /** Specifies whether or not an end-user can change appointment options. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not an end-user can delete appointments. */
-            allowDeleting?: boolean;
-            /** Specifies whether or not an end-user can change an appointment duration. */
-            allowResizing?: boolean;
-            /** Specifies whether or not an end-user can drag appointments. */
-            allowDragging?: boolean;
-        }
-        /** Specifies an array of resources available in the scheduler. */
-        resources?: Array<{
-            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
-            allowMultiple?: boolean;
-            /**
-             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the useColorAsDefault option instead.
-             */
-            mainColor?: boolean;
-            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
-            useColorAsDefault?: boolean;
-            /** A data source used to fetch resources to be available in the scheduler. */
-            dataSource?: any;
-            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
-            displayExpr?: any;
-            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
-            valueExpr?: any;
-            /**
-             * The name of the appointment object field that specifies a resource of this kind.
-             * @deprecated Use the fieldExpr option instead.
-             */
-            field?: string;
-            /** The name of the appointment object field that specifies a resource of this kind. */
-            fieldExpr?: string;
-            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
-            label?: string;
-        }>;
-        /** A handler for the AppointmentAdding event. */
-        onAppointmentAdding?: Function;
-        /** A handler for the appointmentAdded event. */
-        onAppointmentAdded?: Function;
-        /** A handler for the AppointmentUpdating event. */
-        onAppointmentUpdating?: Function;
-        /** A handler for the appointmentUpdated event. */
-        onAppointmentUpdated?: Function;
-        /** A handler for the AppointmentDeleting event. */
-        onAppointmentDeleting?: Function;
-        /** A handler for the appointmentDeleted event. */
-        onAppointmentDeleted?: Function;
-        /** A handler for the appointmentRendered event. */
-        onAppointmentRendered?: Function;
-        /** A handler for the appointmentClick event. */
-        onAppointmentClick?: any;
-        /** A handler for the appointmentDblClick event. */
-        onAppointmentDblClick?: any;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the appointmentFormCreated event. */
-        onAppointmentFormCreated?: Function;
-        /** A handler for the contentReady event. */
-        onContentReady?: Function;
-        horizontalScrollingEnabled?: boolean;
-        /** Specifies whether or not an end-user can scroll the view in both directions at the same time. */
-        crossScrollingEnabled?: boolean;
-        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
-        useDropDownViewSwitcher?: boolean;
-        /** Specifies the name of the data source item field that defines the start of an appointment. */
-        startDateExpr?: string;
-        /** Specifies the name of the data source item field that defines the ending of an appointment. */
-        endDateExpr?: string;
-        /** Specifies the name of the data source item field that holds the subject of an appointment. */
-        textExpr?: string;
-        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
-        descriptionExpr?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
-        allDayExpr?: string;
-        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
-        recurrenceRuleExpr?: string;
-        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
-        recurrenceExceptionExpr?: string;
-        /** Specifies the name of the data source item field that defines the timezone of the appointment start date. */
-        startDateTimeZoneExpr?: string;
-        /** Specifies the name of the data source item field that defines the timezone of the appointment end date. */
-        endDateTimeZoneExpr?: string;
-        /** Specifies whether filtering is performed on the server or client side. */
-        remoteFiltering?: boolean;
-        /** Specifies the timezone of the widget. */
-        timeZone?: string;
-        /** The text or HTML markup displayed by the widget if the item collection is empty. Available for the Agenda view only. */
-        noDataText?: string;
-    }
-    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
-    export class dxScheduler extends Widget {
-        constructor(element: JQuery, options?: dxSchedulerOptions);
-        constructor(element: Element, options?: dxSchedulerOptions);
-        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
-        addAppointment(appointment: Object): void;
-        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
-        updateAppointment(target: Object, appointment: Object): void;
-        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
-        deleteAppointment(appointment: Object): void;
-        /** Scrolls the scheduler work space to the specified time of the specified day. */
-        scrollToTime(hours: number, minutes: number, date: Date): void;
-        /** Displayes the Appointment Details popup. */
-        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
-        /** Returns the start date of the current view. */
-        getStartViewDate(): Date;
-        /** Returns the end date of the current view. */
-        getEndViewDate(): Date;
-    }
-    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
-        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
-        applyButtonText?: string;
-        applyValueMode?: string;
-        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
-        cancelButtonText?: string;
-        /** Specifies whether or not the widget value includes the alpha channel component. */
-        editAlphaChannel?: boolean;
-        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
-        keyStep?: number;
-    }
-    /** A widget used to specify a color value. */
-    export class dxColorBox extends dxDropDownEditor {
-        constructor(element: JQuery, options?: dxColorBoxOptions);
-        constructor(element: Element, options?: dxColorBoxOptions);
-    }
-    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
-        /** Specifies the name of the data source item field whose value is displayed by the widget. */
-        displayExpr?: any;
-        /** Specifies the name of the data source item field used as a key. */
-        keyExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
-        selectedExpr?: any;
-        /** Specifies the name of the data source item field that contains an array of nested items. */
-        itemsExpr?: any;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
-        disabledExpr?: any;
-        hoverStateEnabled?: boolean;
-        focusStateEnabled?: boolean;
-    }
-    export class HierarchicalCollectionWidget extends CollectionWidget {
-    }
-    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
-        /** Specifies whether or not to animate item collapsing and expanding. */
-        animationEnabled?: boolean;
-        /** Specifies whether a nested or plain array is used as a data source. */
-        dataStructure?: string;
-        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
-        expandAllEnabled?: boolean;
-        /**
-         * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        showCheckBoxes?: boolean;
-        /** Specifies the current check boxes display mode. */
-        showCheckBoxesMode?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is displayed expanded. */
-        expandedExpr?: any;
-        /** Specifies whether or not to select nodes recursively. */
-        selectNodesRecursive?: boolean;
-        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
-        expandNodesRecursive?: boolean;
-        /**
-         * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode options instead.
-         */
-        selectAllEnabled?: boolean;
-        /** Specifies whether or not an item becomes selected if a user clicks it. */
-        selectByClick?: boolean;
-        /** Specifies item selection mode. */
-        selectionMode?: string;
-        /** Specifies the text displayed at the "Select All" check box. */
-        selectAllText?: string;
-        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
-        hasItemsExpr?: any;
-        /** Specifies the name of the data source item field for holding the parent key of the corresponding node. */
-        parentIdExpr?: any;
-        /** Specifies if the virtual mode is enabled. */
-        virtualModeEnabled?: boolean;
-        /** Specifies the parent ID value of the root item. */
-        rootValue?: Object;
-        /** Specifies the current value used to filter tree view items. */
-        searchValue?: string;
-        /** A string value specifying available scrolling directions. */
-        scrollDirection?: string;
-        /** A handler for the itemSelectionChanged event. */
-        onItemSelectionChanged?: Function;
-        /** A handler for the itemExpanded event. */
-        onItemExpanded?: Function;
-        /** A handler for the itemCollapsed event. */
-        onItemCollapsed?: Function;
-        onItemClick?: Function;
-        onItemContextMenu?: Function;
-        onItemRendered?: Function;
-        onItemHold?: Function;
-    }
-    /** A widget displaying specified data items as a tree. */
-    export class dxTreeView extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxTreeViewOptions);
-        constructor(element: Element, options?: dxTreeViewOptions);
-        /** Updates the tree view scrollbars according to the current size of the widget content. */
-        updateDimensions(): JQueryPromise<void>;
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-        /** Expands the specified item. */
-        expandItem(itemElement: any): void;
-        /** Collapses the specified item. */
-        collapseItem(itemElement: any): void;
-        /** Returns all nodes of the tree view. */
-        getNodes(): Array<Object>;
-        /** Selects all widget items. */
-        selectAll(): void;
-        /** Unselects all widget items. */
-        unselectAll(): void;
-    }
-    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
-        /** An object that defines the animation options of the widget. */
-        animation?: {
-            /** An object that defines the animation options used when the widget is being shown. */
-            show?: fx.AnimationOptions;
-            /** An object that defines the animation options used when the widget is being hidden. */
-            hide?: fx.AnimationOptions;
-        };
-        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
-        activeStateEnabled?: boolean;
-        /** Specifies the name of the CSS class associated with the menu. */
-        cssClass?: string;
-        /** Holds an array of menu items. */
-        items?: Array<any>;
-        /**
-         * Specifies whether or not an item becomes selected if an end-user clicks it.
-         * @deprecated Use the selectByClick option instead.
-         */
-        selectionByClick?: boolean;        
-        /** Specifies whether or not an item becomes selected if a user clicks it. */
-        selectByClick?: boolean;
-        /** Specifies the selection mode supported by the menu. */
-        selectionMode?: string;
-        /** Specifies options of submenu showing and hiding. */
-        showSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay of submenu show and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-    }
-    export class dxMenuBase extends HierarchicalCollectionWidget {
-        constructor(element: JQuery, options?: dxMenuBaseOptions);
-        constructor(element: Element, options?: dxMenuBaseOptions);
-        /** Selects the specified item. */
-        selectItem(itemElement: any): void;
-        /** Unselects the specified item. */
-        unselectItem(itemElement: any): void;
-    }
-    export interface dxMenuOptions extends dxMenuBaseOptions {
-        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
-        hideSubmenuOnMouseLeave?: boolean;
-        /** Specifies whether the menu has horizontal or vertical orientation. */
-        orientation?: string;
-        /** Specifies options for showing and hiding the first level submenu. */
-        showFirstSubmenuMode?: {
-            /** Specifies the mode name. */
-            name?: string;
-            /** Specifies the delay in submenu showing and hiding. */
-            delay?: {
-                /** The time span after which the submenu is shown. */
-                show?: number;
-                /** The time span after which the submenu is hidden. */
-                hide?: number;
-            };
-        };
-        /** Specifies the direction at which the submenus are displayed. */
-        submenuDirection?: string;
-        /** A handler for the submenuHidden event. */
-        onSubmenuHidden?: Function;
-        /** Specifies whether or not adaptive widget rendering is enabled on a small screen. */
-        adaptivityEnabled?: boolean;
-        /** A handler for the submenuHiding event. */
-        onSubmenuHiding?: Function;
-        /** A handler for the submenuShowing event. */
-        onSubmenuShowing?: Function;
-        /** A handler for the submenuShown event. */
-        onSubmenuShown?: Function;
-    }
-    /** A menu widget. */
-    export class dxMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxMenuOptions);
-        constructor(element: Element, options?: dxMenuOptions);
-    }
-    export interface dxContextMenuOptions extends dxMenuBaseOptions {
-        /** Holds an object that specifies options of alternative menu invocation. */
-        alternativeInvocationMode?: {
-            /** Specifies whether or not an alternative invocation mode is enabled. */
-            enabled?: Boolean;
-            /** Specifies the element used to invoke the context menu. */
-            invokingElement?: any;
-        };
-        /** A handler for the hidden event. */
-        onHidden?: Function;
-        /** A handler for the hiding event. */
-        onHiding?: Function;
-        /** A handler for the positioning event. */
-        onPositioning?: Function;
-        /** A handler for the showing event. */
-        onShowing?: Function;
-        /** A handler for the shown event. */
-        onShown?: Function;
-        /** An object defining widget positioning options. */
-        position?: PositionOptions;
-        /** Specifies the direction at which submenus are displayed. */
-        submenuDirection?: string;
-        /** The target element associated with a popover. */
-        target?: any;
-        /** A Boolean value specifying whether or not the widget is visible. */
-        visible?: boolean;
-    }
-    /** A context menu widget. */
-    export class dxContextMenu extends dxMenuBase {
-        constructor(element: JQuery, options?: dxContextMenuOptions);
-        constructor(element: Element, options?: dxContextMenuOptions);
-        /** Toggles the visibility of the widget. */
-        toggle(showing: boolean): JQueryPromise<void>;
-        /** Shows the widget. */
-        show(): JQueryPromise<void>;
-        /** Hides the widget. */
-        hide(): JQueryPromise<void>;
-    }
-    export interface dxRemoteOperations {
-        /** Specifies whether or not filtering must be performed on the server side. */
-        filtering?: boolean;
-        /** Specifies whether or not paging must be performed on the server side. */
-        paging?: boolean;
-        /** Specifies whether or not sorting must be performed on the server side. */
-        sorting?: boolean;
-        /** Specifies whether or not grouping must be performed on the server side. */
-        grouping?: boolean;
-        /** Specifies whether or not summaries calculation must be performed on the server side. */
-        summary?: boolean;
-    }
-    export interface dxDataGridRow {
-        data: Object;
-        key: any;
-        rowIndex: number;
-        rowType: string;
-        groupIndex: number;
-        isExpanded: boolean;
-        isSelected: boolean;
-        values: Array<any>;
-    }
-    export interface dxDataGridColumn {
-        /** Specifies the content alignment within column cells. */
-        alignment?: string;
-        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
-        allowEditing?: boolean;
-        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
-        allowFiltering?: boolean;
-        /** Specifies whether or not to allow filtering by this column using its header. */
-        allowHeaderFiltering?: boolean;
-        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
-        allowFixing?: boolean;
-        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
-        allowSearch?: boolean;
-        /** Specifies whether the user can group data by values of this column. Applies only when grouping is enabled. */
-        allowGrouping?: boolean;
-        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
-        allowHiding?: boolean;
-        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
-        allowReordering?: boolean;
-        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
-        allowResizing?: boolean;
-        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
-        allowSorting?: boolean;
-        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
-        autoExpandGroup?: boolean;
-        /** Specifies a callback function that returns a value to be displayed in a column cell. */
-        calculateCellValue?: (rowData: Object) => string;
-        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
-        setCellValue?: (rowData: Object, value: any) => void;
-        /** Specifies a callback function that defines filters for customary calculated grid cells. */
-        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
-        /** Specifies a caption for a column. */
-        caption?: string;
-        /** Specifies a custom template for grid column cells. */
-        cellTemplate?: any;
-        /** Specifies a CSS class to be applied to a column. */
-        cssClass?: string;
-        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
-        calculateDisplayValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
-        calculateGroupValue?: any;
-        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
-        calculateSortValue?: any;
-        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
-        customizeText?: (cellInfo: { value: any; valueText: string; target: string; groupInterval: any }) => string;
-        /** Specifies the field of a data source that provides data for a column. */
-        dataField?: string;
-        /** Specifies the required type of column values. */
-        dataType?: string;
-        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
-        editCellTemplate?: any;
-        /** Specifies configuration options for the editor widget of the current column. */
-        editorOptions?: Object;
-        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
-        encodeHtml?: boolean;
-        /** In a boolean column, replaces all false items with a specified text. */
-        falseText?: string;
-        /** Specifies the set of available filter operations. */
-        filterOperations?: Array<any>;
-        /** Specifies a filter value for a column. */
-        filterValue?: any;
-        /** Specifies initial filter values for the column's header filter. */
-        filterValues?: Array<any>;
-        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
-        filterType?: string;
-        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
-        fixed?: boolean;
-        /** Specifies the order according to which grid columns must be concealed when the widget adapts to the screen or container size. */
-        hidingPriority?: number;
-        /** Specifies the grid edge to which the column is anchored. */
-        fixedPosition?: string;
-        /** Specifies a format for the values displayed in a column. */
-        format?: any;
-        /** Specifies a custom template for the group cell of a grid column. */
-        groupCellTemplate?: any;
-        /** Specifies the index of a column when grid records are grouped by the values of this column. */
-        groupIndex?: number;
-        /** Specifies a custom template for the header of a grid column. */
-        headerCellTemplate?: any;
-        /** Specifies options of a lookup column. */
-        lookup?: {
-            /** Specifies whether or not a user can nullify values of a lookup column. */
-            allowClearing?: boolean;
-            /** Specifies the data source providing data for a lookup column. */
-            dataSource?: any;
-            /** Specifies the expression defining the data source field whose values must be displayed. */
-            displayExpr?: any;
-            /** Specifies the expression defining the data source field whose values must be replaced. */
-            valueExpr?: string;
-        };
-        /** Specifies column-level options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Specifies the data source to be used for the header filter. */
-            dataSource?: any;
-            /** Specifies how header filter values should be combined into groups. */
-            groupInterval?: any;
-        };
-        /**
-         * Specifies a precision for formatted values displayed in a column.
-         * @deprecated Use the format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the default filter operation of a column. */
-        selectedFilterOperation?: string;
-        /** Specifies whether or not the column displays its values by using editors. */
-        showEditorAlways?: boolean;
-        /** Specifies whether or not to display the column when grid records are grouped by it. */
-        showWhenGrouped?: boolean;
-        /** Specifies the index of a column when grid records are sorted by the values of this column. */
-        sortIndex?: number;
-        /** Specifies the initial sort order of column values. */
-        sortOrder?: string;
-        /** In a boolean column, replaces all true items with a specified text. */
-        trueText?: string;
-        /** Specifies whether a column is visible or not. */
-        visible?: boolean;
-        /** Specifies the sequence number of the column in the grid. */
-        visibleIndex?: number;
-        /** Specifies a column width in pixels or percentages. */
-        width?: any;
-        /** Specifies an array of validation rules to be checked when updating column cell values. */
-        validationRules?: Array<Object>;
-        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
-        showInColumnChooser?: boolean;
-        /** Specifies the identifier of the column. */
-        name?: string;
-        /** The form item configuration object. Used only when the editing mode is "form". */
-        formItem?: DevExpress.ui.dxFormItem;
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        /** Specifies the band column that owns the current column. Accepts the index of the band column in the columns array. */
-        ownerBand?: number;
-        /** Specifies whether the column bands other columns or not. */
-        isBand?: boolean;
-    }
-    export interface dxDataGridOptions extends WidgetOptions {
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** Indicates whether to show the error row for the grid. */
-        errorRowEnabled?: boolean;
-        /** A handler for the rowValidating event. */
-        onRowValidating?: (e: Object) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** A handler for the initNewRow event. */
-        onInitNewRow?: (e: { data: Object }) => void;
-        /** A handler for the rowInserted event. */
-        onRowInserted?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowInserting event. */
-        onRowInserting?: (e: { data: Object; cancel: any }) => void;
-        /** A handler for the rowRemoved event. */
-        onRowRemoved?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowRemoving event. */
-        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
-        /** A handler for the rowUpdated event. */
-        onRowUpdated?: (e: { data: Object; key: any }) => void;
-        /** A handler for the rowUpdating event. */
-        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
-        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
-        cellHintEnabled?: boolean;
-        /** Specifies whether or not the widget should hide columns in order to adapt to the screen or container size. */
-        columnHidingEnabled?: boolean;
-        /** Specifies whether or not grid columns can be reordered by a user. */
-        allowColumnReordering?: boolean;
-        /** Specifies whether or not grid columns can be resized by a user. */
-        allowColumnResizing?: boolean;
-        /** A handler for the cellClick event. */
-        onCellClick?: any;
-        /** A handler for the cellHoverChanged event. */
-        onCellHoverChanged?: (e: Object) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: Object) => void;
-        /** A handler for the adaptiveDetailRowPreparing event. */
-        onAdaptiveDetailRowPreparing?: (e: Object) => void;
-        /** Specifies whether or not the width of grid columns depends on column content. */
-        columnAutoWidth?: boolean;
-        /** Specifies the options of a column chooser. */
-        columnChooser?: {
-            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether a user can invoke the column chooser or not. */
-            enabled?: boolean;
-            /** Specifies how the end-user chooses columns. */
-            mode?: string;
-            /** Specifies the height of the column chooser panel. */
-            height?: number;
-            /** Specifies text displayed in the title of the column chooser panel. */
-            title?: string;
-            /** Specifies the width of the column chooser panel. */
-            width?: number;
-        };
-        /** Specifies options for column fixing. */
-        columnFixing?: {
-            /** Indicates if column fixing is enabled. */
-            enabled?: boolean;
-            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
-            texts?: {
-                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
-                fix?: string;
-                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
-                unfix?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
-                leftPosition?: string;
-                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
-                rightPosition?: string;
-            };
-        };
-        /** Specifies options for filtering using a column header filter. */
-        headerFilter?: {
-            /** Indicates whether or not the column header filter button is visible. */
-            visible?: boolean;
-            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
-            height?: number;
-            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
-            width?: number;
-            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
-            texts?: {
-                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
-                emptyValue?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
-                ok?: string;
-                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
-                cancel?: string;
-            }
-        };
-        /** An array of grid columns. */
-        columns?: Array<dxDataGridColumn>;
-        onContentReady?: Function;
-        /** Specifies a function that customizes grid columns after they are created. */
-        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
-        /** Customizes grid columns and data before exporting. */
-        customizeExportData?: (columns: Array<dxDataGridColumn>, rows: Array<dxDataGridRow>) => void;
-        /** Specifies a data source for the grid. */
-        dataSource?: any;
-        /** Specifies whether or not to enable data caching. */
-        cacheEnabled?: boolean;
-        /** A handler for the editingStart event. */
-        onEditingStart?: (e: {
-            data: Object;
-            key: any;
-            cancel: boolean;
-            column: dxDataGridColumn
-        }) => void;
-        /** A handler for the editorPrepared event. */
-        onEditorPrepared?: (e: Object) => void;
-        /** A handler for the editorPreparing event. */
-        onEditorPreparing?: (e: Object) => void;
-        /** Contains options that specify how grid content can be changed. */
-        editing?: {
-            editMode?: string;
-            editEnabled?: boolean;
-            insertEnabled?: boolean;
-            removeEnabled?: boolean;
-            /** Specifies how grid values can be edited manually. */
-            mode?: string;
-            /** Specifies whether or not grid records can be edited at runtime. */
-            allowUpdating?: boolean;
-            /** Specifies whether or not new grid records can be added at runtime. */
-            allowAdding?: boolean;
-            /** Specifies whether or not grid records can be deleted at runtime. */
-            allowDeleting?: boolean;
-            /** The form configuration object. Used only when the editing mode is "form". */
-            form?: DevExpress.ui.dxFormOptions;
-            /** Contains options that specify texts for editing-related grid controls. */
-            texts?: {
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the mode option is set to batch. */
-                saveAllChanges?: string;
-                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                cancelRowChanges?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the mode option is set to batch. */
-                cancelAllChanges?: string;
-                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteMessage?: string;
-                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
-                confirmDeleteTitle?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the mode option is set to cell and the validation capabilities are enabled.
-#####See Also#####
-- Validation Engine
-- Validation Engine - MVVM Approach */
-                validationCancelChanges?: string;
-                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
-                deleteRow?: string;
-                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
-                addRow?: string;
-                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                editRow?: string;
-                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
-                saveRowChanges?: string;
-                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
-                undeleteRow?: string;
-            };
-        };
-        /** Specifies filter row options. */
-        filterRow?: {
-            /** Specifies when to apply a filter. */
-            applyFilter?: string;
-            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
-            applyFilterText?: string;
-            /** Specifies descriptions for filter operations. */
-            operationDescriptions?: {
-                "=": string;
-                "<>": string;
-                "<": string;
-                "<=": string;
-                ">": string;
-                ">=": string;
-                "startswith": string;
-                "contains": string;
-                "notcontains": string;
-                "endswith": string;
-            };
-            /** Specifies text for the reset operation in a filter list. */
-            resetOperationText?: string;
-            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
-            showAllText?: string;
-            /** Specifies text for the range start in the 'between' filter type. */
-            betweenStartText?: string;
-            /** Specifies text for the range end in the 'between' filter type. */
-            betweenEndText?: string;
-            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
-            showOperationChooser?: boolean;
-            /** Specifies whether the filter row is visible or not. */
-            visible?: boolean;
-        };
-        /** Specifies grouping settings and the behavior of grouped grid records. */
-        grouping?: {
-            /** Specifies whether the user can collapse grouped records in a grid or not. */
-            allowCollapsing?: boolean;
-            /** Specifies whether groups appear expanded or not. */
-            autoExpandAll?: boolean;
-            /** Enables the user to group data using the context menu. */
-            contextMenuEnabled?: boolean;
-            /** Specifies the event on which a group will be expanded/collapsed. */
-            expandMode?: string;
-                groupContinuedMessage?: string;
-            groupContinuesMessage?: string;
-            /** Defines the texts of grouping-related visual elements. */
-            texts?: {
-                /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
-                groupContinuedMessage?: string;
-                /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
-                groupContinuesMessage?: string;
-                /** Specifies the text of the context menu item that groups data by a specific column. */
-                groupByThisColumn?: string;
-                /** Specifies the text of the context menu item that clears grouping settings of a specific column. */
-                ungroup?: string;
-                /** Specifies the text of the context menu item that clears grouping settings of all columns. */
-                ungroupAll?: string;
-            }
-        };
-        /** Configures the group panel. */
-        groupPanel?: {
-            /** Specifies whether columns can be dragged onto or from the group panel. */
-            allowColumnDragging?: boolean;
-            /** Specifies text displayed by the group panel when it does not contain any columns. */
-            emptyPanelText?: string;
-            /** Specifies whether the group panel is visible or not. */
-            visible?: any;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Specifies whether to show the load panel or not. */
-            enabled?: any;
-            /** Specifies the height of the load panel in pixels. */
-            height?: number;
-            /** Specifies a URL pointing to an image to be used as a loading indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
-            showIndicator?: boolean;
-            /** Specifies whether or not the pane of the load panel must be displayed. */
-            showPane?: boolean;
-            /** Specifies text displayed by the load panel. */
-            text?: string;
-            /** Specifies the width of the load panel in pixels. */
-            width?: number;
-        };
-        /** Specifies text displayed when a grid does not contain any records. */
-        noDataText?: string;
-        /** Specifies the options of a grid pager. */
-        pager?: {
-            /** Specifies the page sizes that can be selected at runtime. */
-            allowedPageSizes?: any;
-            /** Specifies whether to show the page size selector or not. */
-            showPageSizeSelector?: boolean;
-            /** Specifies whether to show the pager or not. */
-            visible?: any;
-            /** Specifies the text accompanying the page navigator. */
-            infoText?: string;
-            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
-            showInfo?: boolean;
-            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
-            showNavigationButtons?: boolean;
-        };
-        /** Specifies paging options. */
-        paging?: {
-            /** Specifies whether dxDataGrid loads data page by page or all at once. */
-            enabled?: boolean;
-            /** Specifies the grid page that should be displayed by default. */
-            pageIndex?: number;
-            /** Specifies the size of grid pages. */
-            pageSize?: number;
-        };
-        /** Specifies whether or not grid rows must be shaded in a different way. */
-        rowAlternationEnabled?: boolean;
-        /** Specifies whether to enable two-way data binding. */
-        twoWayBindingEnabled?: boolean;
-        /** A handler for the rowClick event. */
-        onRowClick?: any;
-        /** A handler for the rowPrepared event. */
-        onRowPrepared?: (e: Object) => void;
-        /** Specifies a custom template for grid rows. */
-        rowTemplate?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
-            preloadEnabled?: boolean;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-            /** Specifies the scrollbar display policy. */
-            showScrollbar?: string;
-            /** Specifies whether or not the scrolling by content is enabled. */
-            scrollByContent?: boolean;
-            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
-            scrollByThumb?: boolean;
-        };
-        /** Specifies options of the search panel. */
-        searchPanel?: {
-            /** Specifies whether or not search strings in the located grid records should be highlighted. */
-            highlightSearchText?: boolean;
-            /** Specifies text displayed by the search panel when no search string was typed. */
-            placeholder?: string;
-            /** Specifies whether the search panel is visible or not. */
-            visible?: boolean;
-            /** Specifies whether to search all columns or only visible ones. */
-            searchVisibleColumnsOnly?: boolean;
-            /** Specifies the width of the search panel in pixels. */
-            width?: number;
-            /** Sets a search string for the search panel. */
-            text?: string;
-        };
-        /** Specifies the operations that must be performed on the server side. */
-        remoteOperations?: any;
-        /** Allows you to sort groups according to the values of group summary items. */
-        sortByGroupSummaryInfo?: Array<{
-            /** Specifies the group summary item whose values must be used to sort groups. */
-            summaryItem?: string;
-            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
-            groupColumn?: string;
-            /** Specifies the sort order of group summary item values. */
-            sortOrder?: string;
-        }>;
-        /** Allows you to build a master-detail interface in the grid. */
-        masterDetail?: {
-            /** Enables an end-user to expand/collapse detail sections. */
-            enabled?: boolean;
-            /** Specifies whether detail sections appear expanded or collapsed. */
-            autoExpandAll?: boolean;
-            /** Specifies the template for detail sections. */
-            template?: any;
-        };
-        /** Configures client-side export. */
-        export?: {
-            /** Enables the client-side export feature. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
-            excelFilterEnabled?: boolean;
-            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
-            excelWrapTextEnabled?: boolean;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE9 and Safari browsers. */
-            proxyUrl?: string;
-            /** Allows an end user to export selected rows only. */
-            allowExportSelectedData?: boolean;
-            /** Contains options that specify texts for the export-related commands and hints. */
-            texts?: {
-                /** Specifies the hint of the Export button when the allowExportSelectedData option is true. */
-                exportTo?: string;
-                exportToExcel?: string;
-                excelFormat?: string;
-                selectedRows?: string;
-                /** Specifies the text of the command that exports all data. */
-                exportAll?: string;
-                /** Specifies the text of the drop-down menu command that exports selected rows. */
-                exportSelectedRows?: string;
-            }
-        };
-        /** Specifies the keys of the records that must appear selected initially. */
-        selectedRowKeys?: Array<any>;
-        /** Specifies options of runtime selection. */
-        selection?: {
-            /** Specifies the checkbox row display policy in the multiple mode. */
-            showCheckBoxesMode?: string;
-            /** Specifies whether the user can select all grid records at once. */
-            allowSelectAll?: boolean;
-            /** Specifies the selection mode. */
-            mode?: string;
-        };
-        /** A handler for the dataErrorOccured event. */
-        onDataErrorOccurred?: (e: { error: Error }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            currentSelectedRowKeys: Array<any>;
-            currentDeselectedRowKeys: Array<any>;
-            selectedRowKeys: Array<any>;
-            selectedRowsData: Array<any>;
-        }) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A handler for the keyDown event. */
-        onKeyDown?: (e: Object) => void;
-        /** A handler for the rowExpanding event. */
-        onRowExpanding?: (e: Object) => void;
-        /** A handler for the rowExpanded event. */
-        onRowExpanded?: (e: Object) => void;
-        /** A handler for the rowCollapsing event. */
-        onRowCollapsing?: (e: Object) => void;
-        /** A handler for the rowCollapsed event. */
-        onRowCollapsed?: (e: Object) => void;
-        /** Specifies whether column headers are visible or not. */
-        showColumnHeaders?: boolean;
-        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
-        showColumnLines?: boolean;
-        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
-        showRowLines?: boolean;
-        /** Specifies options of runtime sorting. */
-        sorting?: {
-            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
-            ascendingText?: string;
-            /** Specifies text for the context menu item that resets sorting settings for a column. */
-            clearText?: string;
-            /** Specifies text for the context menu item that sets a descending sort order in a column. */
-            descendingText?: string;
-            /** Specifies the runtime sorting mode. */
-            mode?: string;
-        };
-        /** Specifies options of state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (state: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-        /** Specifies the options of the grid summary. */
-        summary?: {
-            /** Contains options that specify text patterns for summary items. */
-            texts?: {
-                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
-                sum?: string;
-                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
-                sumOtherColumn?: string;
-                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
-                min?: string;
-                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
-                minOtherColumn?: string;
-                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
-                max?: string;
-                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
-                maxOtherColumn?: string;
-                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
-                avg?: string;
-                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
-                avgOtherColumn?: string;
-                /** Specifies a pattern for the 'count' summary items. */
-                count?: string;
-            };
-            /** Specifies items of the group summary. */
-            groupItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the column that provides data for a group summary item. */
-                column?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /**
-                 * Specifies a precision for the summary item value of a numeric format.
-                 * @deprecated Use the valueFormat | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies whether or not a summary item must be displayed in the group footer. */
-                showInGroupFooter?: boolean;
-                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
-                alignByColumn?: boolean;
-                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: any;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies items of the total summary. */
-            totalItems?: Array<{
-                /** Specifies the identifier of a summary item. */
-                name?: string;
-                /** Specifies the alignment of a summary item. */
-                alignment?: string;
-                /** Specifies the column that provides data for a summary item. */
-                column?: string;
-                /** Specifies a CSS class to be applied to a summary item. */
-                cssClass?: string;
-                /** Customizes the text to be displayed in the summary item. */
-                customizeText?: (itemInfo: {
-                    value: any;
-                    valueText: string;
-                }) => string;
-                /** Specifies a pattern for the summary item text. */
-                displayFormat?: string;
-                /**
-                 * Specifies a precision for the summary item value of a numeric format.
-                 * @deprecated Use the valueFormat | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies the column that must hold the summary item. */
-                showInColumn?: string;
-                /** Specifies how to aggregate data for a summary item. */
-                summaryType?: string;
-                /** Specifies a format for the summary item value. */
-                valueFormat?: any;
-                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-                skipEmptyValues?: boolean;
-            }>;
-            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
-            skipEmptyValues?: boolean;
-            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
-            calculateCustomSummary?: (options: {
-                component: dxDataGrid;
-                name?: string;
-                value: any;
-                totalValue: any;
-                summaryProcess: string
-            }) => void;
-        };
-        /** Specifies whether text that does not fit into a column should be wrapped. */
-        wordWrapEnabled?: boolean;
-    }
-    /** A data grid widget. */
-    export class dxDataGrid extends Widget {
-        constructor(element: JQuery, options?: dxDataGridOptions);
-        constructor(element: Element, options?: dxDataGridOptions);
-        /** Ungroups grid records. */
-        clearGrouping(): void;
-        /** Clears sorting settings of all grid columns at once. */
-        clearSorting(): void;
-        /** Allows you to obtain a cell by its row index and the data field of its column. */
-        getCellElement(rowIndex: number, dataField: string): any;
-        /** Allows you to obtain a cell by its row index and the visible index of its column. */
-        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
-        /** Returns the current state of the grid. */
-        state(): Object;
-        /** Sets the grid state. */
-        state(state: Object): void;
-        /** Allows you to obtain the row index by a data key. */
-        getRowIndexByKey(key: any): number;
-        /** Allows you to obtain the data key by a row index. */
-        getKeyByRowIndex(rowIndex: number): any;
-        /** Adds a new column to a grid. */
-        addColumn(columnOptions: dxDataGridColumn): void;
-        /** Removes the column from the grid. */
-        deleteColumn(id: any): void;
-        /** Displays the load panel. */
-        beginCustomLoading(messageText: string): void;
-        /** Discards changes made in a grid. */
-        cancelEditData(): void;
-        /** Checks whether or not the grid contains unsaved changes. */
-        hasEditData(): boolean;
-        /** Clears all the filters of a specific type applied to grid records. */
-        clearFilter(): void;
-        /** Deselects all grid records. */
-        clearSelection(): void;
-        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
-        closeEditCell(): void;
-        /** Collapses groups or master rows in a grid. */
-        collapseAll(groupIndex?: number): void;
-        /** Returns the number of data columns in a grid. */
-        columnCount(): number;
-        /** Returns the value of a specific column option. */
-        columnOption(id: any, optionName: string): any;
-        /** Sets an option of a specific column. */
-        columnOption(id: any, optionName: string, optionValue: any): void;
-        /** Returns the options of a column by an identifier. */
-        columnOption(id: any): Object;
-        /** Sets several options of a column at once. */
-        columnOption(id: any, options: Object): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, visibleColumnIndex: number): void;
-        /** Sets a specific cell into the editing state. */
-        editCell(rowIndex: number, dataField: string): void;
-        /** Sets a specific row into the editing state. */
-        editRow(rowIndex: number): void;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, dataField: string): any;
-        /** Gets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number): any;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, dataField: string, value: any): void;
-        /** Sets the cell value. */
-        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
-        /** Hides the load panel. */
-        endCustomLoading(): void;
-        /** Expands groups or master rows in a grid. */
-        expandAll(groupIndex: number): void;
-        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
-        isRowExpanded(key: any): boolean;
-        /** Allows you to expand a specific group or master row by its key. */
-        expandRow(key: any): void;
-        /** Allows you to collapse a specific group or master row by its key. */
-        collapseRow(key: any): void;
-        /** Checks whether a specific adaptive detail row is expanded or collapsed. */
-        isAdaptiveDetailRowExpanded(key: any): void;
-        /** Expands an adaptive detail row by the key of its parent data row. */
-        expandAdaptiveDetailRow(key: any): void;
-        /** Collapses the currently expanded adaptive detail row (if there is one). */
-        collapseAdaptiveDetailRow(): void;
-        /** Applies a filter to the grid's data source. */
-        filter(filterExpr?: any): void;
-        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
-        filter(): any;
-        /** Returns a filter expression applied to the grid using all possible scenarious. */
-        getCombinedFilter(): any;
-        /** Gets the keys of currently selected grid records. */
-        getSelectedRowKeys(): Array<Object>;
-        /** Gets the data objects of currently selected grid records. */
-        getSelectedRowsData(): Array<Object>;
-        /** Hides the column chooser panel. */
-        hideColumnChooser(): void;
-        /** Adds a new data row to a grid. */
-        addRow(): void;
-        /**
-         * Adds a new data row to a grid.
-         * @deprecated Use the addRow() method instead.
-         */
-        insertRow(): void;
-        /** Returns the key corresponding to the passed data object. */
-        keyOf(obj: Object): any;
-        /** Switches a grid to a specified page. */
-        pageIndex(newIndex: number): void;
-        /** Gets the index of the current page. */
-        pageIndex(): number;
-        /** Sets the page size. */
-        pageSize(value: number): void;
-        /** Gets the current page size. */
-        pageSize(): number;
-        /** Refreshes grid data. */
-        refresh(): JQueryPromise<any>;
-        /** Removes a specific row from a grid. */
-        deleteRow(rowIndex: number): void;
-        /**
-         * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow(rowIndex) method instead.
-         */
-        removeRow(rowIndex: number): void;
-        /** Saves changes made in a grid. */
-        saveEditData(): JQueryPromise<any>;
-        /** Searches grid records by a search string. */
-        searchByText(text: string): void;
-        /** Selects all grid records. */
-        selectAll(): void;
-        /** Deselects the rows that are currently selected within the applied filter. */
-        deselectAll(): void;
-        /** Selects specific grid records. */
-        selectRows(keys: Array<any>, preserve: boolean): void;
-        /** Deselects specific grid records. */
-        deselectRows(keys: Array<any>): void;
-        /** Selects grid rows by indexes. */
-        selectRowsByIndexes(indexes: Array<any>): void;
-        /** Allows you to find out whether a row is selected or not. */
-        isRowSelected(key: any): boolean;
-        /** Invokes the column chooser panel. */
-        showColumnChooser(): void;
-        startSelectionWithCheckboxes(): boolean;
-        /** Returns how many pages the grid contains. */
-        pageCount(): number;
-        /** Returns the number of records currently held by a grid. */
-        totalCount(): number;
-        /** Recovers a row deleted in the batch edit mode. */
-        undeleteRow(rowIndex: number): void;
-        /** Allows you to obtain a data object by its key. */
-        byKey(key: any): JQueryPromise<any>;
-        /** Gets the value of a total summary item. */
-        getTotalSummaryValue(summaryItemName: string): any;
-        /** Exports grid data to Excel. */
-        exportToExcel(selectionOnly: boolean): void;
-        /** Updates the grid to the size of its content. */
-        updateDimensions(): void;
-        /** Focuses the specified cell element in the grid. */
-        focus(element?: JQuery): void;
-    }
-    export interface dxPivotGridOptions extends WidgetOptions {
-        onContentReady?: Function;
-        /** Specifies a data source for the pivot grid. */
-        dataSource?: any;
-        useNativeScrolling?: any;
-        /** A configuration object specifying scrolling options. */
-        scrolling?: {
-            /** Specifies the scrolling mode. */
-            mode?: string;
-            /** Specifies whether or not the widget uses native scrolling. */
-            useNative?: any;
-        };
-        /** Allows an end-user to change sorting options. */
-        allowSorting?: boolean;
-        /** Allows an end-user to sort columns by summary values. */
-        allowSortingBySummary?: boolean;
-        /** Allows an end-user to change filtering options. */
-        allowFiltering?: boolean;
-        /** Specifies the area to which data field headers must belong. */
-        dataFieldArea?: string;
-         /** Configures the field panel. */
-        fieldPanel?: {
-            /** Makes fields on the field panel draggable. */
-            allowFieldDragging?: boolean;
-            /** Shows/hides filter fields on the field panel. */
-            showFilterFields?: boolean;
-            /** Shows/hides data fields on the field panel. */
-            showDataFields?: boolean;
-            /** Shows/hides column fields on the field panel. */
-            showColumnFields?: boolean;
-            /** Shows/hides row fields on the field panel. */
-            showRowFields?: boolean;
-            /** Shows/hides the field panel. */
-            visible?: boolean;
-            /** Specifies the placeholders of the field areas. */
-            texts?: {
-                /** Specifies the placeholder of the column field area. */
-                columnFieldArea?: string;
-                /** Specifies the placeholder of the row field area. */
-                rowFieldArea?: string;
-                /** Specifies the placeholder of the filter field area. */
-                filterFieldArea?: string;
-                /** Specifies the placeholder of the data field area. */
-                dataFieldArea?: string;
-            }
-        }
-        /** Allows an end-user to expand/collapse all header items within a header level. */
-        allowExpandAll?: boolean;
-        /** Specifies whether long text in header items should be wrapped. */
-        wordWrapEnabled?: boolean;
-        /** Specifies whether to display the Total rows. */
-        showRowTotals?: boolean;
-        /** Specifies whether to display the Grand Total row. */
-        showRowGrandTotals?: boolean;
-        /** Specifies whether to display the Total columns. */
-        showColumnTotals?: boolean;
-        /** Specifies whether to display the Grand Total column. */
-        showColumnGrandTotals?: boolean;
-        /** Specifies whether or not to hide rows and columns with no data. */
-        hideEmptySummaryCells?: boolean;
-        /** Specifies where to show the total rows or columns. */
-        showTotalsPrior?: string;
-        /** Specifies the layout of items in the row header. */
-        rowHeaderLayout?: string;
-        /** Specifies whether the outer borders of the grid are visible or not. */
-        showBorders?: boolean;
-        /** The Field Chooser configuration options. */
-        fieldChooser?: {
-            /** Enables or disables the field chooser. */
-            enabled?: boolean;
-            /** Specifies the field chooser layout. */
-            layout?: number;
-            /** Specifies the text to display as a title of the field chooser popup window. */
-            title?: string;
-            /** Specifies the field chooser width. */
-            width?: number;
-            /** Specifies the field chooser height. */
-            height?: number;
-            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
-            texts?: {
-                /** The string to display instead of Row Fields. */
-                rowFields?: string;
-                /** The string to display instead of Column Fields. */
-                columnFields?: string;
-                /** The string to display instead of Data Fields. */
-                dataFields?: string;
-                /** The string to display instead of Filter Fields. */
-                filterFields?: string;
-                /** The string to display instead of All Fields. */
-                allFields?: string;
-            };
-        }
-        /** Strings that can be changed or localized in the dxPivotGrid widget. */
-        texts?: {
-            /** The string to display as a header of the Grand Total row and column. */
-            grandTotal?: string;
-            /** The string to display as a header of the Total row and column. */
-            total?: string;
-            /** Specifies the text displayed when a pivot grid does not contain any fields. */
-            noData?: string;
-            /** The string to display as a Show Field Chooser context menu item. */
-            showFieldChooser?: string;
-            /** The string to display as an Expand All context menu item. */
-            expandAll?: string;
-            /** The string to display as a Collapse All context menu item. */
-            collapseAll?: string;
-            /** The string to display as a Sort Column by Summary Value context menu item. */
-            sortColumnBySummary?: string;
-            /** The string to display as a Sort Row by Summary Value context menu item. */
-            sortRowBySummary?: string;
-            /** The string to display as a Remove All Sorting context menu item. */
-            removeAllSorting?: string;
-            /** The string to display as an Export to Excel file context menu item. */
-            exportToExcel?: string;
-        };
-        /** Specifies options configuring the load panel. */
-        loadPanel?: {
-            /** Enables or disables the load panel. */
-            enabled?: boolean;
-            /** Specifies the height of the load panel. */
-            height?: number;
-            /** Specifies the URL pointing to an image that will be used as a load indicator. */
-            indicatorSrc?: string;
-            /** Specifies whether or not to show a load indicator. */
-            showIndicator?: boolean;
-            /** Specifies whether or not to show load panel background. */
-            showPane?: boolean;
-            /** Specifies the text to display inside a load panel. */
-            text?: string;
-            /** Specifies the width of the load panel. */
-            width?: number;
-        };
-        /** A handler for the cellClick event. */
-        onCellClick?: (e: any) => void;
-        /** A handler for the cellPrepared event. */
-        onCellPrepared?: (e: any) => void;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Configures client-side export. */
-        export?: {
-            /** Enables client-side export. */
-            enabled?: boolean;
-            /** Specifies a default name for the file to which grid data is exported. */
-            fileName?: string;
-            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE9 and Safari browsers. */
-            proxyUrl?: string;
-        };
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** A configuration object specifying options related to state storing. */
-        stateStoring?: {
-            /** Specifies a callback function that performs specific actions on state loading. */
-            customLoad?: () => JQueryPromise<Object>;
-            /** Specifies a callback function that performs specific actions on state saving. */
-            customSave?: (gridState: Object) => void;
-            /** Specifies whether or not a grid saves its state. */
-            enabled?: boolean;
-            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
-            savingTimeout?: number;
-            /** Specifies a unique key to be used for storing the grid state. */
-            storageKey?: string;
-            /** Specifies the type of storage to be used for state storing. */
-            type?: string;
-        };
-    }
-    /** A data summarization widget for multi-dimensional data analysis and data mining. */
-    export class dxPivotGrid extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridOptions);
-        constructor(element: Element, options?: dxPivotGridOptions);
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-        /** Gets the dxPopup instance of the field chooser window. */
-        getFieldChooserPopup(): DevExpress.ui.dxPopup;
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Exports pivot grid data to the Excel file. */
-        exportToExcel(): void;
-        /** Binds a dxChart to the dxPivotGrid. */
-        bindChart(chart: any, integrationOptions?: {
-            inverted?: boolean;
-            dataFieldsDisplayMode?: string;
-            putDataFieldsInto?: string;
-            alternateDataFields?: boolean;
-            processCell?: Function;
-            customizeChart?: Function;
-            customizeSeries?: Function;
-        }): any;
-    }
-    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
-        /** Specifies the height of the widget. */
-        height?: any;
-        /** Specifies the field chooser layout. */
-        layout?: number;
-        /** The data source of a dxPivotGrid widget. */
-        dataSource?: DevExpress.data.PivotGridDataSource;
-        onContentReady?: Function;
-        /** A handler for the contextMenuPreparing event. */
-        onContextMenuPreparing?: (e: Object) => void;
-        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
-        texts?: {
-            /** The string to display instead of Row Fields. */
-            rowFields?: string;
-            /** The string to display instead of Column Fields. */
-            columnFields?: string;
-            /** The string to display instead of Data Fields. */
-            dataFields?: string;
-            /** The string to display instead of Filter Fields. */
-            filterFields?: string;
-            /** The string to display instead of All Fields. */
-            allFields?: string;
-        };
-    }
-    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
-    export class dxPivotGridFieldChooser extends Widget {
-        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
-        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
-        /** Updates the widget to the size of its content. */
-        updateDimensions(): void;
-        /** Gets the PivotGridDataSource instance. */
-        getDataSource(): DevExpress.data.PivotGridDataSource;
-    }
-}
-interface JQuery {
-    dxTreeView(): JQuery;
-    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
-    dxTreeView(options: string): any;
-    dxTreeView(options: string, ...params: any[]): any;
-    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
-    dxMenuBase(): JQuery;
-    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
-    dxMenuBase(options: string): any;
-    dxMenuBase(options: string, ...params: any[]): any;
-    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
-    dxMenu(): JQuery;
-    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
-    dxMenu(options: string): any;
-    dxMenu(options: string, ...params: any[]): any;
-    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
-    dxContextMenu(): JQuery;
-    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
-    dxContextMenu(options: string): any;
-    dxContextMenu(options: string, ...params: any[]): any;
-    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
-    dxColorBox(): JQuery;
-    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
-    dxColorBox(options: string): any;
-    dxColorBox(options: string, ...params: any[]): any;
-    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
-    dxDataGrid(): JQuery;
-    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
-    dxDataGrid(options: string): any;
-    dxDataGrid(options: string, ...params: any[]): any;
-    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
-    dxPivotGrid(): JQuery;
-    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
-    dxPivotGrid(options: string): any;
-    dxPivotGrid(options: string, ...params: any[]): any;
-    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
-    dxPivotGridFieldChooser(): JQuery;
-    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
-    dxPivotGridFieldChooser(options: string): any;
-    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
-    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
-    dxScheduler(): JQuery;
-    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
-    dxScheduler(options: string): any;
-    dxScheduler(options: string, ...params: any[]): any;
-    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
-}
-declare module DevExpress.framework {
-    /** An object used to store information on the views displayed in an application. */
-    export class ViewCache {
-        viewRemoved: JQueryCallback;
-        /** Removes all the viewInfo objects from the cache. */
-        clear(): void;
-        /** Obtains a viewInfo object from the cache by the specified key. */
-        getView(key: string): Object;
-        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
-        hasView(key: string): boolean;
-        /** Removes a viewInfo object from the cache by the specified key. */
-        removeView(key: string): Object;
-        /** Adds the specified viewInfo object to the cache under the specified key. */
-        setView(key: string, viewInfo: Object): void;
-    }
-    export interface dxCommandOptions extends DOMComponentOptions {
-        /** Specifies an action performed when the execute() method of the command is called. */
-        onExecute?: any;
-        /** Indicates whether or not the widget that displays this command is disabled. */
-        disabled?: boolean;
-        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
-        renderStage?: string;
-        /** Specifies the name of the icon shown inside the widget associated with this command. */
-        icon?: string;
-        iconSrc?: string;
-        /** The identifier of the command. */
-        id?: string;
-        /** Specifies the title of the widget associated with this command. */
-        title?: string;
-        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
-        type?: string;
-        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
-        visible?: boolean;
-    }
-    /** A markup component used to define markup options for a command. */
-    export class dxCommand extends DOMComponent {
-        constructor(element: JQuery, options: dxCommandOptions);
-        constructor(options: dxCommandOptions);
-        /** Executes the action associated with this command. */
-        execute(): void;
-    }
-    /** An object responsible for routing. */
-    export class Router {
-        /** Adds a routing rule to the list of registered rules. */
-        register(pattern: string, defaults?: Object, constraints?: Object): void;
-        /** Decodes the specified URI to an object using the registered routing rules. */
-        parse(uri: string): Object;
-        /** Formats an object to a URI. */
-        format(obj: Object): string;
-    }
-    export interface StateManagerOptions {
-        /** A storage to which the state manager saves the application state. */
-        storage?: Object;
-    }
-    /** An object used to store the current application state. */
-    export class StateManager {
-        constructor(options?: StateManagerOptions);
-        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
-        addStateSource(stateSource: Object): void;
-        /** Removes a specified state source from the state manager's collection of state sources. */
-        removeStateSource(stateSource: Object): void;
-        /** Saves the current application state. */
-        saveState(): void;
-        /** Restores the application state that has been saved by the saveState() method to the state storage. */
-        restoreState(): void;
-        /** Removes the application state that has been saved by the saveState() method to the state storage. */
-        clearState(): void;
-    }
-    export module html {
-        export var layoutSets: Array<string>;
-        export var animationSets: { [animationSetName: string]: AnimationSet };
-        export interface AnimationSet {
-            [animationName: string]: any
-        }
-        export interface HtmlApplicationOptions {
-            /** Specifies where the commands that are defined in the application's views must be displayed. */
-            commandMapping?: Object;
-            /** Specifies whether or not view caching is disabled. */
-            disableViewCache?: boolean;
-            /** An array of layout controllers that should be used to show application views in the current navigation context. */
-            layoutSet?: any;
-            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
-            animationSet?: AnimationSet;
-            /** Specifies whether the current application must behave as a mobile or web application. */
-            mode?: string;
-            /** Specifies the object that represents a root namespace of the application. */
-            namespace?: Object;
-            /** Specifies application behavior when the user navigates to a root view. */
-            navigateToRootViewMode?: string;
-            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
-            navigation?: Array<any>;
-            /** A state manager to be used in the application. */
-            stateManager?: StateManager;
-            /** Specifies the storage to be used by the application's state manager to store the application state. */
-            stateStorage?: Object;
-            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
-            useViewTitleAsBackText?: boolean;
-            /** A custom view cache to be used in the application. */
-            viewCache?: Object;
-            /** Specifies a limit for the views that can be cached. */
-            viewCacheSize?: number;
-            /** Specifies the current version of application templates. */
-            templatesVersion?: string;
-            /** Specifies options for the viewport meta tag of a mobile browser. */
-            viewPort?: JQuery;
-            /** A custom router to be used in the application. */
-            router?: Router;
-        }
-        /** An object used to manage views, as well as control the application life cycle. */
-        export class HtmlApplication implements EventsMixin<HtmlApplication> {
-            constructor(options: HtmlApplicationOptions);
-            afterViewSetup: JQueryCallback;
-            beforeViewSetup: JQueryCallback;
-            initialized: JQueryCallback;
-            navigating: JQueryCallback;
-            navigatingBack: JQueryCallback;
-            resolveLayoutController: JQueryCallback;
-            resolveViewCacheKey: JQueryCallback;
-            viewDisposed: JQueryCallback;
-            viewDisposing: JQueryCallback;
-            viewHidden: JQueryCallback;
-            viewRendered: JQueryCallback;
-            viewShowing: JQueryCallback;
-            viewShown: JQueryCallback;
-            /** Provides access to the ViewCache object. */
-            viewCache: ViewCache;
-            /** An array of dxCommand components that are created based on the application's navigation option value. */
-            navigation: Array<any>;
-            /** Provides access to the StateManager object. */
-            stateManager: StateManager;
-            /** Provides access to the Router object. */
-            router: Router;
-            /** Navigates to the URI preceding the current one in the navigation history. */
-            back(): void;
-            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
-            canBack(): boolean;
-            /** Calls the clearState() method of the application's StateManager object. */
-            clearState(): void;
-            /** Creates global navigation commands. */
-            createNavigation(navigationConfig: Array<any>): void;
-            /** Returns an HTML template of the specified view. */
-            getViewTemplate(viewName: string): JQuery;
-            /** Returns a configuration object used to create a dxView component for a specified view. */
-            getViewTemplateInfo(viewName: string): Object;
-            /** Adds a specified HTML template to a collection of view or layout templates. */
-            loadTemplates(source: any): JQueryPromise<any>;
-            /** Navigates to the specified URI. */
-            navigate(uri?: any, options?: Object): void;
-            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
-            renderNavigation(): void;
-            /** Calls the restoreState() method of the application's StateManager object. */
-            restoreState(): void;
-            /** Calls the saveState method of the application's StateManager object. */
-            saveState(): void;
-            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
-            templateContext(): Object;
-            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            on(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            on(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            on(eventName: string, eventHandler: Function): HtmlApplication;
-            on(events: { [eventName: string]: Function; }): HtmlApplication;
-            off(eventName: "initialized"): HtmlApplication;
-            off(eventName: "afterViewSetup"): HtmlApplication;
-            off(eventName: "beforeViewSetup"): HtmlApplication;
-            off(eventName: "navigating"): HtmlApplication;
-            off(eventName: "navigatingBack"): HtmlApplication;
-            off(eventName: "resolveLayoutController"): HtmlApplication;
-            off(eventName: "resolveViewCacheKey"): HtmlApplication;
-            off(eventName: "viewDisposed"): HtmlApplication;
-            off(eventName: "viewDisposing"): HtmlApplication;
-            off(eventName: "viewHidden"): HtmlApplication;
-            off(eventName: "viewRendered"): HtmlApplication;
-            off(eventName: "viewShowing"): HtmlApplication;
-            off(eventName: "viewShown"): HtmlApplication;
-            off(eventName: string): HtmlApplication;
-            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
-            off(eventName: "afterViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "beforeViewSetup", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "navigating", eventHandler: (e: {
-                currentUri: string;
-                uri: string;
-                cancel: boolean;
-                options: {
-                    root: boolean;
-                    target: string;
-                    direction: string;
-                    rootInDetailPane: boolean;
-                    modal: boolean;
-                };
-            }) => void): HtmlApplication;
-            off(eventName: "navigatingBack", eventHandler: (e: {
-                cancel: boolean;
-                isHardwareButton: boolean;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveLayoutController", eventHandler: (e: {
-                viewInfo: Object;
-                layoutController: Object;
-                availableLayoutControllers: Array<Object>;
-            }) => void): HtmlApplication;
-            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
-                key: string;
-                navigationItem: Object;
-                routeData: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposed", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewDisposing", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewHidden", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewRendered", eventHandler: (e: {
-                viewInfo: Object;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShowing", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: "viewShown", eventHandler: (e: {
-                viewInfo: Object;
-                direction: string;
-            }) => void): HtmlApplication;
-            off(eventName: string, eventHandler: Function): HtmlApplication;
-        }
-    }
-}
-declare module DevExpress.viz.core {
-    export interface Border {
-        /** Sets a border color for a selected series. */
-        color?: string;
-        /** Sets border visibility for a selected series. */
-        visible?: boolean;
-        /** Sets a border width for a selected series. */
-        width?: number;
-    }
-    export interface DashedBorder extends Border {
-        /** Specifies a dash style for the border of a selected series point. */
-        dashStyle?: string;
-    }
-    export interface DashedBorderWithOpacity extends DashedBorder {
-        /** Specifies how transparent the vertical crosshair line should be. */
-        opacity?: number;
-    }
-    export interface Font {
-        /** Colors the text displayed by the group labels. */
-        color?: string;
-        /** Specifies the font family of the text displayed by the group labels. */
-        family?: string;
-        /** Specifies how transparent the text displayed by the group labels should be. */
-        opacity?: number;
-        /** Specifies the size of the text displayed by the group labels. */
-        size?: any;
-        /** Specifies the font weight of the text displayed by the group labels. */
-        weight?: number;
-    }
-    export interface Hatching {
-        direction?: string;
-        /** Specifies the opacity of hatching lines. */
-        opacity?: number;
-        /** Specifies the distance between hatching lines in pixels. */
-        step?: number;
-        /** Specifies the width of hatching lines in pixels. */
-        width?: number;
-    }
-    export interface Margins {
-        /** Specifies the legend's bottom margin in pixels. */
-        bottom?: number;
-        /** Specifies the legend's left margin in pixels. */
-        left?: number;
-        /** Specifies the legend's right margin in pixels. */
-        right?: number;
-        /** Specifies the legend's bottom margin in pixels. */
-        top?: number;
-    }
-    export interface MarginOptions {
-        /** Generates space around the widget. */
-        margin?: Margins;
-    }
-    export interface RedrawOnResizeOptions {
-        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
-        redrawOnResize?: boolean;
-    }
-    export interface TitleOptions {
-        /** Specifies the widget title. */
-        title?: Title;
-    }
-    export interface ExportOptions {
-        /** Configures the exporting and printing features. */
-        export?: Export;
-    }
-    export interface LoadingIndicatorOptions {
-        /** Configures the loading indicator. */
-        loadingIndicator?: LoadingIndicator;
-    }
-    export interface LoadingIndicatorMethods {
-        /** Displays the loading indicator. */
-        showLoadingIndicator(): void;
-        /** Conceals the loading indicator. */
-        hideLoadingIndicator(): void;
-    }
-    export interface Size {
-        /** Specifies the width of the widget in pixels. */
-        width?: number;
-        /** Specifies the height of the widget in pixels. */
-        height?: number;
-    }
-    export interface Title {
-        /** Specifies font options for the title. */
-        font?: viz.core.Font;
-        /** Specifies the title's alignment in a horizontal direction. */
-        horizontalAlignment?: string;
-       /** Specifies the title's alignment in a vertical direction. */
-        verticalAlignment?: string;
-        /** Generates space around the title. */
-        margin?: Margins;
-         /** Specifies the minimum height that the title occupies. */
-        placeholderSize?: number;
-        /** Specifies the title text. */
-        text?: string;
-        /** Specifies the widget subtitle. */
-        subtitle?: {
-            /** Specifies font options for the subtitle. */
-            font?: viz.core.Font;
-           /** Specifies text for the subtitle. */
-            text?: string;
-        }
-    }
-    export interface Export {
-        /** Enables the client-side exporting in the widget. */
-        enabled?: boolean;
-        /** Enables the printing feature in the widget. Applies only if the export | enabled option is true. */
-        printingEnabled?: boolean;
-        /** Specifies a set of formats available for exporting into. */
-        formats?: Array<string>;
-        /** Specifies a default name for the file to which the widget will be exported. */
-        fileName?: string;
-        /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable exporting in IE9 and Safari browsers. */
-        proxyUrl?: string;
-        /** Specifies the color that will fill transparent regions in the resulting file or document. */
-        backgroundColor?: string;
-    }
-    export interface Tooltip {
-        /** Specifies the length of the tooltip's arrow in pixels. */
-        arrowLength?: number;
-        /** Specifies the appearance of the tooltip's border. */
-        border?: DashedBorderWithOpacity;
-        /** Specifies the color of tooltips. */
-        color?: string;
-        /** Specifies the z-index of tooltips. */
-        zIndex?: number;
-        /** Specifies the container to draw tooltips inside of it. */
-        container?: any;
-        /** Allows you to change tooltip appearance. */
-        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
-        enabled?: boolean;
-        /** Specifies the font of the text displayed by a tooltip. */
-        font?: Font;
-        /** Specifies the format of the value displayed by a tooltip. */
-        format?: any;
-        /** Specifies the opacity of tooltips. */
-        opacity?: number;
-        /** Generates space on the left and the right of the text displayed by a tooltip. */
-        paddingLeftRight?: number;
-        /** Generates space above and below the text displayed by a tooltip. */
-        paddingTopBottom?: number;
-        /**
-         * Specifies the precision of formatted values in a tooltip.
-         * @deprecated Use the tooltip | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the appearance of the tooltip's shadow. */
-        shadow?: {
-            /** Specifies the blur distance of the tooltip's shadow. */
-            blur?: number;
-            /** Specifies the color of the tooltip's shadow. */
-            color?: string;
-            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip itself measured in pixels. */
-            offsetX?: number;
-            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip itself measured in pixels. */
-            offsetY?: number;
-            /** Specifies the opacity of the tooltip's shadow. */
-            opacity?: number;
-        };
-    }
-    export interface Animation {
-        /** Determines how long animation runs. */
-        duration?: number;
-        /** Specifies the animation easing mode. */
-        easing?: string;
-        /** Indicates whether or not animation is enabled. */
-        enabled?: boolean;
-    }
-    export interface LoadingIndicator {
-        /** Colors the background of the loading indicator. */
-        backgroundColor?: string;
-        /** Specifies font options for the loading indicator. */
-        font?: viz.core.Font;
-        /** Specifies whether to show the loading indicator or not. */
-        show?: boolean;
-        /** Specifies the text to be displayed by the loading indicator. */
-        text?: string;
-    }
-    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
-        /** Specifies a radius for the corners of the legend border. */
-        cornerRadius?: number;
-    }
-    export interface BaseLegend {
-        /** Specifies the color of the legend's background. */
-        backgroundColor?: string;
-        /** Specifies legend border settings. */
-        border?: viz.core.LegendBorder;
-        /** Specifies how many columns must be taken to arrange legend items. */
-        columnCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
-        columnItemSpacing?: number;
-        /** Specifies font options for legend items. */
-        font?: viz.core.Font;
-        /** Specifies the legend's position on the map. */
-        horizontalAlignment?: string;
-        /** Specifies the alignment of legend items. */
-        itemsAlignment?: string;
-        /** Specifies the position of text relative to the item marker. */
-        itemTextPosition?: string;
-        /** Specifies the distance between the legend and the container borders in pixels. */
-        margin?: viz.core.Margins;
-        /** Specifies the size of item markers in the legend in pixels. */
-        markerSize?: number;
-        /** Specifies whether to arrange legend items horizontally or vertically. */
-        orientation?: string;
-        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
-        paddingLeftRight?: number;
-        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
-        paddingTopBottom?: number;
-        /** Specifies how many rows must be taken to arrange legend items. */
-        rowCount?: number;
-        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
-        rowItemSpacing?: number;
-        /** Specifies the legend's position on the map. */
-        verticalAlignment?: string;
-        /** Specifies whether or not the legend is visible on the map. */
-        visible?: boolean;
-    }
-    export interface BaseWidgetOptions extends DOMComponentOptions {
-        /** Specifies the size of the widget in pixels. */
-        size?: Size;
-        /** A handler for the drawn event. */
-        onDrawn?: (e: {
-            component: BaseWidget;
-            element: Element;
-        }) => void;
-        /** A handler for the incidentOccurred event. */
-        onIncidentOccurred?: (
-        component: BaseWidget,
-        element: Element,
-        target: {
-            id: string;
-            type: string;
-            args: any;
-            text: string;
-            widget: string;
-            version: string;
-        }
-        ) => void;
-        /** A handler for the exporting event. */
-        onExporting?: (e: {
-            fileName: string;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the fileSaving event. */
-        onFileSaving?: (e: {
-            fileName: string;
-            format: string;
-            data: any;
-            cancel: boolean;
-        }) => void;
-        /** A handler for the exported event. */
-        onExported?: (e: Object) => void;
-        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
-        pathModified?: boolean;
-        /** Specifies whether or not the widget supports right-to-left representation. */
-        rtlEnabled?: boolean;
-        /** Sets the name of the theme to be used in the widget. */
-        theme?: string;
-    }
-    /** This section describes options and methods that are common to all widgets. */
-    export class BaseWidget extends DOMComponent {
-        /** Returns the widget's SVG markup. */
-        svg(): string;
-        /** Exports the widget into a document with a specified name and format. */
-        exportTo(): void;
-        /** Opens the browser's print window. */
-        print(): void;
-        /** Redraws the widget. */
-        render(): void;
-    }
-}
-declare module DevExpress.viz {
-    /**
-     * Applies a theme for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
-     */
-    export function currentTheme(theme: string): void;
-    /**
-     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
-     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
-     */
-    export function currentTheme(platform: string, colorScheme: string): void;
-    /**
-     * Registers a new theme based on the existing one.
-     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
-     */
-    export function registerTheme(customTheme: Object, baseTheme: string): void;
-    /**
-     * Applies a predefined or registered custom palette to all visualization widgets at once.
-     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
-     */
-    export function currentPalette(paletteName: string): void;
-    /**
-     * Obtains the color sets of a predefined or registered palette.
-     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
-     */
-    export function getPalette(paletteName: string): Object;
-    /**
-     * Registers a new palette.
-     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
-     */
-    export function registerPalette(paletteName: string, palette: Object): void;
-}
-declare module DevExpress.viz.charts {
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface BaseSeries {
-        /** Provides information about the state of the series object. */
-        fullState: number;
-        /** Returns the type of the series. */
-        type: string;
-        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the color of a particular series. */
-        getColor(): string;
-        /** Gets points from the series point collection based on the specified argument. */
-        getPointsByArg(pointArg: any): Array<BasePoint>;
-        /** Gets a point from the series point collection based on the specified point position. */
-        getPointByPos(positionIndex: number): Object;
-        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
-        select(): void;
-        /** Selects the specified point. The point is displayed in a 'selected' style. */
-        selectPoint(point: BasePoint): void;
-        /** Deselects the specified point. The point is displayed in an initial style. */
-        deselectPoint(point: BasePoint): void;
-        /** Returns an array of all points in the series. */
-        getAllPoints(): Array<BasePoint>;
-        /** Returns visible series points. */
-        getVisiblePoints(): Array<BasePoint>;
-        /** Returns the name of the series. */
-        name: string;
-        /** Returns the tag of the series. */
-        tag: string;
-        /** Hides a series. */
-        hide(): void;
-        /** Provides information about the hover state of a series. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a series. */
-        isSelected(): boolean;
-        /** Provides information about the visibility state of a series. */
-        isVisible(): boolean;
-        /** Makes a particular series visible. */
-        show(): void;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface BasePoint {
-        /** Provides information about the state of the point object. */
-        fullState: number;
-        /** Returns the point's argument value that was set in the data source. */
-        originalArgument: any;
-        /** Returns the point's value that was set in the data source. */
-        originalValue: any;
-        /** Returns the tag of the point. */
-        tag: string;
-        /** Deselects the point. */
-        clearSelection(): void;
-        /** Gets the color of a particular point. */
-        getColor(): string;
-        /** Hides the tooltip of the point. */
-        hideTooltip(): void;
-        /** Provides information about the hover state of a point. */
-        isHovered(): boolean;
-        /** Provides information about the selection state of a point. */
-        isSelected(): boolean;
-        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
-        select(): void;
-        /** Shows the tooltip of the point. */
-        showTooltip(): void;
-        /** Allows you to obtain the label(s) of the series point. */
-        getLabel(): any;
-        /** Returns the series object to which the point belongs. */
-        series: BaseSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface ChartSeries extends BaseSeries {
-        /** Returns the name of the series pane. */
-        pane: string;
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: ChartPoint): void;
-        deselectPoint(point: ChartPoint): void;
-        getAllPoints(): Array<ChartPoint>;
-        getVisiblePoints(): Array<ChartPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface ChartPoint extends BasePoint {
-        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalCloseValue: any;
-        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalHighValue: any;
-        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalLowValue: any;
-        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
-        originalMinValue: any;
-        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
-        originalOpenValue: any;
-        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
-        size: any;
-        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        series: ChartSeries;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Label object. */
-    export interface Label {
-        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
-        getBoundingRect(): { x: number; y: number; width: number; height: number; };
-        /** Hides the point label. */
-        hide(): void;
-        /** Shows the point label. */
-        show(): void;
-    }
-    export interface PieSeries extends BaseSeries {
-        selectPoint(point: PiePoint): void;
-        deselectPoint(point: PiePoint): void;
-        getAllPoints(): Array<PiePoint>;
-        getVisiblePoints(): Array<PiePoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PiePoint extends BasePoint {
-        /** Gets the percentage value of the specific point. */
-        percent: any;
-        /** Provides information about the visibility state of a point. */
-        isVisible(): boolean;
-        /** Makes a specific point visible. */
-        show(): void;
-        /** Hides a specific point. */
-        hide(): void;
-        series: PieSeries;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
-    export interface PolarSeries extends BaseSeries {
-        /** Returns the name of the value axis of the series. */
-        axis: string;
-        selectPoint(point: PolarPoint): void;
-        deselectPoint(point: PolarPoint): void;
-        getAllPoints(): Array<PolarPoint>;
-        getVisiblePoints(): Array<PolarPoint>;
-    }
-    /** This section describes the methods that can be used in code to manipulate the Point object. */
-    export interface PolarPoint extends BasePoint {
-        series: PolarSeries;
-    }
-    export interface Strip {
-        /** Specifies a color for a strip. */
-        color?: string;
-        /** An object that defines the label configuration options of a strip. */
-        label?: {
-            /** Specifies the text displayed in a strip. */
-            text?: string;
-        };
-        /** Specifies a start value for a strip. */
-        startValue?: any;
-        /** Specifies an end value for a strip. */
-        endValue?: any;
-    }
-    export interface BaseSeriesConfigLabel {
-        /** Specifies a format for arguments displayed by point labels. */
-        argumentFormat?: any;
-        /**
-         * Specifies a precision for formatted point arguments displayed in point labels.
-         * @deprecated Use the series | label | argumentFormat | precision instead.
-         */
-        argumentPrecision?: number;
-        /** Specifies a background color for point labels. */
-        backgroundColor?: string;
-        /** Specifies border options for point labels. */
-        border?: viz.core.DashedBorder;
-        /** Specifies connector options for series point labels. */
-        connector?: {
-            /** Specifies the color of label connectors. */
-            color?: string;
-            /** Indicates whether or not label connectors are visible. */
-            visible?: boolean;
-            /** Specifies the width of label connectors. */
-            width?: number;
-        };
-        /** Specifies a callback function that returns the text to be displayed by point labels. */
-        customizeText?: (pointInfo: Object) => string;
-        /** Specifies font options for the text displayed in point labels. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed by point labels. */
-        format?: any;
-        position?: string;
-        /**
-         * Specifies a precision for formatted point values displayed in point labels.
-         * @deprecated Use the series | label | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies the angle used to rotate point labels from their initial position. */
-        rotationAngle?: number;
-        /** Specifies the visibility of point labels. */
-        visible?: boolean;
-    }
-    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies whether or not to show labels for points with zero value. Applies only to bar-like series. */
-        showForZeroValues?: boolean;
-    }
-    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
-        /** Aligns point labels in relation to their points. */
-        alignment?: string;
-        /** Along with verticalOffset, shifts point labels from their initial positions. */
-        horizontalOffset?: number;
-        /** Along with horizontalOffset, shifts point labels from their initial positions. */
-        verticalOffset?: number;
-        /**
-         * Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series.
-         * @deprecated Use the series | label | format | percentPrecision instead.
-         */
-        percentPrecision?: number;
-    }
-    export interface BaseCommonSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        axis?: string;
-        label?: ChartSeriesConfigLabel;
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the dash style of the series' line. */
-        dashStyle?: string;
-        hoverMode?: string;
-        hoverStyle?: {
-            border?: viz.core.DashedBorder;
-            /** <p>Sets a color for a series when it is hovered over.</p> */
-            color?: string;
-            /** Specifies the dash style for the line in a hovered series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a hovered series. */
-            width?: number;
-        };
-        /** Specifies whether a chart ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies the minimal length of a displayed bar in pixels. */
-        minBarSize?: number;
-        /** Specifies opacity for a series. */
-        opacity?: number;
-        /** Specifies series elements to be highlighted when a user selects a point. */
-        selectionMode?: string;
-        selectionStyle?: {
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the dash style for the line in a selected series. */
-            dashStyle?: string;
-            hatching?: viz.core.Hatching;
-            /** Specifies the width of a line in a selected series. */
-            width?: number;
-        };
-        /** Specifies whether or not to show the series in the chart's legend. */
-        showInLegend?: boolean;
-        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
-        stack?: string;
-        /** Specifies the name of the data source field that provides data about a point. */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-        /** Specifies the visibility of a series. */
-        visible?: boolean;
-        /** Specifies a line width. */
-        width?: number;
-        /** Configures error bars. */
-        valueErrorBar?: {
-            /** Specifies whether error bars must be displayed in full or partially. */
-            displayMode?: string;
-            /** Specifies the data field that provides data for low error values. */
-            lowValueField?: string;
-            /** Specifies the data field that provides data for high error values. */
-            highValueField?: string;
-            /** Specifies how error bar values must be calculated. */
-            type?: string;
-            /** Specifies the value to be used for generating error bars. */
-            value?: number;
-            /** Specifies the color of error bars. */
-            color?: string;
-            /** Specifies the opacity of error bars. */
-            opacity?: number;
-            /** Specifies the length of the lines that indicate the error bar edges. */
-            edgeLength?: number;
-            /** Specifies the width of the error bar line. */
-            lineWidth?: number;
-        };
-    }
-    export interface CommonPointOptions {
-        /** Specifies border options for points in the line and area series. */
-        border?: viz.core.Border;
-        /** Specifies the points color. */
-        color?: string;
-        /** Specifies what series points to highlight when a point is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered point. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered point. */
-            border?: viz.core.Border;
-            /** Sets a color for a point when it is hovered over. */
-            color?: string;
-            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies what series points to highlight when a point is selected. */
-        selectionMode?: string;
-        /** An object defining configuration options for a selected point. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected point. */
-            border?: viz.core.Border;
-            /** <p>Sets a color for a point when it is selected.</p> */
-            color?: string;
-            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
-            size?: number;
-        };
-        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
-        size?: number;
-        /** Specifies a symbol for presenting points of the line and area series. */
-        symbol?: string;
-        visible?: boolean;
-    }
-    export interface ChartCommonPointOptions extends CommonPointOptions {
-        /** Substitutes the standard point symbols with an image. */
-        image?: {
-            /** Specifies the height of the image used instead of a point marker. */
-            height?: any;
-            /** Specifies the URL of the image to be used as a point marker. */
-            url?: any;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: any;
-        };
-    }
-    export interface PolarCommonPointOptions extends CommonPointOptions {
-        /** An object specifying the parameters of an image that is used as a point marker. */
-        image?: {
-            /** Specifies the height of an image that is used as a point marker. */
-            height?: number;
-            /** Specifies a URL leading to the image to be used as a point marker. */
-            url?: string;
-            /** Specifies the width of an image that is used as a point marker. */
-            width?: number;
-        };
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies which data source field provides close values for points of a financial series. */
-        closeValueField?: string;
-        /** Makes bars look rounded. Applies only to bar-like series. */
-        cornerRadius?: number;
-        /** Specifies which data source field provides high values for points of a financial series. */
-        highValueField?: string;
-        /** Specifies a filling color for the body of a series point that visualizes a non-reduced value. Applies only to candlestick series. */
-        innerColor?: string;
-        /** Specifies which data source field provides low values for points of a financial series. */
-        lowValueField?: string;
-        /** Specifies which data source field provides open values for points of a financial series. */
-        openValueField?: string;
-        /** Specifies which pane the series should belong to. Accepts the name of the pane. */
-        pane?: string;
-        point?: ChartCommonPointOptions;
-        /** Coupled with the rangeValue2Field option, specifies which data source field provides values for a range-like series. */
-        rangeValue1Field?: string;
-        /** Coupled with the rangeValue1Field option, specifies which data source field provides values for a range-like series. */
-        rangeValue2Field?: string;
-        /** Specifies reduction options for financial series. */
-        reduction?: {
-            /** Specifies a color for the points whose price has decreased in comparison to the price of the previous point. */
-            color?: string;
-            /** Specifies whether high, low, open or close prices of points should be compared. */
-            level?: string;
-        };
-        /** Specifies which data source field provides size values for bubbles. Required by and applies only to bubble series. */
-        sizeField?: string;
-    }
-    export interface CommonSeriesSettings extends CommonSeriesConfig {
-        /** Defines common settings for all area series. */
-        area?: CommonSeriesConfig;
-        /** Defines common settings for all bar series. */
-        bar?: CommonSeriesConfig;
-        /** Defines common settings for all bubble series. */
-        bubble?: CommonSeriesConfig;
-        /** Defines common settings for all candlestick series. */
-        candlestick?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked area series. */
-        fullstackedarea?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked spline area series. */
-        fullstackedsplinearea?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked bar series. */
-        fullstackedbar?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked line series. */
-        fullstackedline?: CommonSeriesConfig;
-        /** Defines common settings for all full-stacked spline series. */
-        fullstackedspline?: CommonSeriesConfig;
-        /** Defines common settings for all line series. */
-        line?: CommonSeriesConfig;
-        /** Defines common settings for all range area series. */
-        rangearea?: CommonSeriesConfig;
-        /** Defines common settings for all range bar series. */
-        rangebar?: CommonSeriesConfig;
-        /** Defines common settings for all scatter series. */
-        scatter?: CommonSeriesConfig;
-        /** Defines common settings for all spline series. */
-        spline?: CommonSeriesConfig;
-        /** Defines common settings for all spline area series. */
-        splinearea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked area series. */
-        stackedarea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked spline area series. */
-        stackedsplinearea?: CommonSeriesConfig;
-        /** Defines common settings for all stacked bar series. */
-        stackedbar?: CommonSeriesConfig;
-        /** Defines common settings for all stacked line series. */
-        stackedline?: CommonSeriesConfig;
-        /** Defines common settings for all stacked spline series. */
-        stackedspline?: CommonSeriesConfig;
-        /** Defines common settings for all step area series. */
-        steparea?: CommonSeriesConfig;
-        /** Defines common settings for all step line series. */
-        stepline?: CommonSeriesConfig;
-        /** Defines common settings for all stock series. */
-        stock?: CommonSeriesConfig;
-        /** Specifies the type of the series. */
-        type?: string;
-    }
-    export interface SeriesConfig extends CommonSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    /** An object that defines configuration options for polar chart series. */
-    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
-        /** Specifies whether or not to close the chart by joining the end point with the first point. */
-        closed?: boolean;
-        label?: SeriesConfigLabel;
-        point?: PolarCommonPointOptions;
-    }
-    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
-        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
-        area?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
-        bar?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
-        line?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
-        scatter?: CommonPolarSeriesConfig;
-        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
-        stackedbar?: CommonPolarSeriesConfig;
-        /** Sets a series type. */
-        type?: string;
-    }
-    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-        /** Sets the series type. */
-        type?: string;
-    }
-    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
-        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
-        radialOffset?: number;
-        /**
-         * Specifies a precision for the percentage values displayed in labels.
-         * @deprecated Use the series | label | format | percentPrecision instead.
-         */
-        percentPrecision?: number;
-    }
-    /** An object that defines configuration options for chart series. */
-    export interface CommonPieSeriesConfig {
-        /** Specifies the data source field that provides arguments for series points. */
-        argumentField?: string;
-        /** Specifies the required type for series arguments. */
-        argumentType?: string;
-        /** An object defining the series border configuration options. */
-        border?: viz.core.DashedBorder;
-        /** Specifies a series color. */
-        color?: string;
-        /** Specifies the chart elements to highlight when a series is hovered over. */
-        hoverMode?: string;
-        /** An object defining configuration options for a hovered series. */
-        hoverStyle?: {
-            /** An object defining the border options for a hovered series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for the series when it is hovered over. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is hovered over. */
-            hatching?: viz.core.Hatching;
-        };
-        /**
-         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated Use the innerRadius option instead.
-         */
-        innerRadius?: number;
-        /** An object defining the label configuration options. */
-        label?: PieSeriesConfigLabel;
-        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
-        maxLabelCount?: number;
-        /** Specifies a minimal size of a displayed pie segment. */
-        minSegmentSize?: number;
-        /**
-         * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated Use the segmentsDirection option instead.
-         */
-        segmentsDirection?: string;
-        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
-        selectionMode?: string;
-        /** An object defining configuration options for the series when it is selected. */
-        selectionStyle?: {
-            /** An object defining the border options for a selected series. */
-            border?: viz.core.DashedBorder;
-            /** Sets a color for a series when it is selected. */
-            color?: string;
-            /** Specifies the hatching options to be applied when a point is selected. */
-            hatching?: viz.core.Hatching;
-        };
-        /** Specifies chart segment grouping options. */
-        smallValuesGrouping?: {
-            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
-            groupName?: string;
-            /** Specifies the segment grouping mode. */
-            mode?: string;
-            /** Specifies a threshold for segment values. */
-            threshold?: number;
-            /** Specifies how many segments must not be grouped. */
-            topCount?: number;
-        };
-        /**
-         * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated Use the startAngle option instead.
-         */
-        startAngle?: number;
-        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
-        tagField?: string;
-        /** Specifies the data source field that provides values for series points. */
-        valueField?: string;
-    }
-    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
-        /**
-         * Specifies the type of the pie chart series.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-    }
-    export interface PieSeriesConfig extends CommonPieSeriesConfig {
-        /**
-         * Sets the series type.
-         * @deprecated Use the type option instead.
-         */
-        type?: string;
-        /** Specifies the name that identifies the series. */
-        name?: string;
-        /** Specifies data about a series. */
-        tag?: any;
-    }
-    export interface SeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => SeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface PolarSeriesTemplate {
-        /** Specifies a callback function that returns a series object with individual series settings. */
-        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
-        /** Specifies a data source field that represents the series name. */
-        nameField?: string;
-    }
-    export interface ChartCommonConstantLineLabel {
-        /** Specifies font options for constant line labels. */
-        font?: viz.core.Font;
-        /** Specifies the position of constant line labels on the chart plot. */
-        position?: string;
-        /** Makes constant line labels visible. */
-        visible?: boolean;
-    }
-    export interface PolarCommonConstantLineLabel {
-        /** Indicates whether or not to display labels for the axis constant lines. */
-        visible?: boolean;
-        /** Specifies font options for a constant line label. */
-        font?: viz.core.Font;
-    }
-    export interface ConstantLineStyle {
-        /** Specifies a color for a constant line. */
-        color?: string;
-        /** Specifies a dash style for a constant line. */
-        dashStyle?: string;
-        /** Specifies a constant line width in pixels. */
-        width?: number;
-    }
-    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
-        /** Configures constant line labels. */
-        label?: ChartCommonConstantLineLabel;
-        /** Generates a pixel-measured empty space between the left/right side of a constant line and the constant line label. */
-        paddingLeftRight?: number;
-        /** Generates a pixel-measured empty space between the top/bottom side of a constant line and the constant line label. */
-        paddingTopBottom?: number;
-    }
-    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarCommonConstantLineLabel;
-    }
-    export interface CommonAxisLabel {
-        /** Specifies font options for axis labels. */
-        font?: viz.core.Font;
-        /** Specifies the spacing between an axis and its labels in pixels. */
-        indentFromAxis?: number;
-        /** Indicates whether or not axis labels are visible. */
-        visible?: boolean;
-    }
-    export interface ChartCommonAxisLabel extends CommonAxisLabel {
-        /** Aligns axis labels in relation to ticks. */
-        alignment?: string;
-        /** Decides how to arrange axis labels when there is not enough space to keep all of them. */
-        overlappingBehavior?: {
-            /** Decides how to arrange axis labels when there is not enough space to keep all of them. */
-            mode?: string;
-            /** Specifies the rotation angle of axis labels. Applies only if the mode option is "rotate". */
-            rotationAngle?: number;
-            /** Adds a pixel-measured empty space between two staggered rows of axis labels. Applies only if the mode option is "stagger". */
-            staggeringSpacing?: number;
-        };
-    }
-    export interface PolarCommonAxisLabel extends CommonAxisLabel {
-        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
-        overlappingBehavior?: string;
-    }
-    export interface CommonAxisTitle {
-        /** Specifies font options for the axis title. */
-        font?: viz.core.Font;
-        /** Adds a pixel-measured empty space between the axis title and axis labels. */
-        margin?: number;
-    }
-    export interface BaseCommonAxisSettings {
-        /** Specifies the color of the line that represents an axis. */
-        color?: string;
-        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
-        discreteAxisDivisionMode?: string;
-        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
-        grid?: {
-            /** Specifies a color for grid lines. */
-            color?: string;
-            /** Specifies an opacity for grid lines. */
-            opacity?: number;
-            /** Indicates whether or not the grid lines of an axis are visible. */
-            visible?: boolean;
-            /** Specifies the width of grid lines. */
-            width?: number;
-        };
-        /** Specifies the options of the minor grid. */
-        minorGrid?: {
-            /** Specifies a color for the lines of the minor grid. */
-            color?: string;
-            /** Specifies an opacity for the lines of the minor grid. */
-            opacity?: number;
-            /** Indicates whether the minor grid is visible or not. */
-            visible?: boolean;
-            /** Specifies a width for the lines of the minor grid. */
-            width?: number;
-        };
-        /** Indicates whether or not an axis is inverted. */
-        inverted?: boolean;
-        /** Specifies the opacity of the line that represents an axis. */
-        opacity?: number;
-        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
-        setTicksAtUnitBeginning?: boolean;
-        /** An object defining the configuration options for axis ticks. */
-        tick?: {
-            /** Specifies ticks color. */
-            color?: string;
-            /** Specifies tick opacity. */
-            opacity?: number;
-            /** Indicates whether or not ticks are visible on an axis. */
-            visible?: boolean;
-            /** Specifies tick width. */
-            width?: number;
-            /** Specifies tick length. */
-            length?: number;
-        };
-        /** Specifies the options of the minor ticks. */
-        minorTick?: {
-            /** Specifies a color for the minor ticks. */
-            color?: string;
-            /** Specifies an opacity for the minor ticks. */
-            opacity?: number;
-            /** Indicates whether or not the minor ticks are displayed on an axis. */
-            visible?: boolean;
-            /** Specifies minor tick width. */
-            width?: number;
-            /** Specifies minor tick length. */
-            length?: number;
-        };
-        /** Indicates whether or not the line that represents an axis in a chart is visible. */
-        visible?: boolean;
-        /** Specifies the width of the line that represents an axis in the chart. */
-        width?: number;
-    }
-    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Configures the appearance of all constant lines in the widget. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Configures axis labels. */
-        label?: ChartCommonAxisLabel;
-        /** Controls the empty space between the maximum series points and the axis. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        maxValueMargin?: number;
-        /** Controls the empty space between the minimum series points and the axis. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        minValueMargin?: number;
-        /** Reserves a pixel-measured space for the axis. */
-        placeholderSize?: number;
-        /** Configures the appearance of strips. */
-        stripStyle?: {
-            /** Configures the appearance of strip labels. */
-            label?: {
-                /** Specifies font options for strip labels. */
-                font?: viz.core.Font;
-                /** Aligns strip labels in the horizontal direction. */
-                horizontalAlignment?: string;
-                /** Aligns strip labels in the vertical direction. */
-                verticalAlignment?: string;
-            };
-            /** Generates a pixel-measured empty space between the left/right border of a strip and the strip label. */
-            paddingLeftRight?: number;
-            /** Generates a pixel-measured empty space between the top/bottom border of a strip and the strip label. */
-            paddingTopBottom?: number;
-        };
-        /** Configures axis titles. */
-        title?: CommonAxisTitle;
-        /** Adds an empty space between the axis and the minimum and maximum series points. */
-        valueMarginsEnabled?: boolean;
-    }
-    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
-        /** Specifies the appearance of all the widget's constant lines. */
-        constantLineStyle?: PolarCommonConstantLineStyle;
-        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
-        label?: PolarCommonAxisLabel;
-        /** An object defining configuration options for strip style. */
-        stripStyle?: {
-            /** An object defining the configuration options for a strip label style. */
-            label?: {
-                /** Specifies font options for a strip label. */
-                font?: viz.core.Font;
-            };
-        };
-    }
-    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
-        /** Aligns constant line labels in the horizontal direction. */
-        horizontalAlignment?: string;
-        /** Aligns constant line labels in the vertical direction. */
-        verticalAlignment?: string;
-        /** Specifies the text of a constant line label. By default, equals to the value of the constant line. */
-        text?: string;
-    }
-    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
-        /** Specifies the text to be displayed in a constant line label. */
-        text?: string;
-    }
-    export interface AxisLabel {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
-        customizeHint?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
-        customizeText?: (argument: { value: any; valueText: string }) => string;
-        /** Specifies a format for the text displayed by axis labels. */
-        format?: any;
-        /**
-         * Specifies a precision for the formatted value displayed in the axis labels.
-         * @deprecated Use the valueAxis | label | format | precision option instead.
-         */
-        precision?: number;
-    }
-    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
-    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
-    export interface AxisTitle extends CommonAxisTitle {
-        /** Specifies the text of the axis title. */
-        text?: string;
-    }
-    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
-        /** Specifies the appearance of the labels of those constant lines that belong to the value axis. */
-        label?: ChartConstantLineLabel;
-    }
-    export interface ChartConstantLine extends ChartConstantLineStyle {
-        /** Configures the constant line label. */
-        label?: ChartConstantLineLabel;
-        /** Specifies the value indicated by a constant line. Setting this option is necessary. */
-        value?: any;
-    }
-    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
-        /** An object defining constant line label options. */
-        label?: PolarConstantLineLabel;
-        /** Specifies a value to be displayed by a constant line. */
-        value?: any;
-    }
-    export interface Axis {
-        /** Specifies a coefficient for dividing the value axis. */
-        axisDivisionFactor?: number;
-        /** Specifies the order in which discrete values are arranged on the value axis. */
-        categories?: Array<any>;
-        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
-        logarithmBase?: number;
-        /** Specifies an interval between axis ticks/grid lines. */
-        tickInterval?: any;
-        /** Specifies the interval between minor ticks. */
-        minorTickInterval?: any;
-        /** Specifies the number of minor ticks between two neighboring major ticks. */
-        minorTickCount?: number;
-        /** Specifies the required type of the value axis. */
-        type?: string;
-        /** Binds the value axis to a pane. */
-        pane?: string;
-        /** Specifies options for value axis strips. */
-        strips?: Array<Strip>;
-    }
-    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
-        /** Declares a collection of constant lines belonging to the value axis. */
-        constantLines?: Array<ChartConstantLine>;
-        /** Specifies the appearance of those constant lines that belong to the value axis. */
-        constantLineStyle?: ChartCommonConstantLineStyle;
-        /** Configures the labels of the value axis. */
-        label?: ChartAxisLabel;
-        /** Coupled with the min option, focuses the widget on a specific chart segment. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        max?: any;
-        /** Coupled with the max option, focuses the widget on a specific chart segment. Applies only to the axes of the "continuous" and "logarithmic" type. */
-        min?: any;
-        /** Relocates the value axis. */
-        position?: string;
-        /** Configures the axis title. */
-        title?: any;
-    }
-    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
-        /** Defines an array of the value axis constant lines. */
-        constantLines?: Array<PolarConstantLine>;
-        /** Specifies options for value axis labels. */
-        label?: PolarAxisLabel;
-    }
-    export interface ArgumentAxis {
-        /** Specifies the desired type of axis values. */
-        argumentType?: string;
-        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
-        hoverMode?: string;
-    }
-    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
-    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
-        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
-        startAngle?: number;
-        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
-        firstPointOnStartAngle?: boolean;
-        /** Specifies the value to be used as the origin for the argument axis. */
-        originValue?: number;
-        /** Specifies the period of the argument values in the data source. */
-        period?: number;
-    }
-    export interface ValueAxis {
-        /** Specifies the name of the value axis. */
-        name?: string;
-        /** Specifies whether or not to indicate a zero value on the value axis. */
-        showZero?: boolean;
-        /** Specifies the desired type of axis values. */
-        valueType?: string;
-    }
-    export interface ChartValueAxis extends ChartAxis, ValueAxis {
-        /** Adds a pixel-measured empty space between two side-by-side value axes. Applies if several value axes are located on one side of the chart. */
-        multipleAxesSpacing?: number;
-        /** Synchronizes two or more value axes with each other at a specific value. */
-        synchronizedValue?: number;
-    }
-    export interface PolarValueAxis extends PolarAxis, ValueAxis {
-        /** Indicates whether to display series with indents from axis boundaries. */
-        valueMarginsEnabled?: boolean;
-        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
-        maxValueMargin?: number;
-        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
-        minValueMargin?: number;
-        tick?: {
-            visible?: boolean;
-        }
-    }
-    export interface CommonPane {
-        /** Specifies the color of the pane's background. */
-        backgroundColor?: string;
-        /** Configures the pane border. */
-        border?: PaneBorder;
-    }
-    export interface Pane extends CommonPane {
-        /** Specifies the name of the pane. */
-        name?: string;
-    }
-    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
-        /** Shows/hides the bottom border of the pane. Applies only when the border | visible option is true. */
-        bottom?: boolean;
-        /** Shows/hides the left border of the pane. Applies only when the border | visible option is true. */
-        left?: boolean;
-        /** Shows/hides the right border of the pane. Applies only when the border | visible option is true. */
-        right?: boolean;
-        /** Shows/hides the top border of the pane. Applies only when the border | visible option is true. */
-        top?: boolean;
-    }
-    export interface ChartAnimation extends viz.core.Animation {
-        /** Specifies how many series points the widget should have before the animation will be disabled. */
-        maxPointCountSupported?: number;
-    }
-    export interface BaseChartTooltip extends viz.core.Tooltip {
-        /** Specifies a format for arguments of the chart's series points. */
-        argumentFormat?: any;
-        /**
-         * Specifies a precision for formatted arguments displayed in tooltips.
-         * @deprecated Use the tooltip | argumentFormat | precision option instead.
-         */
-        argumentPrecision?: number;
-        /**
-         * Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series.
-         * @deprecated Use the tooltip | format | percentPrecision option instead.
-         */
-        percentPrecision?: number;
-    }
-    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions, viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            /** Specifies the widget's width small enough for the layout to begin adapting. */
-            width?: number;
-            /** Specifies the widget's height small enough for the layout to begin adapting. */
-            height?: number;
-            /** Specifies whether or not point labels should be kept when the layout is adapting. */
-            keepLabels?: boolean;
-        };
-        /** Specifies animation options. */
-        animation?: ChartAnimation;
-        /** Customizes the appearance of an individual point label. */
-        customizeLabel?: (pointInfo: Object) => Object;
-        /** Customizes the appearance of an individual series point. */
-        customizePoint?: (pointInfo: Object) => Object;
-        /** Specifies the origin of data for the widget. */
-        dataSource?: any;
-        /** Specifies options of a dxChart's (dxPieChart's) legend. */
-        legend?: core.BaseLegend;
-        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-        palette?: any;
-        /** A handler for the done event. */
-        onDone?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the pointClick event. */
-        onPointClick?: any;
-        /** A handler for the pointHoverChanged event. */
-        onPointHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** A handler for the pointSelectionChanged event. */
-        onPointSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TPoint;
-        }) => void;
-        /** Specifies whether a single point or multiple points can be selected in the chart. */
-        pointSelectionMode?: string;
-        /** Specifies options for the dxChart and dxPieChart widget series. */
-        series?: any;
-        /** Configures tooltips. */
-        tooltip?: BaseChartTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: BasePoint;
-        }) => void;
-    }
-    /** A base class for all chart widgets included in the ChartJS library. */
-    export class BaseChart extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        /** Deselects the chart's selected series. The series is displayed in an initial style. */
-        clearSelection(): void;
-        /** Gets the current size of the widget. */
-        getSize(): { width: number; height: number };
-        /** Returns an array of all series in the chart. */
-        getAllSeries(): Array<BaseSeries>;
-        /** Gets a series within the chart's series collection by the specified name (see the name option). */
-        getSeriesByName(seriesName: string): BaseSeries;
-        /** Gets a series within the chart's series collection by its position number. */
-        getSeriesByPos(seriesIndex: number): BaseSeries;
-        /** Hides all widget tooltips. */
-        hideTooltip(): void;
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(renderOptions?: {
-            force?: boolean;
-            animate?: boolean;
-            asyncSeriesRendering?: boolean;
-        }): void;
-    }
-    export interface AdvancedLegend extends core.BaseLegend {
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
-        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
-        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-    }
-    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
-        /** A handler for the argumentAxisClick event. */
-        onArgumentAxisClick?: any;
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** An object providing options for managing data from a data source. */
-        dataPrepareSettings?: {
-            /** Specifies whether or not to validate the values from a data source. */
-            checkTypeForAllData?: boolean;
-            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-            convertToAxisDataType?: boolean;
-            /** Specifies how to sort the series points. */
-            sortingMethod?: any;
-        };
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** A handler for the seriesClick event. */
-        onSeriesClick?: any;
-        /** A handler for the seriesHoverChanged event. */
-        onSeriesHoverChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** A handler for the seriesSelectionChanged event. */
-        onSeriesSelectionChanged?: (e: {
-            component: BaseChart;
-            element: Element;
-            target: TSeries;
-        }) => void;
-        /** Specifies whether a single series or multiple series can be selected in the chart. */
-        seriesSelectionMode?: string;
-        /** Specifies how the chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
-        equalBarWidth?: boolean;
-        /** Specifies a common bar width as a percentage from 0 to 1. */
-        barWidth?: number;
-        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-        negativesAsZeroes?: boolean;
-    }
-    export interface Legend extends AdvancedLegend {
-        /** Specifies whether the legend is located outside or inside the chart's plot. */
-        position?: string;
-    }
-    export interface ChartTooltip extends BaseChartTooltip {
-        /** Specifies whether the tooltip must be located in the center of a series point or on its edge. Applies to bar-like and bubble series only. */
-        location?: string;
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
-        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
-        synchronizeMultiAxes?: boolean;
-        /** Specifies whether or not to filter the series points depending on their quantity. */
-        useAggregation?: boolean;
-        /** Specifies whether or not to adjust the value axis when zooming the widget. */
-        adjustOnZoom?: boolean;
-        /** Configures the argument axis. */
-        argumentAxis?: ChartArgumentAxis;
-        /** Defines common settings for both the argument and value axis in a chart. */
-        commonAxisSettings?: ChartCommonAxisSettings;
-        /** Defines common settings for all panes in a chart. */
-        commonPaneSettings?: CommonPane;
-        /** Specifies settings common for all series in the chart. */
-        commonSeriesSettings?: CommonSeriesSettings;
-        /** Configures the crosshair feature. */
-        crosshair?: {
-            /** Specifies the color of the crosshair lines. */
-            color?: string;
-            /** Specifies the dash style of the crosshair lines. */
-            dashStyle?: string;
-            /** Enables the crosshair. */
-            enabled?: boolean;
-            /** Specifies how transparent the crosshair lines should be. */
-            opacity?: number;
-            /** Specifies the width of the crosshair lines. */
-            width?: number;
-            /** Configures the horizontal crosshair line individually. */
-            horizontalLine?: CrosshaierWithLabel;
-            /** Configures the vertical crosshair line individually. */
-            verticalLine?: CrosshaierWithLabel;
-            /** Configures the crosshair labels. */
-            label?: {
-                /** Paints the background of the crosshair labels. */
-                backgroundColor?: string;
-                /** Makes the crosshair labels visible. Applies only if the crosshair feature is enabled. */
-                visible?: boolean;
-                /** Specifies font options for the crosshair labels. */
-                font?: viz.core.Font;
-                /** Formats the point value/argument before it will be displayed in the crosshair label. */
-                format?: any;
-                /**
-                 * Specifies a precision for formatted values.
-                 * @deprecated Use the crosshair | label | format | precision option instead.
-                 */
-                precision?: number;
-                /** Customizes the text displayed by the crosshair labels. */
-                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-            }
-        };
-        /** Specifies which pane should be used by default. */
-        defaultPane?: string;
-        /** Specifies a coefficient determining the diameter of the largest bubble. */
-        maxBubbleSize?: number;
-        /** Specifies the diameter of the smallest bubble measured in pixels. */
-        minBubbleSize?: number;
-        /** Declares a collection of panes. */
-        panes?: Array<Pane>;
-        /** Swaps the axes around making the value axis horizontal and the argument axis vertical. */
-        rotated?: boolean;
-        /** Specifies the options of a chart's legend. */
-        legend?: Legend;
-        /** A handler for the zoomStart event. */
-        onZoomStart?: (e: {
-            component: BaseChart;
-            element: Element;
-        }) => void;
-        /** A handler for the zoomEnd event. */
-        onZoomEnd?: (e: {
-            component: BaseChart;
-            element: Element;
-            rangeStart: any;
-            rangeEnd: any;
-        }) => void;
-        /** Specifies options for dxChart widget series. */
-        series?: Array<SeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: SeriesTemplate;
-        tooltip?: ChartTooltip;
-        /** Configures the value axis. */
-        valueAxis?: Array<ChartValueAxis>;
-        /** Enables scrolling in your chart. */
-        scrollingMode?: string;
-        /** Enables zooming in your chart. */
-        zoomingMode?: string;
-        /** Specifies the settings of the scroll bar. */
-        scrollBar?: {
-            /** Specifies whether the scroll bar is visible or not. */
-            visible?: boolean;
-            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
-            offset?: number;
-            /** Specifies the color of the scroll bar. */
-            color?: string;
-            /** Specifies the width of the scroll bar in pixels. */
-            width?: number;
-            /** Specifies the opacity of the scroll bar. */
-            opacity?: number;
-            /** Specifies the position of the scroll bar in the chart. */
-            position?: string;
-        };
-    }
-    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
-        /** Configures the label that belongs to the horizontal crosshair line. */
-        label?: {
-            /** Paints the background of the label that belongs to the horizontal crosshair line. */
-            backgroundColor?: string;
-            /** Makes the label of the horizontal crosshair line visible. Applies only if the crosshair feature is enabled and the horizontal line is visible. */
-            visible?: boolean;
-            /** Specifies font options for the label of the horizontal crosshair line. */
-            font?: viz.core.Font;
-            /** Formats the point value before it will be displayed in the crosshair label. */
-            format?: any;
-            /**
-             * Specifies a precision for formatted values.
-             * @deprecated Use the crosshair | horizontalLine | label | format | precision option instead.
-             */
-            precision?: number;
-            /** Customizes the text displayed by the label that belongs to the horizontal crosshair line. */
-            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
-        }
-    }
-    export interface PolarChartTooltip extends BaseChartTooltip {
-        /** Specifies the kind of information to display in a tooltip. */
-        shared?: boolean;
-    }
-    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            width?: number;
-            height?: number;
-        };
-        /** Indicates whether or not to display a "spider web". */
-        useSpiderWeb?: boolean;
-        /** Specifies argument axis options for the dxPolarChart widget. */
-        argumentAxis?: PolarArgumentAxis;
-        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
-        commonAxisSettings?: PolarCommonAxisSettings;
-        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
-        commonSeriesSettings?: CommonPolarSeriesSettings;
-        /** Specifies the options of a chart's legend. */
-        legend?: AdvancedLegend;
-        /** Specifies options for dxPolarChart widget series. */
-        series?: Array<PolarSeriesConfig>;
-        /** Defines options for the series template. */
-        seriesTemplate?: PolarSeriesTemplate;
-        tooltip?: PolarChartTooltip;
-        /** Specifies value axis options for the dxPolarChart widget. */
-        valueAxis?: PolarValueAxis;
-    }
-    export interface PieLegend extends core.BaseLegend {
-        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
-        hoverMode?: string;
-        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
-        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-        /** Specifies a callback function that returns the text to be displayed by a legend item. */
-        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
-    }
-    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
-        /** Specifies adaptive layout options. */
-        adaptiveLayout?: {
-            keepLabels?: boolean;
-        };
-        /** Specifies dxPieChart legend options. */
-        legend?: PieLegend;
-        /** Specifies options for the series of the dxPieChart widget. */
-        series?: Array<PieSeriesConfig>;
-        /** Specifies the diameter of the pie. */
-        diameter?: number;
-        /** Specifies the direction that the pie chart segments will occupy. */
-        segmentsDirection?: string;
-        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
-        startAngle?: number;
-        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
-        innerRadius?: number;
-        /** A handler for the legendClick event. */
-        onLegendClick?: any;
-        /** Specifies how a chart must behave when series point labels overlap. */
-        resolveLabelOverlapping?: string;
-        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
-        commonSeriesSettings?: CommonPieSeriesSettings;
-        /** Specifies the type of the pie chart series. */
-        type?: string;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget providing charts of various types for web applications. */
-    export class dxChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxChartOptions);
-        /** Sets the specified start and end values for the chart's argument axis. */
-        zoomArgument(startValue: any, endValue: any): void;
-    }
-    /** A circular chart widget for web applications. */
-    export class dxPieChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxPieChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxPieChartOptions);
-        /**
-         * Provides access to the dxPieChart series.
-         * @deprecated Use the getAllSeries() method instead.
-         */
-        getSeries(): DevExpress.viz.charts.PieSeries;
-    }
-    /** A chart widget displaying data in a polar coordinate system. */
-    export class dxPolarChart extends DevExpress.viz.charts.BaseChart {
-        constructor(element: JQuery, options?: DevExpress.viz.charts.dxPolarChartOptions);
-        constructor(element: Element, options?: DevExpress.viz.charts.dxPolarChartOptions);
-    }
-}
-interface JQuery {
-    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
-    dxChart(methodName: string, ...params: any[]): any;
-    dxChart(methodName: "instance"): DevExpress.viz.dxChart;
-    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
-    dxPieChart(methodName: string, ...params: any[]): any;
-    dxPieChart(methodName: "instance"): DevExpress.viz.dxPieChart;
-    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
-    dxPolarChart(methodName: string, ...params: any[]): any;
-    dxPolarChart(methodName: "instance"): DevExpress.viz.dxPolarChart;
-}
-declare module DevExpress.viz.gauges {
-    export interface BaseRangeContainer {
-        /** Specifies a range container's background color. */
-        backgroundColor?: string;
-        /** Specifies the offset of the range container from an invisible scale line in pixels. */
-        offset?: number;
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** An array of objects representing ranges contained in the range container. */
-        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
-        /** Specifies a color of a range. */
-        color?: string;
-        /** Specifies an end value of a range. */
-        endValue?: number;
-        /** Specifies a start value of a range. */
-        startValue?: number;
-    }
-    export interface ScaleTick {
-        /** Specifies the color of the scale's minor ticks. */
-        color?: string;
-        /**
-         * Specifies an array of custom minor ticks.
-         * @deprecated Use the scale | customMinorTicks option instead.
-         */
-        customTickValues?: Array<any>;
-        /** Specifies the length of the scale's minor ticks. */
-        length?: number;
-        /**
-         * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This feature is no longer available.
-         */
-        showCalculatedTicks?: boolean;
-        /**
-         * Specifies an interval between minor ticks.
-         * @deprecated Use the scale | minorTickInterval option instead.
-         */
-        tickInterval?: number;
-        /** Indicates whether scale minor ticks are visible or not. */
-        visible?: boolean;
-        /** Specifies the width of the scale's minor ticks. */
-        width?: number;
-    }
-    export interface ScaleMajorTick extends ScaleTick {
-        /**
-         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated Use the overlappingBehavior | useAutoArrangement option instead.
-         */
-        useTicksAutoArrangement?: boolean;
-    }
-    export interface ScaleMinorTick extends ScaleTick {
-        /** Specifies the opacity of the scale's minor ticks. */
-        opacity?: number;
-    }
-    export interface BaseScaleLabel {
-        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
-        useRangeColors?: boolean;
-        /** Specifies a callback function that returns the text to be displayed in scale labels. */
-        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
-        /** Specifies the overlap resolving options to be applied to scale labels. */
-        overlappingBehavior?: {
-            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
-            useAutoArrangement?: boolean;
-            /** Specifies what label to hide in case of overlapping. */
-            hideFirstOrLast?: string;
-        };
-        /** Specifies font options for the text displayed in the scale labels of the gauge. */
-        font?: viz.core.Font;
-        /** Specifies a format for the text displayed in scale labels. */
-        format?: any;
-        /**
-         * Specifies a precision for the formatted value displayed in the scale labels.
-         * @deprecated Use the scale | label | format | precision option instead.
-         */
-        precision?: number;
-        /** Specifies whether or not scale labels are visible on the gauge. */
-        visible?: boolean;
-    }
-    export interface BaseScale {
-        /** Specifies the end value for the scale of the gauge. */
-        endValue?: number;
-        /**
-         * Specifies whether or not to hide the first scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideFirstTick?: boolean;
-        /**
-         * Specifies whether or not to hide the last scale label.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastLabel?: boolean;
-        /**
-         * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This feature is no longer available.
-         */
-        hideLastTick?: boolean;
-        /** Specifies an interval between major ticks. */
-        tickInterval?: number;
-        /** Specifies an interval between minor ticks. */
-        minorTickInterval?: number;
-        /** Specifies an array of custom major ticks. */
-        customTicks?: Array<any>;
-        /** Specifies an array of custom minor ticks. */
-        customMinorTicks?: Array<any>;
-        /** Specifies common options for scale labels. */
-        label?: BaseScaleLabel;
-        /**
-         * Specifies options of the gauge's major ticks.
-         * @deprecated Use the tick option instead.
-         */
-        majorTick?: ScaleMajorTick;
-        /** Specifies options of the gauge's major ticks. */
-        tick?: {
-            /** Specifies the color of the scale's major ticks. */
-            color?: string;
-            /** Specifies the length of the scale's major ticks. */
-            length?: number;
-            /** Indicates whether scale major ticks are visible or not. */
-            visible?: boolean;
-            /** Specifies the width of the scale's major ticks. */
-            width?: number;
-            /** Specifies the opacity of the scale's major ticks. */
-            opacity?: number;
-        };
-        /** Specifies options of the gauge's minor ticks. */
-        minorTick?: ScaleMinorTick;
-        /** Specifies the start value for the scale of the gauge. */
-        startValue?: number;
-    }
-    export interface BaseValueIndicator {
-        /** Specifies the type of subvalue indicators. */
-        type?: string;
-        /** Specifies the background color for the indicator of the rangeBar type. */
-        backgroundColor?: string;
-        /** Specifies the base value for the indicator of the rangeBar type. */
-        baseValue?: number;
-        /** Specifies a color of the indicator. */
-        color?: string;
-        /** Specifies the range bar size for an indicator of the rangeBar type. */
-        size?: number;
-        text?: {
-            /** Specifies a callback function that returns the text to be displayed in an indicator. */
-            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in an indicator. */
-            format?: any;
-            /** Specifies the range bar's label indent in pixels. */
-            indent?: number;
-            /**
-             * Specifies a precision for the formatted value displayed by an indicator.
-             * @deprecated Use the text | format | precision option instead.
-             */
-            precision?: number;
-        };
-        offset?: number;
-        length?: number;
-        width?: number;
-        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
-        arrowLength?: number;
-        /** Sets the array of colors to be used for coloring subvalue indicators. */
-        palette?: any;
-        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
-        indentFromCenter?: number;
-        /** Specifies the second color for the indicator of the twoColorNeedle type. */
-        secondColor?: string;
-        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
-        secondFraction?: number;
-        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
-        spindleSize?: number;
-        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
-        spindleGapSize?: number;
-        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface SharedGaugeOptions extends viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies animation options. */
-        animation?: viz.core.Animation;
-        /**
-         * Specifies a subtitle for the widget.
-         * @deprecated Use the title | subtitle option instead.
-         */
-        subtitle?: {
-            /**
-             * Specifies font options for the subtitle.
-             * @deprecated Use the title | subtitle | font option instead.
-             */
-            font?: viz.core.Font;
-            /**
-             * Specifies a text for the subtitle.
-             * @deprecated Use the title | subtitle | text option instead.
-             */
-            text?: string;
-        };
-        /** Configures tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxBaseGauge;
-            element: Element;
-            target: {};
-        }) => void;
-    }
-    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies options of the gauge's range container. */
-        rangeContainer?: BaseRangeContainer;
-        /** Specifies a gauge's scale options. */
-        scale?: BaseScale;
-        /** Specifies the appearance options of subvalue indicators. */
-        subvalueIndicator?: BaseValueIndicator;
-        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
-        subvalues?: Array<number>;
-        /** Specifies the main value on a gauge. */
-        value?: number;
-        /** Specifies the appearance options of the value indicator. */
-        valueIndicator?: BaseValueIndicator;
-    }
-    /** A gauge widget. */
-    export class dxBaseGauge extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Returns the main gauge value. */
-        value(): number;
-        /** Updates a gauge value. */
-        value(value: number): void;
-        /** Returns an array of gauge subvalues. */
-        subvalues(): Array<number>;
-        /** Updates gauge subvalues. */
-        subvalues(subvalues: Array<number>): void;
-    }
-    export interface LinearRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
-        width?: any;
-        /** Specifies an end width of a range container. */
-        end?: number;
-        /** Specifies a start width of a range container. */
-        start?: number;
-    }
-    export interface LinearScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface LinearScale extends BaseScale {
-        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
-        horizontalOrientation?: string;
-        label?: LinearScaleLabel;
-        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
-        verticalOrientation?: string;
-    }
-    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
-        geometry?: {
-            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
-            orientation?: string;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: LinearRangeContainer;
-        scale?: LinearScale;
-    }
-    export interface CircularRangeContainer extends BaseRangeContainer {
-        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
-        orientation?: string;
-        /** Specifies the range container's width in pixels. */
-        width?: number;
-    }
-    export interface CircularScaleLabel extends BaseScaleLabel {
-        /** Specifies the spacing between scale labels and ticks. */
-        indentFromTick?: number;
-    }
-    export interface CircularScale extends BaseScale {
-        label?: CircularScaleLabel;
-        /** Specifies the orientation of scale ticks. */
-        orientation?: string;
-    }
-    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
-        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
-        geometry?: {
-            /** Specifies the end angle of the circular gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the circular gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies gauge range container options. */
-        rangeContainer?: CircularRangeContainer;
-        scale?: CircularScale;
-    }
-    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
-        /** Specifies a color for the remaining segment of the bar's track. */
-        backgroundColor?: string;
-        /** Specifies a distance between bars in pixels. */
-        barSpacing?: number;
-        /** Specifies a base value for bars. */
-        baseValue?: number;
-        /** Specifies an end value for the gauge's invisible scale. */
-        endValue?: number;
-        /** Defines the shape of the gauge's arc. */
-        geometry?: {
-            /** Specifies the end angle of the bar gauge's arc. */
-            endAngle?: number;
-            /** Specifies the start angle of the bar gauge's arc. */
-            startAngle?: number;
-        };
-        /** Specifies the options of the labels that accompany gauge bars. */
-        label?: {
-            /** Specifies a color for the label connector text. */
-            connectorColor?: string;
-            /** Specifies the width of the label connector in pixels. */
-            connectorWidth?: number;
-            /** Specifies a callback function that returns a text for labels. */
-            customizeText?: (barValue: { value: number; valueText: string }) => string;
-            /** Specifies font options for bar labels. */
-            font?: viz.core.Font;
-            /** Specifies a format for bar labels. */
-            format?: any;
-            /** Specifies the distance between the upper bar and bar labels in pixels. */
-            indent?: number;
-            /**
-             * Specifies a precision for the formatted value displayed by labels.
-             * @deprecated Use the label | format | precision option instead.
-             */
-            precision?: number;
-            /** Specifies whether bar labels appear on a gauge or not. */
-            visible?: boolean;
-        };
-        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: any;
-        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
-        relativeInnerRadius?: number;
-        /** Specifies a start value for the gauge's invisible scale. */
-        startValue?: number;
-        /** Specifies the array of values to be indicated on a bar gauge. */
-        values?: Array<number>;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget that represents a gauge with a linear scale. */
-    export class dxLinearGauge extends DevExpress.viz.gauges.dxBaseGauge {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxLinearGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxLinearGaugeOptions);
-    }
-    /** A widget that represents a gauge with a circular scale. */
-    export class dxCircularGauge extends DevExpress.viz.gauges.dxBaseGauge {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxCircularGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxCircularGaugeOptions);
-    }
-    /** A circular bar widget. */
-    export class dxBarGauge extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.gauges.dxBarGaugeOptions);
-        constructor(element: Element, options?: DevExpress.viz.gauges.dxBarGaugeOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Returns an array of gauge values. */
-        values(): Array<number>;
-        /** Updates the values displayed by a gauge. */
-        values(values: Array<number>): void;
-    }
-}
-interface JQuery {
-    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
-    dxLinearGauge(methodName: string, ...params: any[]): any;
-    dxLinearGauge(methodName: "instance"): DevExpress.viz.dxLinearGauge;
-    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
-    dxCircularGauge(methodName: string, ...params: any[]): any;
-    dxCircularGauge(methodName: "instance"): DevExpress.viz.dxCircularGauge;
-    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
-    dxBarGauge(methodName: string, ...params: any[]): any;
-    dxBarGauge(methodName: "instance"): DevExpress.viz.dxBarGauge;
-}
-declare module DevExpress.viz.rangeSelector {
-    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions, viz.core.MarginOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies the options for the range selector's background. */
-        background?: {
-            /** Specifies the background color for the dxRangeSelector. */
-            color?: string;
-            /** Specifies image options. */
-            image?: {
-                /** Specifies a location for the image in the background of a range selector. */
-                location?: string;
-                /** Specifies the image's URL. */
-                url?: string;
-            };
-            /** Indicates whether or not the background (background color and/or image) is visible. */
-            visible?: boolean;
-        };
-        /** Specifies the dxRangeSelector's behavior options. */
-        behavior?: {
-            /** Indicates whether or not you can swap sliders. */
-            allowSlidersSwap?: boolean;
-            /** Indicates whether or not animation is enabled. */
-            animationEnabled?: boolean;
-            /** Specifies when to call the onSelectedRangeChanged function. */
-            callSelectedRangeChanged?: string;
-            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
-            manualRangeSelectionEnabled?: boolean;
-            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
-            moveSelectedRangeByClick?: boolean;
-            /** Indicates whether to snap a slider to ticks. */
-            snapToTicks?: boolean;
-        };
-        /** Specifies the options required to display a chart as the range selector's background. */
-        chart?: {
-            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
-            bottomIndent?: number;
-            /** An object defining the common configuration options for the chart’s series. */
-            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
-            /** An object providing options for managing data from a data source. */
-            dataPrepareSettings?: {
-                /** Specifies whether or not to validate values from a data source. */
-                checkTypeForAllData?: boolean;
-                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
-                convertToAxisDataType?: boolean;
-                /** Specifies how to sort series points. */
-                sortingMethod?: any;
-            };
-            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
-            equalBarWidth?: boolean;
-            /** Specifies a common bar width as a percentage from 0 to 1. */
-            barWidth?: number;
-            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
-            negativesAsZeroes?: boolean;
-            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
-            palette?: any;
-            /** An object defining the chart’s series. */
-            series?: Array<viz.charts.SeriesConfig>;
-            /** Defines options for the series template. */
-            seriesTemplate?: viz.charts.SeriesTemplate;
-            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
-            topIndent?: number;
-            /** Specifies whether or not to filter the series points depending on their quantity. */
-            useAggregation?: boolean;
-            /** Specifies options for the chart's value axis. */
-            valueAxis?: {
-                /** Indicates whether or not the chart's value axis must be inverted. */
-                inverted?: boolean;
-                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
-                logarithmBase?: number;
-                /** Specifies the maximum value of the chart's value axis. */
-                max?: number;
-                /** Specifies the minimum value of the chart's value axis. */
-                min?: number;
-                /** Specifies the type of the value axis. */
-                type?: string;
-                /** Specifies the desired type of axis values. */
-                valueType?: string;
-            };
-        };
-        /** Specifies the color of the parent page element. */
-        containerBackgroundColor?: string;
-        /** Specifies a data source for the scale values and for the chart at the background. */
-        dataSource?: any;
-        /** Specifies the data source field that provides data for the scale. */
-        dataSourceField?: string;
-        /** Specifies options of the range selector's scale. */
-        scale?: {
-            /** Specifies the scale's end value. */
-            endValue?: any;
-            /** Specifies common options for scale labels. */
-            label?: {
-                /** Specifies a callback function that returns the text to be displayed in scale labels. */
-                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
-                /** Specifies font options for the text displayed in the range selector's scale labels. */
-                font?: viz.core.Font;
-                /** Specifies a format for the text displayed in scale labels. */
-                format?: any;
-                /**
-                 * Specifies a precision for the formatted value displayed in the scale labels.
-                 * @deprecated Use the scale | label | format | precision option instead.
-                 */
-                precision?: number;
-                /** Specifies a spacing between scale labels and the background bottom edge. */
-                topIndent?: number;
-                /** Specifies whether or not the scale's labels are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
-            logarithmBase?: number;
-            /**
-             * Specifies an interval between major ticks.
-             * @deprecated Use the tickInterval option instead.
-             */
-            majorTickInterval?: any;
-            /** Specifies an interval between axis ticks. */
-            tickInterval?: any;
-            /** Specifies options for the date-time scale's markers. */
-            marker?: {
-                /** Defines the options that can be set for the text that is displayed by the scale markers. */
-                label?: {
-                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
-                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
-                    /** Specifies a format for the text displayed in scale markers. */
-                    format?: any;
-                };
-                /** Specifies the height of the marker's separator. */
-                separatorHeight?: number;
-                /** Specifies the space between the marker label and the marker separator. */
-                textLeftIndent?: number;
-                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
-                textTopIndent?: number;
-                /** Specified the indent between the marker and the scale lables. */
-                topIndent?: number;
-                /** Indicates whether scale markers are visible. */
-                visible?: boolean;
-            };
-            /** Specifies the maximum range that can be selected. */
-            maxRange?: any;
-            /** Specifies the number of minor ticks between neighboring major ticks. */
-            minorTickCount?: number;
-            /** Specifies an interval between minor ticks. */
-            minorTickInterval?: any;
-            /** Specifies the minimum range that can be selected. */
-            minRange?: any;
-            /** Specifies the height of the space reserved for the scale in pixels. */
-            placeholderHeight?: number;
-            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
-            setTicksAtUnitBeginning?: boolean;
-            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
-            showCustomBoundaryTicks?: boolean;
-            /**
-             * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated Use the minorTick | visible option instead.
-             */
-            showMinorTicks?: boolean;
-            /** Specifies the scale's start value. */
-            startValue?: any;
-            /** Specifies options defining the appearance of scale ticks. */
-            tick?: {
-                /** Specifies the color of scale ticks (both major and minor ticks). */
-                color?: string;
-                /** Specifies the opacity of scale ticks (both major and minor ticks). */
-                opacity?: number;
-                /** Specifies the width of the scale's ticks (both major and minor ticks). */
-                width?: number;
-            };
-            /** Specifies options of the range selector's minor ticks. */
-            minorTick?: {
-                /** Specifies the color of the scale's minor ticks. */
-                color?: string;
-                /** Specifies the opacity of the scale's minor ticks. */
-                opacity?: number;
-                /** Specifies the width of the scale's minor ticks. */
-                width?: number;
-                /** Indicates whether scale minor ticks are visible or not. */
-                visible?: boolean;
-            };
-            /** Specifies the type of the scale. */
-            type?: string;
-            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
-            useTicksAutoArrangement?: boolean;
-            /** Specifies the type of values on the scale. */
-            valueType?: string;
-			/** Specifies the order of arguments on a discrete scale. */
-			categories?: Array<any>;
-        };
-        /** Specifies the range to be selected when displaying the dxRangeSelector. */
-        selectedRange?: {
-            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            startValue?: any;
-            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
-            endValue?: any;
-        };
-        /** Specifies the color of the selected range. */
-        selectedRangeColor?: string;
-        /** Range selector's indent options. */
-        indent?: {
-            /** Specifies range selector's left indent. */
-            left?: number;
-            /** Specifies range selector's right indent. */
-            right?: number;
-        };
-        /** A handler for the selectedRangeChanged event. */
-        onSelectedRangeChanged?: (e: {
-            startValue: any;
-            endValue: any;
-            component: dxRangeSelector;
-            element: Element;
-        }) => void;
-        /** Specifies range selector shutter options. */
-        shutter?: {
-            /** Specifies shutter color. */
-            color?: string;
-            /** Specifies the opacity of the color of shutters. */
-            opacity?: number;
-        };
-        /** Specifies the appearance of the range selector's slider handles. */
-        sliderHandle?: {
-            /** Specifies the color of the slider handles. */
-            color?: string;
-            /** Specifies the opacity of the slider handles. */
-            opacity?: number;
-            /** Specifies the width of the slider handles. */
-            width?: number;
-        };
-        /** Defines the options of the range selector slider markers. */
-        sliderMarker?: {
-            /** Specifies the color of the slider markers. */
-            color?: string;
-            /** Specifies a callback function that returns the text to be displayed by slider markers. */
-            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
-            /** Specifies font options for the text displayed by the range selector slider markers. */
-            font?: viz.core.Font;
-            /** Specifies a format for the text displayed in slider markers. */
-            format?: any;
-            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
-            invalidRangeColor?: string;
-            /**
-             * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the paddingTopBottom and paddingLeftRight options instead.
-             */
-            padding?: number;
-            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
-            paddingTopBottom?: number;
-            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
-            paddingLeftRight?: number;
-            /** Specifies the placeholder height of the slider marker. */
-            placeholderHeight?: number;
-            /**
-             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the placeholderHeight and indent options instead.
-             */
-            placeholderSize?: {
-                /** Specifies the height of the placeholder for the left and right slider markers. */
-                height?: number;
-                /** Specifies the width of the placeholder for the left and right slider markers. */
-                width?: {
-                    /** Specifies the width of the left slider marker's placeholder. */
-                    left?: number;
-                    /** Specifies the width of the right slider marker's placeholder. */
-                    right?: number;
-                };
-            };
-            /**
-             * Specifies a precision for the formatted value displayed in slider markers.
-             * @deprecated Use the sliderMarker | format | precision option instead.
-             */
-            precision?: number;
-            /** Indicates whether or not the slider markers are visible. */
-            visible?: boolean;
-        };
-    }
-}
-declare module DevExpress.viz {
-    /** A widget that allows end users to select a range of values on a scale. */
-    export class dxRangeSelector extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions);
-        constructor(element: Element, options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Redraws a widget. */
-        render(skipChartAnimation?: boolean): void;
-        /** Returns the currently selected range. */
-        getSelectedRange(): { startValue: any; endValue: any; };
-        /** Sets a specified range. */
-        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
-    }
-}
-interface JQuery {
-    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
-    dxRangeSelector(methodName: string, ...params: any[]): any;
-    dxRangeSelector(methodName: "instance"): DevExpress.viz.dxRangeSelector;
-}
-declare module DevExpress.viz.map {
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
-    export interface MapLayer {
-        /** The name of the layer. */
-        name: string;
-        /** The layer index in the layers array. */
-        index: number;
-        /** The layer type. Can be "area", "line" or "marker". */
-        type: string;
-        /** The type of the layer elements. */
-        elementType: string;
-        /** Gets all layer elements. */
-        getElements(): Array<MapLayerElement>;
-        /** Deselects all layer elements. */
-        clearSelection(): void;
-    }
-    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
-    export interface MapLayerElement {
-        /** The parent layer of the layer element. */
-        layer: MapLayer;
-        /** Gets the layer element coordinates. */
-        coordinates(): Object;
-        /** Sets the value of an attribute. */
-        attribute(name: string, value: any): void;
-        /** Gets the value of an attribute. */
-        attribute(name: string): any;
-        /** Gets the selection state of the layer element. */
-        selected(): boolean;
-        /** Sets the selection state of the layer element. */
-        selected(state: boolean): void;
-        /** Applies the layer element settings and updates element appearance. */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Area {
-        /**
-         * Contains the element type.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Return the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Provides information about the selection state of an area.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for an area.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    /**
-     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the Layer Element instead.
-     */
-    export interface Marker {
-        /**
-         * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text using the Layer Element | attribute(name) method. The name parameter value for text is set at the dataField option.
-         */
-        text: string;
-        /**
-         * Contains the type of the element.
-         * @deprecated Use the Layer | type instead.
-         */
-        type: string;
-        /**
-         * Contains the URL of an image map marker.
-         * @deprecated Get the image URL using the Layer Element | attribute(name) method. The name parameter value for the image URL is set at the dataField option.
-         */
-        url: string;
-        /**
-         * Contains the value of a bubble map marker.
-         * @deprecated Get the bubble value using the Layer Element | attribute(name) method. The name parameter for the bubble value is set at the dataField option.
-         */
-        value: number;
-        /**
-         * Contains the values of a pie map marker.
-         * @deprecated Get the pie values using the Layer Element | attribute(name) method. The name parameter for pie values is set at the dataField option.
-         */
-        values: Array<number>;
-        /**
-         * Returns the value of an attribute.
-         * @deprecated Use the Layer Element | attribute(name, value) method instead.
-         */
-        attribute(name: string): any;
-        /**
-         * Returns the coordinates of a specific marker.
-         * @deprecated Use the Layer Element | coordinates() method instead.
-         */
-        coordinates(): Array<number>;
-        /**
-         * Provides information about the selection state of a marker.
-         * @deprecated Use the Layer Element | selected() method instead.
-         */
-        selected(): boolean;
-        /**
-         * Sets a new selection state for a marker.
-         * @deprecated Use the Layer Element | selected(state) method instead.
-         */
-        selected(state: boolean): void;
-        /**
-         * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated Use the Layer Element | applySettings(settings) method instead.
-         */
-        applySettings(settings: any): void;
-    }
-    export interface MapLayerSettings {
-        /** Specifies the layer name. */
-        name?: string;
-        /** Specifies layer type. */
-        type?: string;
-        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
-        elementType?: string;
-        /** Specifies a data source for the layer. */
-        dataSource?: any;
-        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
-        borderWidth?: number;
-        /** Specifies a color for the border of the layer elements. */
-        borderColor?: string;
-        /** Specifies a color for layer elements. */
-        color?: string;
-        /** Specifies a color for the border of the layer element when it is hovered over. */
-        hoveredBorderColor?: string;
-        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
-        hoveredBorderWidth?: number;
-        /** Specifies a color for a layer element when it is hovered over. */
-        hoveredColor?: string;
-        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
-        selectedBorderWidth?: number;
-        /** Specifies a color for the border of the layer element when it is selected. */
-        selectedBorderColor?: string;
-        /** Specifies a color for the layer element when it is selected. */
-        selectedColor?: string;
-        /** Specifies the layer opacity (from 0 to 1). */
-        opacity?: number;
-        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
-        size?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
-        minSize?: number;
-        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
-        maxSize?: number;
-        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
-        hoverEnabled?: boolean;
-        /** Specifies whether single or multiple map elements can be selected on a vector map. */
-        selectionMode?: string;
-        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
-        palette?: any;
-        /** Specifies the number of colors in a palette. */
-        paletteSize?: number;
-        /** Allows you to paint layer elements with similar attributes in the same color. */
-        colorGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for coloring of layer elements. */
-        colorGroupingField?: string;
-        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroups?: Array<number>;
-        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
-        sizeGroupingField?: string;
-        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
-        dataField?: string;
-        /** Specifies the function that customizes each layer element individually. */
-        customize?: (eleemnts: Array<MapLayerElement>) => void;
-        /** Specifies marker label options. */
-        label?: {
-            /** The name of the data source attribute containing marker texts. */
-            dataField?: string;
-            /** Enables marker labels. */
-            enabled?: boolean;
-            /** Specifies font options for marker labels. */
-            font?: viz.core.Font;
-        };
-    }
-    export interface AreaSettings {
-        /**
-         * Specifies the width of the area border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for the area border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies a color for an area.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each area individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (areaInfo: Area) => AreaSettings;
-        /**
-         * Specifies a color for the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for an area when this area is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Configures area labels.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Specifies the data field that provides data for area labels.
-             * @deprecated Use the layers | label | dataField option instead.
-             */
-            dataField?: string;
-            /**
-             * Enables area labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for area labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Specifies the number of colors in a palette.
-         * @deprecated Use the layers | paletteSize option instead.
-         */
-        paletteSize?: number;
-        /**
-         * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Specifies a color for the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for an area when this area is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-    }
-    export interface MarkerSettings {
-        /**
-         * Specifies a color for the marker border.
-         * @deprecated Use the layers | borderColor option instead.
-         */
-        borderColor?: string;
-        /**
-         * Specifies the width of the marker border in pixels.
-         * @deprecated Use the layers | borderWidth option instead.
-         */
-        borderWidth?: number;
-        /**
-         * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated Use the layers | color option instead.
-         */
-        color?: string;
-        /**
-         * Specifies the function that customizes each marker individually.
-         * @deprecated Use the layers | customize option instead.
-         */
-        customize?: (markerInfo: Marker) => MarkerSettings;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderWidth option instead.
-         */
-        hoveredBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated Use the layers | hoveredBorderColor option instead.
-         */
-        hoveredBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated Use the layers | hoveredColor option instead.
-         */
-        hoveredColor?: string;
-        /**
-         * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated Use the layers | hoverEnabled option instead.
-         */
-        hoverEnabled?: boolean;
-        /**
-         * Specifies marker label options.
-         * @deprecated Use the layers | label option instead.
-         */
-        label?: {
-            /**
-             * Enables marker labels.
-             * @deprecated Use the layers | label | enabled option instead.
-             */
-            enabled?: boolean;
-            /**
-             * Specifies font options for marker labels.
-             * @deprecated Use the layers | label | font option instead.
-             */
-            font?: viz.core.Font;
-        };
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | maxSize option instead.
-         */
-        maxSize?: number;
-        /**
-         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | minSize option instead.
-         */
-        minSize?: number;
-        /**
-         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated Use the layers | opacity option instead.
-         */
-        opacity?: number;
-        /**
-         * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderWidth option instead.
-         */
-        selectedBorderWidth?: number;
-        /**
-         * Specifies a color for the marker border when the marker is selected.
-         * @deprecated Use the layers | selectedBorderColor option instead.
-         */
-        selectedBorderColor?: string;
-        /**
-         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated Use the layers | selectedColor option instead.
-         */
-        selectedColor?: string;
-        /**
-         * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated Use the layers | selectionMode option instead.
-         */
-        selectionMode?: string;
-        /**
-         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated Use the layers | size option instead.
-         */
-        size?: number;
-        /**
-         * Specifies the type of markers to be used on the map.
-         * @deprecated Use the layers | elementType option instead.
-         */
-        type?: string;
-        /**
-         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated Use the layers | palette option instead.
-         */
-        palette?: any;
-        /**
-         * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated Use the layers | colorGroups option instead.
-         */
-        colorGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated Use the layers | colorGroupingField option instead.
-         */
-        colorGroupingField?: string;
-        /**
-         * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated Use the layers | sizeGroups option instead.
-         */
-        sizeGroups?: Array<number>;
-        /**
-         * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated Use the layers | sizeGroupingField option instead.
-         */
-        sizeGroupingField?: string;
-    }
-    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /**
-         * An object specifying options for the map areas.
-         * @deprecated Use the "area" type element of the layers array.
-         */
-        areaSettings?: AreaSettings;
-        /** Specifies the options for the map background. */
-        background?: {
-            /** Specifies a color for the background border. */
-            borderColor?: string;
-            /** Specifies a color for the background. */
-            color?: string;
-        };
-        /** Specifies options for dxVectorMap widget layers. */
-        layers?: Array<MapLayerSettings>;
-        /** Specifies the map projection. */
-        projection?: Object;
-        /** Specifies the positioning of a map in geographical coordinates. */
-        bounds?: Array<number>;
-        /** Specifies the options of the control bar. */
-        controlBar?: {
-            /** Specifies a color for the outline of the control bar elements. */
-            borderColor?: string;
-            /** Specifies a color for the inner area of the control bar elements. */
-            color?: string;
-            /** Specifies whether or not to display the control bar. */
-            enabled?: boolean;
-            /** Specifies the margin of the control bar in pixels. */
-            margin?: number;
-            /** Specifies the position of the control bar. */
-            horizontalAlignment?: string;
-            /** Specifies the position of the control bar. */
-            verticalAlignment?: string;
-            /** Specifies the opacity of the control bar. */
-            opacity?: number;
-        };
-        /**
-         * Specifies a data source for the map area.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        mapData?: any;
-        /**
-         * Specifies a data source for the map markers.
-         * @deprecated Use the layers | dataSource option instead.
-         */
-        markers?: any;
-        /**
-         * An object specifying options for the map markers.
-         * @deprecated Use the "marker" type element of the layers array.
-         */
-        markerSettings?: MarkerSettings;
-        /** Configures tooltips. */
-        tooltip?: viz.core.Tooltip;
-        /** Configures map legends. */
-        legends?: Array<Legend>;
-        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
-        wheelEnabled?: boolean;
-        /** Specifies whether the map should respond to touch gestures. */
-        touchEnabled?: boolean;
-        /** Disables the zooming capability. */
-        zoomingEnabled?: boolean;
-        /** Specifies the geographical coordinates of the center for a map. */
-        center?: Array<number>;
-        /** A handler for the centerChanged event. */
-        onCenterChanged?: (e: {
-			center: Array<number>;
-			component: dxVectorMap;
-			element: Element;
-        }) => void;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: {};
-        }) => void;
-        /** Specifies a number that is used to zoom a map initially. */
-        zoomFactor?: number;
-        /** Specifies a map's maximum zoom factor. */
-        maxZoomFactor?: number;
-        /** A handler for the zoomFactorChanged event. */
-        onZoomFactorChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            zoomFactor: number;
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxVectorMap;
-            element: Element;
-            target: MapLayerElement;
-        }) => void;
-        /**
-         * A handler for the areaClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onAreaClick?: any;
-        /**
-         * A handler for the areaSelectionChanged event.
-         * @deprecated Use the onSelectionChanged option instead.
-         */
-        onAreaSelectionChanged?: (e: {
-            target: Area;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /**
-         * A handler for the markerClick event.
-         * @deprecated Use the onClick option instead.
-         */
-        onMarkerClick?: any;
-        /**
-         * A handler for the markerSelectionChanged event.
-         * @deprecated Use the onSelecitonChanged option instead.
-         */
-        onMarkerSelectionChanged?: (e: {
-            target: Marker;
-            component: dxVectorMap;
-            element: Element;
-        }) => void;
-        /** Disables the panning capability. */
-        panningEnabled?: boolean;
-    }
-    export interface Legend extends viz.core.BaseLegend {
-        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
-        markerColor?: string;
-        /** Specifies the shape of item markers. */
-        markerShape?: string;
-        /** Specifies text for legend items. */
-        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
-        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
-        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
-        /** Specifies the source of data for the legend. */
-        source?: {
-            /** Specifies a layer to which the legend belongs. */
-            layer?: string;
-            /** Specifies the type of the legend grouping. */
-            grouping?: string;
-        }
-    }
-    export var projection: ProjectionCreator;
-    export interface ProjectionCreator {
-        /** Creates a new projection. */
-        (data: {
-            to?: (coordinates: Array<number>) => Array<number>;
-            from?: (coordinates: Array<number>) => Array<number>;
-            aspectRatio?: number;
-        }): Object;
-        /** Gets the default or custom projection from the projection storage. */
-        get(name: string): Object;
-        /** Adds a new projection to the internal projections storage. */
-        add(name: string, projection: Object): void;
-    }
-}
-declare module DevExpress.viz{
-    /** A vector map widget. */
-    export class dxVectorMap extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.map.dxVectorMapOptions);
-        constructor(element: Element, options?: DevExpress.viz.map.dxVectorMapOptions);
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-        /** Gets the current coordinates of the map center. */
-        center(): Array<number>;
-        /** Sets the coordinates of the map center. */
-        center(centerCoordinates: Array<number>): void;
-        /**
-         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearAreaSelection(): void;
-        /**
-         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the layer's clearSelection() method instead.
-         */
-        clearMarkerSelection(): void;
-        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
-        clearSelection(): void;
-        /** Converts client area coordinates into map coordinates. */
-        convertCoordinates(x: number, y: number): Array<number>;
-        /** Gets all map layers. */
-        getLayers(): Array<DevExpress.viz.map.MapLayer>;
-        /** Gets the layer by its index. */
-        getLayerByIndex(index: number): DevExpress.viz.map.MapLayer;
-        /** Gets the layer by its name. */
-        getLayerByName(name: string): DevExpress.viz.map.MapLayer;
-        /**
-         * Returns an array with all the map areas.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getAreas(): Array<DevExpress.viz.map.Area>;
-        /**
-         * Returns an array with all the map markers.
-         * @deprecated Use the layer's getElements() method instead.
-         */
-        getMarkers(): Array<DevExpress.viz.map.Marker>;
-        /** Gets the current coordinates of the map viewport. */
-        viewport(): Array<any>;
-        /** Sets the coordinates of the map viewport. */
-        viewport(viewportCoordinates: Array<number>): void;
-        /** Gets the current value of the map zoom factor. */
-        zoomFactor(): number;
-        /** Sets the value of the map zoom factor. */
-        zoomFactor(zoomFactor: number): void;
-    }
-}
-interface JQuery {
-    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
-    dxVectorMap(methodName: string, ...params: any[]): any;
-    dxVectorMap(methodName: "instance"): DevExpress.viz.dxVectorMap;
-}
-declare module DevExpress.viz.sparklines {
-    export interface SparklineTooltip extends viz.core.Tooltip {
-        /**
-         * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        horizontalAlignment?: string;
-        /**
-         * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
-         */
-        verticalAlignment?: string;
-    }
-    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions, viz.core.MarginOptions {
-        /** Configures the tooltip. */
-        tooltip?: SparklineTooltip;
-        /** A handler for the tooltipShown event. */
-        onTooltipShown?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-        /** A handler for the tooltipHidden event. */
-        onTooltipHidden?: (e: {
-            component: BaseSparkline;
-            element: Element;
-        }) => void;
-    }
-    /** Overridden by descriptions for particular widgets. */
-    export class BaseSparkline extends viz.core.BaseWidget {
-    }
-    export interface dxBulletOptions extends BaseSparklineOptions {
-        /** Specifies a color for the bullet bar. */
-        color?: string;
-        /** Specifies an end value for the invisible scale. */
-        endScaleValue?: number;
-        /** Specifies whether or not to show the target line. */
-        showTarget?: boolean;
-        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
-        showZeroLevel?: boolean;
-        /** Specifies a start value for the invisible scale. */
-        startScaleValue?: number;
-        /** Specifies the value indicated by the target line. */
-        target?: number;
-        /** Specifies a color for both the target and zero level lines. */
-        targetColor?: string;
-        /** Specifies the width of the target line. */
-        targetWidth?: number;
-        /** Specifies the primary value indicated by the bullet bar. */
-        value?: number;
-    }
-    export interface dxSparklineOptions extends BaseSparklineOptions {
-        /** Specifies the data source field that provides arguments for a sparkline. */
-        argumentField?: string;
-        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
-        barNegativeColor?: string;
-        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
-        barPositiveColor?: string;
-        /** Specifies a data source for the sparkline. */
-        dataSource?: any;
-        /** Sets a color for the boundary of both the first and last points on a sparkline. */
-        firstLastColor?: string;
-        /** Specifies whether a sparkline ignores null data points or not. */
-        ignoreEmptyPoints?: boolean;
-        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineColor?: string;
-        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
-        lineWidth?: number;
-        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
-        lossColor?: string;
-        /** Sets a color for the boundary of the maximum point on a sparkline. */
-        maxColor?: string;
-        /** Sets a color for the boundary of the minimum point on a sparkline. */
-        minColor?: string;
-        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointColor?: string;
-        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
-        pointSize?: number;
-        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
-        pointSymbol?: string;
-        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
-        showFirstLast?: boolean;
-        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
-        showMinMax?: boolean;
-        /** Determines the type of a sparkline. */
-        type?: string;
-        /** Specifies the data source field that provides values for a sparkline. */
-        valueField?: string;
-        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
-        winColor?: string;
-        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
-        winlossThreshold?: number;
-        /** Specifies the minimum value of the sparkline value axis. */
-        minValue?: number;
-        /** Specifies the maximum value of the sparkline's value axis. */
-        maxValue?: number;
-    }
-}
-declare module DevExpress.viz {
-    /** A bullet graph widget. */
-    export class dxBullet extends DevExpress.viz.sparklines.BaseSparkline {
-        constructor(element: JQuery, options?: DevExpress.viz.sparklines.dxBulletOptions);
-        constructor(element: Element, options?: DevExpress.viz.sparklines.dxBulletOptions);
-    }
-    /** A sparkline widget. */
-    export class dxSparkline extends DevExpress.viz.sparklines.BaseSparkline {
-        constructor(element: JQuery, options?: DevExpress.viz.sparklines.dxSparklineOptions);
-        constructor(element: Element, options?: DevExpress.viz.sparklines.dxSparklineOptions);
-    }
-}
-interface JQuery {
-    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
-    dxBullet(methodName: string, ...params: any[]): any;
-    dxBullet(methodName: "instance"): DevExpress.viz.dxBullet;
-    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
-    dxSparkline(methodName: string, ...params: any[]): any;
-    dxSparkline(methodName: "instance"): DevExpress.viz.dxSparkline;
-}
-declare module DevExpress.viz.treeMap {
-    export interface dxTreeMapOptions extends viz.core.BaseWidgetOptions, viz.core.RedrawOnResizeOptions, viz.core.TitleOptions, viz.core.LoadingIndicatorOptions, viz.core.ExportOptions {
-        /** Specifies the origin of data for the widget. */
-        dataSource?: any;
-        /** Specifies the name of the data source field that provides nested items for a group. Applies to hierarchical data sources only. */
-        childrenField?: string;
-        /** Specifies the name of the data source field that provides values for tiles. */
-        valueField?: string;
-        /** Specifies the name of the data source field that provides colors for tiles. */
-        colorField?: string;
-        /** Specifies the name of the data source field that provides texts for tile and group labels. */
-        labelField?: string;
-        /** Specifies the name of the data source field that provides IDs for items. Applies to flat data sources only. */
-        idField?: string;
-        /** Specifies the name of the data source field that provides parent IDs for items. Applies to flat data sources only. */
-        parentField?: string;
-        /** Specifies the layout algorithm. */
-        layoutAlgorithm?: any;
-        /** Specifies the direction in which the items will be laid out. */
-        layoutDirection?: string;
-        /** Configures tiles. */
-        tile?: {
-            /** Configures the tile borders. */
-            border?: {
-                /** Specifies the width of the tile borders in pixels. */
-                width?: number;
-                /** Colors the tile borders. */
-                color?: string;
-            };
-            /** Specifies a single color for all tiles. */
-            color?: string;
-            /** Specifies the appearance of tiles in the hover state. */
-            hoverStyle?: {
-                /** Configures the appearance of the tile borders in the hover state. */
-                border?: {
-                    /** Specifies the width of the tile borders in pixels. Applies to a tile in the hover state. */
-                    width?: number;
-                    /** Colors the tile borders in the hover state. */
-                    color?: string;
-                };
-                /** Colors tiles in the hover state. */
-                color?: string;
-            };
-            /** Specifies the appearance of tiles in the selected state. */
-            selectionStyle?: {
-                /** Configures the appearance of the tile borders in the selected state. */
-                border?: {
-                    /** Specifies the width of the tile borders in pixels. Applies to a tile in the selected state. */
-                    width?: number;
-                    /** Colors the tile borders in the selected state. */
-                    color?: string;
-                };
-                /** Colors tiles in the selected state. */
-                color?: string;
-            };
-            /** Configures the tile labels. */
-            label?: {
-                /** Changes the visibility of the tile labels. */
-                visible?: boolean;
-                /** Specifies the font settings of the tile labels. */
-                font?: viz.core.Font;
-            };
-        };
-        /** Configures groups. */
-        group?: {
-            /** Specifies the height of the group headers in pixels. */
-            headerHeight?: number;
-            /** Configures the group borders. */
-            border?: {
-                /** Specifies the width of the group borders in pixels. */
-                width?: number;
-                /** Colors the group borders. */
-                color?: string;
-            };
-            /** Colors the group headers. */
-            color?: string;
-            /** Specifies the appearance of groups in the hover state. */
-            hoverStyle?: {
-                /** Configures the appearance of the group borders in the hover state. */
-                border?: {
-                    /** Specifies the width of the group borders in pixels. Applies to a group in the hover state. */
-                    width?: number;
-                    /** Colors the group borders in the hover state. */
-                    color?: string;
-                };
-                /** Colors the group headers in the hover state. */
-                color?: string;
-            };
-            /** Specifies the appearance of groups in the selected state. */
-            selectionStyle?: {
-                /** Configures the appearance of the group borders in the selected state. */
-                border?: {
-                    /** Specifies the width of the group borders in pixels. Applies to a group in the selected state. */
-                    width?: number;
-                    /** Colors the group borders in the selected state. */
-                    color?: string;
-                };
-                /** Colors the group headers in the selected state. */
-                color?: string;
-            };
-            /** Configures the group labels. */
-            label?: {
-                /** Changes the visibility of the group labels. */
-                visible?: boolean;
-                /** Specifies the font settings of the group labels. */
-                font?: viz.core.Font;
-            };
-        };
-        /** Manages the color settings. */
-        colorizer?: {
-            /** Specifies the colorizing algorithm. */
-            type?: string;
-            /** Sets the palette to be used for colorizing tiles. */
-            palette?: any;
-            /** Specifies whether or not all tiles in a group must be colored uniformly. Applies only if the type option is "discrete". */
-            colorizeGroups?: boolean;
-            /** Allows you to paint tiles with similar values uniformly. Applies only if the type option is "gradient" or "range". */
-            range?: Array<number>;
-            /** Specifies the name of the data source field whose values define the color of a tile. Applies only if the type option is "gradient" or "range". */
-            colorCodeField?: string;
-        };
-        /** Specifies whether tiles and groups change their style in the hover state. */
-        hoverEnabled?: boolean;
-        /** Specifies whether a single or multiple nodes can be in the selected state simultaneously. */
-        selectionMode?: string;
-        /** Specifies how many hierarchical levels must be visualized. */
-        maxDepth?: number;
-        /** Specifies whether the user will interact with a single tile or its group. */
-        interactWithGroup?: boolean;
-        tooltip?: viz.core.Tooltip;
-        /** A handler for the nodesInitialized event. */
-        onNodesInitialized?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            root: TreeMapNode
-        }) => void;
-        /** A handler for the nodesRendering event. */
-        onNodesRendering?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode
-        }) => void;
-        /** A handler for the click event. */
-        onClick?: any;
-        /** A handler for the hoverChanged event. */
-        onHoverChanged?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode;
-        }) => void;
-        /** A handler for the selectionChanged event. */
-        onSelectionChanged?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode;
-        }) => void;
-        /** A handler for the drill event. */
-        onDrill?: (e: {
-            component: dxTreeMap;
-            element: Element;
-            node: TreeMapNode
-        }) => void;
-    }
-    /** This section describes fields and methods that can be used in code to manipulate a Node object. */
-    export interface TreeMapNode {
-        /** The level that the current node occupies in the hierarchy of nodes. */
-        level: number;
-        /** The index of the current node in the array of all nodes on the same level. */
-        index: number;
-        /** The object from the data source visualized by the node. */
-        data: Object;
-        /** Returns the parent node of the current node. */
-        getParent(): TreeMapNode;
-        /** Indicates how many direct descendants the current node has. */
-        getChildrenCount(): number;
-        /** Returns all nodes nested in the current node. */
-        getAllChildren(): Array<TreeMapNode>;
-        /** Returns all descendant nodes. */
-        getAllNodes(): Array<TreeMapNode>;
-        /** Gets a specific node from a collection of direct descendants. */
-        getChild(index: number): TreeMapNode;
-        /** Gets the raw value of the node. */
-        value(): number;
-        /** Returns the label of the node. */
-        label(): string;
-        /** Sets the label to the node. */
-        label(label: string): void;
-        /** Customizes the node. */
-        customize(options: any): void;
-        /** Reverts the appearance of the node to the initial state. */
-        resetCustomization(): void;
-        /** Indicates whether the node is in the hover state or not. */
-        isHovered(): boolean;
-        /** Sets the selection state of a node. */
-        select(state: boolean): void;
-        /** Indicates whether the node is selected or not. */
-        isSelected(): boolean;
-        /** Indicates whether the node is visualized by a tile or a group of tiles. */
-        isLeaf(): boolean;
-        /** Indicates whether the current node is active. */
-        isActive(): boolean;
-        /** Shows the tooltip. */
-        showTooltip(): void;
-        /** Drills down into the node. */
-        drillDown(): void;
-    }
-}
-declare module DevExpress.viz {
-    /** A widget for displaying hierarchical data by using nested rectangles. */
-    export class dxTreeMap extends viz.core.BaseWidget implements viz.core.LoadingIndicatorMethods {
-        constructor(element: JQuery, options?: DevExpress.viz.treeMap.dxTreeMapOptions);
-        constructor(element: Element, options?: DevExpress.viz.treeMap.dxTreeMapOptions);
-        /** Returns the root node. */
-        getRootNode(): DevExpress.viz.treeMap.TreeMapNode;
-        /** Returns the current node. */
-        getCurrentNode(): DevExpress.viz.treeMap.TreeMapNode;
-        /** Deselects all nodes in the widget. */
-        clearSelection(): void;
-        /** Hides the tooltip. */
-        hideTooltip(): void;
-        /** Drills one level up. */
-        drillUp(): void;
-        /** Resets the drill down level. */
-        resetDrillDown(): void;
-        showLoadingIndicator(): void;
-        hideLoadingIndicator(): void;
-    }
-}
-interface JQuery {
-    dxTreeMap(options?: DevExpress.viz.treeMap.dxTreeMapOptions): JQuery;
-    dxTreeMap(methodName: string, ...params: any[]): any;
-    dxTreeMap(methodName: "instance"): DevExpress.viz.dxTreeMap;
-}
diff --git a/devextreme/v15/devextreme-tests.ts b/devextreme/v15/devextreme-tests.ts
new file mode 100644
index 0000000000..a38aae1f05
--- /dev/null
+++ b/devextreme/v15/devextreme-tests.ts
@@ -0,0 +1,320 @@
+
+
+namespace Tests.ui {
+    var dataGridOptions: DevExpress.ui.dxDataGridOptions = {
+        activeStateEnabled: true,
+        allowColumnReordering: true,
+        allowColumnResizing: true,
+        onCellClick: function() { },
+        cellHintEnabled: true,
+        columnAutoWidth: true,
+        columnChooser: {
+            emptyPanelText: "Nothing is here",
+            enabled: true,
+            height: 400,
+            width: 200,
+            title: "Column chooser"
+        },
+        columns: [
+            {
+                alignment: "center",
+                allowFixing: true,
+                allowEditing: true,
+                allowFiltering: true,
+                allowGrouping: true,
+                allowHiding: true,
+                allowReordering: true,
+                allowResizing: true,
+                allowSearch: true,
+                allowSorting: true,
+                autoExpandGroup: true,
+                calculateCellValue: function(rowData: Object) { return "test-value"; },
+                calculateFilterExpression: function(filterValue: any, selectedFilterOperation: string) { return []; },
+                caption: "Test column",
+                cellTemplate: function(container: JQuery, options: Object) { $("<span>Template</span>").appendTo(container); },
+                cssClass: "test-ccs-class-name",
+                customizeText: function(cellInfo: { value: any, valueText: string; }) { return "New text" },
+                dataField: "Test",
+                dataType: "string",
+                encodeHtml: true,
+                falseText: "FALSE",
+                filterOperations: ["contains", "notcontains"],
+                filterType: "exclude",
+                filterValue: "Test-filter-value",
+                fixed: true,
+                fixedPosition: "right",
+                groupIndex: 0,
+                lookup: {
+                    allowClearing: true,
+                    dataSource: ["first", "second"],
+                    displayExpr: "this",
+                    valueExpr: "this"
+                },
+                name: "test-column-name",
+                showEditorAlways: true,
+                showInColumnChooser: true,
+                showWhenGrouped: true,
+                sortIndex: 1,
+                sortOrder: "desc",
+                trueText: "TRUE",
+                visible: true,
+                visibleIndex: 0,
+                width: "100%"
+            }
+        ],
+        customizeColumns: function(columns) {
+            var i: number;
+            for (i = 0; i < columns.length; i++) {
+                if (columns[i].dataField.indexOf('Date') > 0) {
+                    columns[i].dataType = 'date';
+                }
+
+                if (columns[i].dataField === 'Freight') {
+                    columns[i].dataType = 'number';
+                }
+
+                if (columns[i].dataField === 'CustomerID') {
+                    columns[i].lookup = {
+                        dataSource: { store: [], sort: 'ContactName' },
+                        valueExpr: 'CustomerID',
+                        displayExpr: 'ContactName'
+                    }
+                }
+                if (columns[i].dataField === 'EmployeeID') {
+                    columns[i].lookup = {
+                        dataSource: { store: [], sort: 'LastName' },
+                        valueExpr: 'EmployeeID',
+                        displayExpr: function(data: any) {
+                            return data.LastName + ' ' + data.FirstName;
+                        }
+                    }
+                }
+                if (columns[i].dataField === 'ShipVia') {
+                    columns[i].lookup = {
+                        dataSource: [
+                            { ShipperID: 1, CompanyName: 'Speedy Express' },
+                            { ShipperID: 2, CompanyName: 'United Package' },
+                            { ShipperID: 3, CompanyName: 'Federal Shipping' }
+                        ],
+                        valueExpr: 'ShipperID',
+                        displayExpr: 'CompanyName'
+                    }
+                }
+                if (columns[i].dataField === 'ShipCity') {
+                    columns[i].editCellTemplate = function(container: JQuery, options: { value: string; setValue: Function }) {
+                        $('<div/>').dxAutocomplete({
+                            dataSource: ["Bern", "Lyon", "Lander"],
+                            value: options.value,
+                            onValueChanged: function() {
+                                options.setValue("test-value");
+                            }
+                        }).appendTo(container);
+                    }
+                }
+            }
+        },
+        summary: {
+            totalItems: [{
+                column: 'CustomerID',
+                summaryType: 'count'
+            }, {
+                    column: 'Freight',
+                    summaryType: 'min',
+                    valueFormat: "percent",
+                    showInColumn: "CustomerID"
+                },
+                {
+                    column: 'OrderDate',
+                    summaryType: 'min',
+                    valueFormat: "shortDate"
+                },
+                {
+                    column: 'Freight',
+                    summaryType: 'avg',
+                    valueFormat: "fixedPoint",
+                    precision: 2
+                }],
+            groupItems: [{
+                column: 'CustomerID',
+                summaryType: 'count',
+                showInGroupFooter: true
+            }, {
+                    column: 'Freight',
+                    summaryType: 'min'
+                }, {
+                    column: 'Freight',
+                    summaryType: 'max'
+                },
+                {
+                    column: 'ShipName',
+                    summaryType: 'count',
+                    showInGroupFooter: true
+                },
+                {
+                    column: 'OrderDate',
+                    summaryType: 'min',
+                    valueFormat: "shortDate",
+                    showInColumn: "CustomerID",
+                    showInGroupFooter: true
+                }]
+        },
+        sortByGroupSummaryInfo: [{ summaryItem: 'count' }],
+        groupPanel: {
+            visible: true
+        },
+        filterRow: {
+            visible: true
+        },
+        pager: {
+            visible: true,
+            showInfo: true,
+            showNavigationButtons: true,
+            showPageSizeSelector: true
+        },
+        stateStoring: {
+            enabled: false
+        },
+        rowAlternationEnabled: true,
+        editing: {
+            editMode: 'batch',
+            insertEnabled: true,
+            editEnabled: true,
+            removeEnabled: true
+        },
+        searchPanel: {
+            visible: true
+        },
+        sorting: {
+            mode: 'multiple'
+        }
+    };
+
+    new DevExpress.ui.dxDataGrid($("#data-grid"), dataGridOptions);
+    new DevExpress.ui.dxDataGrid($("#data-grid").get(0), dataGridOptions);
+    $("#data-grid").dxDataGrid(dataGridOptions);
+}
+
+namespace Tests.viz {
+    var chartOptions: DevExpress.viz.charts.dxChartOptions = {
+        dataSource: [
+            { arg: "Illinois", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
+            { arg: "Indiana", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 },
+            { arg: "Michigan", s1: 100, s2: 50, s3: 75, s4: 25, s5: 50, s6: 100, s7: 25, s8: 75 }
+        ],
+        valueAxis: [{ title: 'Value Axis Title' }],
+        argumentAxis: { title: 'Argument Axis Title', grid: { visible: true } },
+        legend: { border: { visible: true } },
+        tooltip: { enabled: true },
+        commonPaneSettings: { border: { visible: true } },
+        commonSeriesSettings: {
+            type: 'bar',
+            hoverMode: 'allArgumentPoints',
+            selectionMode: 'allArgumentPoints',
+            label: {
+                visible: true,
+                format: 'fixedPoint',
+                precision: 2
+            }
+        },
+        series: [
+            { valueField: 's1' },
+            { valueField: 's2' },
+            { valueField: 's3' },
+            { valueField: 's4' },
+            { valueField: 's5' },
+            { valueField: 's6' },
+            { valueField: 's7' },
+            { valueField: 's8' }
+        ],
+        title: 'Long Chart\'s Title',
+        onPointClick: function(arg: any) {
+            arg.target.isSelected() ? arg.target.clearSelection() : arg.target.select();
+        },
+        onSeriesClick: function(arg: any) {
+            arg.target.isVisible() ? arg.target.hide() : arg.target.show();
+        }
+    };
+
+    var pieChartOptions: DevExpress.viz.charts.dxPieChartOptions = {
+        dataSource: [{ arg: "Index1", arg1: 1, val: 100 },
+            { arg: "Index2", arg1: 2, val: 50 },
+            { arg: "Index3", arg1: 3, val: 75 },
+            { arg: "Index4", arg1: 4, val: 25 },
+            { arg: "Index5", arg1: 5, val: 50 },
+            { arg: "Index6", arg1: 6, val: 100 },
+            { arg: "Index7", arg1: 7, val: 25 },
+            { arg: "Index8", arg1: 8, val: 75 }],
+        tooltip: {
+            enabled: true
+        },
+        series: [{
+            type: 'doughnut',
+            label: {
+                visible: true,
+                format: 'fixedPoint',
+                precision: 2
+            }
+        }],
+        title: 'Long PieChart\'s Title'
+    };
+
+    new DevExpress.viz.charts.dxChart($("chart"), chartOptions);
+    new DevExpress.viz.charts.dxChart($("#chart").get(0), chartOptions);
+    $("#chart").dxChart(chartOptions);
+
+    new DevExpress.viz.charts.dxPieChart($("#pie-chart"), pieChartOptions);
+    new DevExpress.viz.charts.dxPieChart($("#pie-chart").get(0), pieChartOptions);
+    $("#pie-chart").dxPieChart(pieChartOptions);
+}
+
+namespace Tests.framework {
+    var app = new DevExpress.framework.html.HtmlApplication(<DevExpress.framework.html.HtmlApplicationOptions>{
+        namespace: "Application",
+        navigation: [
+            {
+                title: "Home",
+                action: "#home",
+                icon: "home"
+            },
+            {
+                title: "About",
+                action: "#about",
+                icon: "info"
+            }
+        ]
+    });
+
+    app.router.register(":view/:id", { view: "home", id: undefined });
+    app.navigate();
+}
+
+namespace Tests.data {
+    new DevExpress.data.DataSource(<DevExpress.data.DataSourceOptions>{
+        sort: ["value", true],
+        group: ["id", false],
+        select: ["value"],
+        filter: ["value", "startswith", "first"],
+
+        pageSize: 25,
+        paginate: true,
+
+        map: function(item) { return item; },
+        postProcess: function(data) { return data; },
+        searchExpr: "expr",
+        searchOperation: "contains",
+        searchValue: "somevalue",
+        store: [1, 2, 3]
+    });
+
+    new DevExpress.data.ArrayStore();
+    new DevExpress.data.ArrayStore(<DevExpress.data.ArrayStoreOptions>{
+        data: [{ id: 1, value: "First one" }, { id: 2, value: "Second one" }],
+        key: "id"
+    });
+
+    new DevExpress.data.CustomStore(<DevExpress.data.CustomStoreOptions>{
+        load: function() {
+            return $.Deferred().promise();
+        }
+    });
+}
diff --git a/devextreme/devextreme-15.2.13.d.ts b/devextreme/v15/index.d.ts
similarity index 99%
rename from devextreme/devextreme-15.2.13.d.ts
rename to devextreme/v15/index.d.ts
index cb1ca8697b..4c73e12d30 100644
--- a/devextreme/devextreme-15.2.13.d.ts
+++ b/devextreme/v15/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference path="../jquery/jquery.d.ts" />
+/// <reference types="jquery" />
 
 declare module DevExpress {
     /** A mixin that provides a capability to fire and subscribe to events. */
diff --git a/devextreme/v15/tsconfig.json b/devextreme/v15/tsconfig.json
new file mode 100644
index 0000000000..a94cf731c1
--- /dev/null
+++ b/devextreme/v15/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "devextreme": ["devextreme/v15"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "devextreme-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/dojo/tsconfig.json b/dojo/tsconfig.json
index 3ed256f27a..fbf76b15f5 100644
--- a/dojo/tsconfig.json
+++ b/dojo/tsconfig.json
@@ -15,6 +15,68 @@
     },
     "files": [
         "index.d.ts",
-        "dijit.d.ts"
+        "dijit.d.ts",
+        "doh.d.ts",
+        "dojox.NodeList.d.ts",
+        "dojox.analytics.d.ts",
+        "dojox.app.d.ts",
+        "dojox.atom.d.ts",
+        "dojox.av.d.ts",
+        "dojox.calc.d.ts",
+        "dojox.calendar.d.ts",
+        "dojox.charting.d.ts",
+        "dojox.collections.d.ts",
+        "dojox.color.d.ts",
+        "dojox.css3.d.ts",
+        "dojox.data.d.ts",
+        "dojox.date.d.ts",
+        "dojox.dgauges.d.ts",
+        "dojox.dnd.d.ts",
+        "dojox.drawing.d.ts",
+        "dojox.dtl.d.ts",
+        "dojox.editor.d.ts",
+        "dojox.embed.d.ts",
+        "dojox.encoding.d.ts",
+        "dojox.flash.d.ts",
+        "dojox.form.d.ts",
+        "dojox.fx.d.ts",
+        "dojox.gantt.d.ts",
+        "dojox.gauges.d.ts",
+        "dojox.geo.d.ts",
+        "dojox.gesture.d.ts",
+        "dojox.gfx.d.ts",
+        "dojox.gfx3d.d.ts",
+        "dojox.grid.d.ts",
+        "dojox.help.d.ts",
+        "dojox.highlight.d.ts",
+        "dojox.html.d.ts",
+        "dojox.image.d.ts",
+        "dojox.io.d.ts",
+        "dojox.jq.d.ts",
+        "dojox.json.d.ts",
+        "dojox.jsonPath.d.ts",
+        "dojox.lang.d.ts",
+        "dojox.layout.d.ts",
+        "dojox.main.d.ts",
+        "dojox.math.d.ts",
+        "dojox.mdnd.d.ts",
+        "dojox.mobile.d.ts",
+        "dojox.mvc.d.ts",
+        "dojox.rails.d.ts",
+        "dojox.robot.d.ts",
+        "dojox.rpc.d.ts",
+        "dojox.secure.d.ts",
+        "dojox.sketch.d.ts",
+        "dojox.socket.d.ts",
+        "dojox.sql.d.ts",
+        "dojox.storage.d.ts",
+        "dojox.string.d.ts",
+        "dojox.testing.d.ts",
+        "dojox.timing.d.ts",
+        "dojox.treemap.d.ts",
+        "dojox.uuid.d.ts",
+        "dojox.validate.d.ts",
+        "dojox.widget.d.ts",
+        "dojox.xml.d.ts"
     ]
 }
\ No newline at end of file
diff --git a/draft-js/draft-js-0.2.2.d.ts b/draft-js/draft-js-0.2.2.d.ts
deleted file mode 100644
index ac5eb21f33..0000000000
--- a/draft-js/draft-js-0.2.2.d.ts
+++ /dev/null
@@ -1,277 +0,0 @@
-// Type definitions for draft-js 0.2.2
-// Project: https://github.com/facebook/draft-js
-// Definitions by: Pavel Evsegneev <https://github.com/Ahineya>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-declare module "draft-js" {
-    namespace Draft {
-        interface IEditor {
-            new(): Editor
-        }
-
-        interface EditorState {
-            getCurrentContent(): ContentState,
-            getSelection(): SelectionState,
-            getCurrentInlineStyle(): any,
-            getBlockTree(): any,
-
-            createEmpty(decorator?: any): EditorState,
-            createWithContent(contentState: ContentState, decorator?: any): EditorState,
-            create(config: any): EditorState,
-            push(editorState: EditorState, contentState: ContentState, actionType: string): EditorState,
-            undo(editorState: EditorState): EditorState,
-            redo(editorState: EditorState): EditorState,
-            acceptSelection(editorState: EditorState, selectionState: SelectionState): EditorState,
-            forceSelection(editorState: EditorState, selectionState: SelectionState): EditorState,
-
-            moveFocusToEnd(editorState: EditorState): EditorState
-        }
-
-        interface CompositeDecorator {
-            getDecorations(): Array<any>,
-            getComponentForKey(): any,
-            getPropsForKey(): any
-        }
-
-        interface Entity {
-            create(type: string, mutability: string, data?: Object): EntityInstance,
-            add(instance: EntityInstance): string,
-            get(key: string): EntityInstance,
-            mergeData(key: string, toMerge: any): EntityInstance,
-            replaceData(key: string, newData: any): EntityInstance
-        }
-
-        interface EntityInstance {
-            getData(): any,
-            getKey(): string,
-            getMutability(): string
-        }
-
-        interface BlockMapBuilder {
-            createFromArray(blocks: Array<ContentBlock>): BlockMap
-        }
-
-        interface CharacterMetadata {
-            create(config?: any): CharacterMetadata,
-
-            applyStyle(record: CharacterMetadata,
-                       style: string): CharacterMetadata,
-
-            removeStyle(record: CharacterMetadata,
-                        style: string): CharacterMetadata,
-
-            applyEntity(record: CharacterMetadata,
-                        entityKey?: string): CharacterMetadata,
-
-            getStyle(): any,
-            hasStyle(style: string): boolean,
-
-            getEntity(): string
-        }
-
-        interface IContentBlock {
-            new(draftContentBlock: any): ContentBlock;
-        }
-        interface ContentBlock {
-            key: string,
-            type: string,
-            text: string,
-            characterList: any,
-            depth: number,
-
-            getKey(): string,
-            getType(): string,
-            getText(): string,
-            getCharacterList(): any,
-            getLength(): number,
-            getDepth(): number,
-            getInlineStyleAt(offset: number): any,
-            getEntityAt(offset: number): string,
-            findStyleRanges(filterFn: Function, callback: Function): void,
-            findEntityRanges(filterFn: Function, callback: Function): void
-
-        }
-
-        interface ContentState {
-            createFromText(text: string): ContentState,
-            createFromBlockArray(blocks: Array<ContentBlock>): ContentState,
-
-            getBlockMap(): BlockMap,
-            getSelectionBefore(): SelectionState,
-            getSelectionAfter(): SelectionState,
-
-            getBlockForKey(key: string): ContentBlock,
-            getKeyBefore(key: string): string,
-            getKeyAfter(key: string): string,
-
-            getBlockBefore(key: string): ContentBlock,
-            getBlockAfter(key: string): ContentBlock,
-
-            getBlocksAsArray(): Array<ContentBlock>,
-
-            getPlainText(): string,
-            hasText(): boolean,
-
-            set(key: string, value: any): ContentState,
-            toJS(): any
-        }
-
-        interface ISelectionState {
-            new(draftSelectionState: any): SelectionState;
-            createEmpty(blockKey: string): SelectionState;
-        }
-
-        interface SelectionState {
-            getStartKey(): string,
-            getStartOffset(): number,
-            getEndKey(): string,
-            getEndOffset(): number,
-            getAnchorKey(): string,
-            getAnchorOffset(): number,
-            getFocusKey(): string,
-            getFocusOffset(): number,
-
-            getIsBackward(): boolean,
-            getHasFocus(): boolean,
-            isCollapsed(): boolean,
-
-            hasEdgeWithin(blockKey: string, start: number, end: number): boolean,
-            serialize(): string,
-
-            get(key: string): any,
-            set(key: string, value: any): SelectionState
-        }
-
-        interface BlockMap {
-            get(key: string): ContentBlock,
-            set(key: string, value: any): BlockMap,
-            delete(key: string): BlockMap,
-            find(cb: any): ContentBlock
-        }
-
-        interface Modifier {
-            replaceText(contentState: ContentState,
-                        rangeToReplace: SelectionState,
-                        text: string,
-                        inlineStyle?: any,
-                        entityKey?: string): ContentState,
-
-            insertText(contentState: ContentState,
-                       targetRange: SelectionState,
-                       text: string,
-                       inlineStyle?: any,
-                       entityKey?: string): ContentState,
-
-            moveText(contentState: ContentState,
-                     removalRange: SelectionState,
-                     targetRange: SelectionState): ContentState,
-
-            replaceWithFragment(contentState: ContentState,
-                                targetRange: SelectionState,
-                                fragment: BlockMap): ContentState,
-
-            removeRange(contentState: ContentState,
-                        rangeToRemove: SelectionState,
-                        removalDirection: string): ContentState,
-
-            splitBlock(contentState: ContentState,
-                       selectionState: SelectionState): ContentState,
-
-            applyInlineStyle(contentState: ContentState,
-                             selectionState: SelectionState,
-                             inlineStyle: string): ContentState,
-
-            removeInlineStyle(contentState: ContentState,
-                              selectionState: SelectionState,
-                              inlineStyle: string): ContentState,
-
-            setBlockType(contentState: ContentState,
-                         selectionState: SelectionState,
-                         blockType: string): ContentState,
-
-            applyEntity(contentState: ContentState,
-                        selectionState: SelectionState,
-                        entityKey: string): ContentState
-        }
-
-        interface RichUtils {
-            currentBlockContainsLink(editorState: EditorState): boolean,
-            getCurrentBlockType(editor: EditorState): string,
-            handleKeyCommand(editorState: EditorState, command: string): any,
-            insertSoftNewline(editorState: EditorState): EditorState,
-            onBackspace(editorState: EditorState): EditorState,
-            onDelete(editorState: EditorState): EditorState,
-            onTab(event: Event, editorState: EditorState, maxDepth: number): EditorState,
-            toggleBlockType(editorState: EditorState, blockType: string): EditorState,
-            toggleCode(editorState: EditorState): EditorState,
-            toggleLink(editorState: EditorState, targetSelection: SelectionState, entityKey: string): EditorState,
-            tryToRemoveBlockStyle(editorState: EditorState): EditorState
-        }
-
-        interface EditorProps {
-            editorState: EditorState,
-            onChange(editorState: EditorState): void,
-
-            placeholder?: string,
-            textAlignment?: any,
-            blockRendererFn?: (ContentBlock: ContentBlock) => any,
-            blockStyleFn?: (ContentBlock: ContentBlock) => string,
-            customStyleMap?: any,
-
-            readOnly?: boolean,
-            spellCheck?: boolean,
-            stripPastedStyles?: boolean,
-
-            handleReturn?: (e: any) => boolean,
-            handleKeyCommand?: (command: string) => boolean,
-            handleBeforeInput?: (chars: string) => boolean,
-            handlePastedFiles?: (files: Array<Blob>) => boolean,
-            handleDroppedFiles?: (selection: SelectionState, files: Array<Blob>) => boolean,
-            handleDrop?: (selection: SelectionState, dataTransfer: any, isInternal: any) => boolean,
-
-            onEscape?: (e: any) => void,
-            onTab?: (e: any) => void,
-            onUpArrow?: (e: any) => void,
-            onDownArrow?: (e: any) => void,
-
-            suppressContentEditableWarning?: any,
-
-            onBlur?: (e: any) => void,
-            onFocus?: (e: any) => void
-        }
-
-        interface Editor {
-            props: EditorProps
-            state: any,
-            refs: any,
-            context: any,
-            setState(): any,
-            render(): any,
-            forceUpdate(): any
-        }
-
-        var Editor: IEditor;
-        var EditorState: EditorState;
-
-        var CompositeDecorator: CompositeDecorator;
-        var Entity: Entity;
-        var EntityInstance: EntityInstance;
-
-        var BlockMapBuilder: BlockMapBuilder;
-        var CharacterMetadata: CharacterMetadata;
-        var ContentBlock: IContentBlock;
-        var ContentState: ContentState;
-        var SelectionState: ISelectionState;
-
-        var Modifier: Modifier;
-        var RichUtils: RichUtils;
-
-        function convertFromRaw(rawState: any): Array<ContentBlock>;
-
-        function convertToRaw(contentState: ContentState): any;
-
-        function genKey(): string
-    }
-
-    export = Draft;
-
-}
diff --git a/draft-js/draft-js-tests-0.2.2.tsx b/draft-js/draft-js-tests-0.2.2.tsx
deleted file mode 100644
index 88271465f5..0000000000
--- a/draft-js/draft-js-tests-0.2.2.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-/// <reference path="draft-js-0.2.2.d.ts" />
-/// <reference path="../react/react-global.d.ts" />
-/// <reference path="../react/react-dom.d.ts"/>
-
-import * as React from "react";
-
-import {
-    Editor,
-    EditorState,
-    Entity,
-    CharacterMetadata,
-    ContentBlock,
-    Modifier,
-    SelectionState,
-    genKey
-} from "draft-js";
-
-export class Tag extends React.Component<any, any> {
-    constructor(props: any) {
-        super(props);
-    }
-
-    remove = (): void => {
-        this.props.blockProps.removeBlock(this.props.block.getKey());
-    }
-
-    render () {
-        const {block} = this.props;
-        if (block.getEntityAt(0)) {
-            const data = Entity.get(block.getEntityAt(0)).getData();
-
-            return (
-                <div className="tag" contentEditable={false} >
-                    {data.content.name}
-                    <span className="remove" onClick={this.remove}>
-                        <i className="material-icons">clear</i>
-                    </span>
-                </div>
-            );
-        }
-    }
-}
-
-export class Hint extends React.Component<any, any> {
-    constructor(props: any) {
-        super(props);
-    }
-
-    render () {
-        const {block} = this.props;
-        if (block.getEntityAt(0)) {
-            const data = Entity.get(block.getEntityAt(0)).getData();
-
-            return (
-                <div className="hint" contentEditable={false} >
-                    <span className="autocomplete">{this.props.blockProps.autocomplete}</span>
-                    {data.content.text}
-                </div>
-            );
-        }
-    }
-}
-
-export function removeBlock(editorState: EditorState, blockKey: string) {
-    const content = editorState.getCurrentContent();
-
-    const targetRange = new SelectionState({
-        anchorKey: blockKey,
-        anchorOffset: 0,
-        focusKey: blockKey,
-        focusOffset: 1
-    });
-
-    const withoutTag = Modifier.removeRange(content, targetRange, "backward");
-    const resetBlock = Modifier.setBlockType(
-        withoutTag,
-        withoutTag.getSelectionAfter(),
-        "unstyled"
-    );
-
-    const newState = EditorState.push(editorState, resetBlock, "remove-range");
-    return EditorState.forceSelection(newState, resetBlock.getSelectionAfter());
-}
-
-export function applyEntity(editorState: EditorState, blockKey: string, entityKey: string) {
-    const content = editorState.getCurrentContent();
-
-    const targetRange = new SelectionState({
-        anchorKey: blockKey,
-        anchorOffset: 0,
-        focusKey: blockKey,
-        focusOffset: 1
-    });
-
-    const withNewEntity = Modifier.applyEntity(
-        content,
-        targetRange,
-        entityKey
-    )
-
-    const newState = EditorState.push(editorState, withNewEntity, "change-entity");
-    return EditorState.forceSelection(newState, withNewEntity.getSelectionAfter());
-}
-
-export function addTagBlock(content: any, editorState: EditorState): any {
-    const contentState = editorState.getCurrentContent();
-
-    const entityKey = Entity.create(
-        "TOKEN",
-        "IMMUTABLE",
-        {content}
-    );
-
-    const charData = CharacterMetadata.create({entity: entityKey});
-    const tag = new ContentBlock({
-        key: genKey(),
-        type: "tag",
-        text: "",
-        characterList: [],
-    });
-
-    const withTag = contentState.set("blockMap", contentState.getBlockMap().set(tag.key, tag));
-
-    const withRemovedPreviousBlock = withTag.set("blockMap", withTag.getBlockMap().delete(contentState.getSelectionBefore().getAnchorKey()))
-
-    const withTagBlock = EditorState.push(editorState, withRemovedPreviousBlock, "insert-fragment");
-
-    return withTagBlock;
-}
-
-export function addHintBlock(content: any, editorState: EditorState): any {
-    const contentState = editorState.getCurrentContent();
-    const selectionState = editorState.getSelection();
-
-    const entityKey = Entity.create(
-        "TOKEN",
-        "IMMUTABLE",
-        {content}
-    );
-
-    const charData = CharacterMetadata.create({entity: entityKey});
-    const hint = new ContentBlock({
-        key: genKey(),
-        type: "hint",
-        text: "",
-        characterList: [],
-    });
-    const empty = new ContentBlock({
-        key: genKey(),
-        type: "unstyled",
-        text: "",
-        characterList: [],
-    });
-
-    const withEmpty = contentState.set("blockMap", contentState.getBlockMap().set(empty.key, empty));
-    const withHint = withEmpty.set("blockMap", withEmpty.getBlockMap().set(hint.key, hint));
-    return {
-        editorState: EditorState.forceSelection(EditorState.push(editorState, withHint, "insert-fragment"), selectionState),
-        blockKey: hint.key
-    }
-
-}
-
-export class SearchField extends React.Component<any, any> {
-    public onChange: any;
-
-    constructor(props: any) {
-        super(props);
-        this.onChange = (editorState: EditorState) => {
-          this.setState({editorState})
-        };
-    }
-
-    render() {
-        const {editorState} = this.state;
-        return (
-                <Editor suppressContentEditableWarning
-                        editorState={editorState}
-                        onChange={this.onChange}
-                       />
-        )
-    }
-}
diff --git a/dragula/dragula-amd-tests.ts b/dragula/dragula-amd-tests.ts
deleted file mode 100644
index f473f4ecc8..0000000000
--- a/dragula/dragula-amd-tests.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-import dragula = require("dragula");
-
-// containers
-var d1 = dragula([document.querySelector('#left'), document.querySelector('#right')]);
-
-// all options
-var d2 = dragula({
-    isContainer: function (el) {
-        return false;
-    },
-    moves: function (el, container, handle) {
-        return true;
-    },
-    accepts: function (el, target, source, sibling) {
-        return true;
-    },
-    invalid: function (el, target) {
-        return el.tagName === 'A' || el.tagName === 'BUTTON';
-    },
-    direction: 'vertical',
-    copy: false,
-    revertOnSpill: false,
-    removeOnSpill: false,
-    delay: false,
-    mirrorContainer: document.body
-});
-
-// empty call
-var d3 = dragula();
-
-
-// drake API
-var drake = dragula({
-    copy: true
-});
-
-drake.containers.push(document.querySelector('#container'));
diff --git a/dropzone/dropzone-commonjs-tests.ts b/dropzone/dropzone-commonjs-tests.ts
deleted file mode 100755
index c77de6e583..0000000000
--- a/dropzone/dropzone-commonjs-tests.ts
+++ /dev/null
@@ -1,285 +0,0 @@
-/// <reference path="./dropzone.d.ts"/>
-
-import Dropzone = require("dropzone");
-
-const dropzoneFromString = new Dropzone(".test");
-const dropzoneFromElement = new Dropzone(document.getElementById("test"));
-const dropzoneRenameFunction = function(name: string){
-	return name;
-};
-
-const dropzoneWithOptions = new Dropzone(".test", {
-	url: "/some/url",
-	method: "post",
-	withCredentials: false,
-	parallelUploads: 2,
-	uploadMultiple: true,
-	maxFilesize: 1024,
-	paramName: "file",
-	createImageThumbnails: true,
-	maxThumbnailFilesize: 1024,
-	thumbnailWidth: 50,
-	thumbnailHeight: 50,
-	filesizeBase: 1000,
-	maxFiles: 100,
-	params: {
-		additional: "param"
-	},
-	clickable: true,
-	ignoreHiddenFiles: true,
-	acceptedFiles: "image/*",
-	renameFilename: dropzoneRenameFunction,
-	autoProcessQueue: true,
-	autoQueue: true,
-	addRemoveLinks: true,
-	previewsContainer: "<div></div>",
-	hiddenInputContainer: document.createElement("input"),
-	capture: "camera",
-
-	dictDefaultMessage: "",
-	dictFallbackMessage: "",
-	dictFallbackText: "",
-	dictFileTooBig: "",
-	dictInvalidFileType: "",
-	dictResponseError: "",
-	dictCancelUpload: "",
-	dictCancelUploadConfirmation: "",
-	dictRemoveFile: "",
-	dictRemoveFileConfirmation: "",
-	dictMaxFilesExceeded: "",
-
-	accept: (file:Dropzone.DropzoneFile, done:(error?:string|Error) => void) => {
-		if (file.accepted) {
-			file.previewElement.classList.add("accepted");
-			file.previewTemplate.classList.add("accepted");
-			file.previewsContainer.classList.add("accepted");
-			done();
-		}
-		else {
-			done(new Error(file.status));
-		}
-	},
-	init: () => console.log("Initialized"),
-	forceFallback: false,
-	fallback: () => console.log("Fallback"),
-	resize: (file:Dropzone.DropzoneFile) => ({
-		srcX: 0,
-		srcY: 0,
-		trgX: 10,
-		trgY: 10,
-		srcWidth: 100,
-		srcHeight: 100,
-		trgWidth: 50,
-		trgHeight: 50,
-		optWidth: 50,
-		optHeight: 50
-	}),
-
-	drop: (e:DragEvent) => console.log("Drop"),
-	dragstart: (e:DragEvent) => console.log("Dragstart"),
-	dragend: (e:DragEvent) => console.log("Dragend"),
-	dragenter: (e:DragEvent) => console.log("Dragenter"),
-	dragover: (e:DragEvent) => console.log("Dragover"),
-	dragleave: (e:DragEvent) => console.log("Dragleave"),
-	paste: (e:DragEvent) => console.log("Paste"),
-
-	reset: () => console.log("Reset"),
-
-	addedfile: (file:Dropzone.DropzoneFile) => console.log("Addedfile"),
-	addedfiles: (files:Dropzone.DropzoneFile[]) => console.log("Addedfiles"),
-	removedfile: (file:Dropzone.DropzoneFile) => console.log("Removedfile"),
-	thumbnail: (file:Dropzone.DropzoneFile, dataUrl:string) => console.log("Thumbnail"),
-
-	error: (file:Dropzone.DropzoneFile, message:string|Error) => console.log("Error"),
-	errormultiple: (files:Dropzone.DropzoneFile[], message:string|Error) => console.log("Errormultiple"),
-
-	processing: (file:Dropzone.DropzoneFile) => console.log("Processing"),
-	processingmultiple: (files:Dropzone.DropzoneFile[]) => console.log("Processingmultiple"),
-
-	uploadprogress: (file:Dropzone.DropzoneFile, progress:number, bytesSent:number) => console.log("Uploadprogress"),
-	totaluploadprogress: (totalProgress:number, totalBytes:number, totalBytesSent:number) => console.log("Totaluploadprogress"),
-
-	sending: (file:Dropzone.DropzoneFile, xhr:XMLHttpRequest, formData:{}) => console.log("Sending"),
-	sendingmultiple: (files:Dropzone.DropzoneFile[], xhr:XMLHttpRequest, formData:{}) => console.log("Sendingmultiple"),
-
-	success: (file:Dropzone.DropzoneFile) => console.log("Success"),
-	successmultiple: (files:Dropzone.DropzoneFile[]) => console.log("Successmultiple"),
-
-	canceled: (file:Dropzone.DropzoneFile) => console.log("Canceled"),
-	canceledmultiple: (file:Dropzone.DropzoneFile[]) => console.log("Canceledmultiple"),
-
-	complete: (file:Dropzone.DropzoneFile) => console.log("Complete"),
-	completemultiple: (file:Dropzone.DropzoneFile[]) => console.log("Completemultiple"),
-
-	maxfilesexceeded: (file:Dropzone.DropzoneFile) => console.log("Maxfilesexceeded"),
-	maxfilesreached: (files:Dropzone.DropzoneFile[]) => console.log("Maxfilesreached"),
-	queuecomplete: () => console.log("Queuecomplete"),
-
-	previewTemplate: "<div></div>",
-});
-
-var dropzoneWithOptionsVariations:Dropzone;
-dropzoneWithOptionsVariations = new Dropzone(".test", {
-	clickable: ".test"
-});
-dropzoneWithOptionsVariations = new Dropzone(".test", {
-	clickable: document.getElementById("test")
-});
-dropzoneWithOptionsVariations = new Dropzone(".test", {
-	clickable: [".test", ".test"]
-});
-dropzoneWithOptionsVariations = new Dropzone(".test", {
-	clickable: [document.getElementById("test"), document.getElementById("test")]
-});
-dropzoneWithOptionsVariations = new Dropzone(".test", {
-	clickable: ["test", document.getElementById("test")]
-});
-
-const dropzone = new Dropzone(".test");
-
-dropzone.enable();
-dropzone.disable();
-
-dropzone.files.forEach(f => {
-	if (f.xhr) {
-		console.log(f.xhr.readyState)
-	}
-	if (f.accepted) {
-		f.previewElement.classList.add("accepted");
-		f.previewTemplate.classList.add("accepted");
-		f.previewsContainer.classList.add("accepted");
-	}
-	else {
-		console.log(f.status.toUpperCase());
-	}
-});
-
-const firstFile = dropzone.files[0];
-dropzone.removeFile(firstFile);
-dropzone.addFile(firstFile);
-dropzone.enqueueFile(firstFile);
-dropzone.processFile(firstFile);
-dropzone.uploadFile(firstFile);
-dropzone.cancelUpload(firstFile);
-dropzone.createThumbnail(firstFile, () => {
-	console.log("createThumbnail")
-});
-dropzone.createThumbnailFromUrl(firstFile, "/some/url", () => {
-	console.log("createThumbnailFromUrl")
-});
-dropzone.accept(firstFile, (e:string|Error) => {
-	console.log(e);
-});
-
-const acceptedFiles = dropzone.getAcceptedFiles();
-dropzone.processFiles(acceptedFiles);
-
-const rejectedFiles = dropzone.getRejectedFiles();
-dropzone.enqueueFiles(rejectedFiles);
-
-const queuedFiles = dropzone.getQueuedFiles();
-dropzone.processFiles(queuedFiles);
-
-const uploadingFiles = dropzone.getUploadingFiles();
-dropzone.processFiles(uploadingFiles);
-
-const activeFiles = dropzone.getActiveFiles();
-dropzone.processFiles(activeFiles);
-
-const addedFiles = dropzone.getFilesWithStatus(Dropzone.ADDED);
-dropzone.processFiles(addedFiles);
-
-dropzone.processQueue();
-dropzone.removeAllFiles(true);
-
-dropzone
-	.on("drop", () => {
-		console.count('drop');
-	})
-	.on("dragstart", () => {
-		console.count('dragstart');
-	})
-	.on("dragend", () => {
-		console.count('dragend');
-	})
-	.on("dragenter", () => {
-		console.count('dragenter');
-	})
-	.on("dragover", () => {
-		console.count('dragover');
-	})
-	.on("dragleave", () => {
-		console.count('dragleave');
-	})
-	.on("paste", () => {
-		console.count('paste');
-	})
-	.on("reset", () => {
-		console.count('reset');
-	})
-	.on("addedfile", () => {
-		console.count('addedfile');
-	})
-	.on("addedfiles", () => {
-		console.count('addedfiles');
-	})
-	.on("removedfile", () => {
-		console.count('removedfile');
-	})
-	.on("thumbnail", () => {
-		console.count('thumbnail');
-	})
-	.on("error", () => {
-		console.count('error');
-	})
-	.on("errormultiple", () => {
-		console.count('errormultiple');
-	})
-	.on("processing", () => {
-		console.count('processing');
-	})
-	.on("processingmultiple", () => {
-		console.count('processingmultiple');
-	})
-	.on("uploadprogress", () => {
-		console.count('uploadprogress');
-	})
-	.on("totaluploadprogress", () => {
-		console.count('totaluploadprogress');
-	})
-	.on("sending", () => {
-		console.count('sending');
-	})
-	.on("sendingmultiple", () => {
-		console.count('sendingmultiple');
-	})
-	.on("success", () => {
-		console.count('success');
-	})
-	.on("successmultiple", () => {
-		console.count('successmultiple');
-	})
-	.on("canceled", () => {
-		console.count('canceled');
-	})
-	.on("canceledmultiple", () => {
-		console.count('canceledmultiple');
-	})
-	.on("complete", () => {
-		console.count('complete');
-	})
-	.on("completemultiple", () => {
-		console.count('completemultiple');
-	})
-	.on("maxfilesexceeded", () => {
-		console.count('maxfilesexceeded');
-	})
-	.on("maxfilesreached", () => {
-		console.count('maxfilesreached');
-	})
-	.on("queuecomplete", () => {
-		console.count('queuecomplete');
-	});
-
-
-dropzone.destroy();
diff --git a/durandal/durandal-1.x.d.ts b/durandal/v1/index.d.ts
similarity index 100%
rename from durandal/durandal-1.x.d.ts
rename to durandal/v1/index.d.ts
diff --git a/durandal/v1/tsconfig.json b/durandal/v1/tsconfig.json
new file mode 100644
index 0000000000..333827a63e
--- /dev/null
+++ b/durandal/v1/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": false,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "durandal": ["durandal/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/easy-table/easy-table-0.2.0-tests.ts b/easy-table/easy-table-0.2.0-tests.ts
deleted file mode 100644
index 3887d08f66..0000000000
--- a/easy-table/easy-table-0.2.0-tests.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-
-import EasyTable = require('easy-table');
-
-var table = new EasyTable();
-
-table.cell('aa', 1);
-table.cell('bb',1);
-table.newRow();
-
-table.cell('aa', 1);
-table.cell('bb',1);
-
-table.print();
diff --git a/easy-table/easy-table-0.2.0.d.ts b/easy-table/easy-table-0.2.0.d.ts
deleted file mode 100644
index 1aaf7df01a..0000000000
--- a/easy-table/easy-table-0.2.0.d.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-// Type definitions for easy-table 0.2.0
-// Project: https://github.com/eldargab/easy-table
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-declare class EasyTable {
-    constructor();
-
-    cell(label: string, value: any, printer?: EasyTable.CellPrinter, width?: number): void;
-    newRow(): void;
-    toString(): string;
-    printTransposed(): string;
-    print(): string;
-    sort(fields: string): void;
-    sort(comparer: (a: any, b: any) => number): void;
-    total(label: string, accumulator: EasyTable.Accumulator, totalPrinter: EasyTable.CellPrinter): void;
-}
-
-declare namespace EasyTable {
-    function printArray(array: any[], cellPrinter?: CellPrinter, tablePrinter?: Printer): string;
-    function printObject(object: any, cellPrinter?: CellPrinter, tablePrinter?: Printer): string;
-
-    //printer helpers
-    function Number(length: number): CellPrinter;
-    function RightPadder(char: string): CellPrinter;
-    function LeftPadder(char: string): CellPrinter;
-
-    interface CellPrinter extends Function {
-        (obj: any, cell: (label: string, value: any, width?: number) => void): string;
-    }
-    interface Printer extends Function {
-        (table: EasyTable): string;
-    }
-    interface Accumulator extends Function {
-        (sum: number, val: number, index: number, length: number): number;
-    }
-}
-
-export = EasyTable;
diff --git a/electron/electron-tests.ts b/electron/electron-tests.ts
index 00b34d60b1..8ae462139a 100644
--- a/electron/electron-tests.ts
+++ b/electron/electron-tests.ts
@@ -1,7 +1,5 @@
-/// <reference path="electron.d.ts" />
-/// <reference path="../node/node.d.ts" />
-
 import electron = require('electron');
 import child_process = require('child_process');
 
-child_process.spawn(electron);
+// TODO
+child_process.spawn(electron as any);
diff --git a/electron/github-electron.d.ts b/electron/github-electron.d.ts
deleted file mode 100644
index f87b50b362..0000000000
--- a/electron/github-electron.d.ts
+++ /dev/null
@@ -1,5765 +0,0 @@
-// Type definitions for Electron v1.4.4
-// Project: http://electron.atom.io/
-// Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../node/node.d.ts" />
-
-declare namespace Electron {
-
-	interface Event {
-		preventDefault: Function;
-		sender: NodeJS.EventEmitter;
-	}
-
-	type Point = {
-		x: number;
-		y: number;
-	}
-
-	type Size = {
-		width: number;
-		height: number;
-	}
-
-	type Rectangle = {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	interface Destroyable {
-		/**
-		 * Destroys the object.
-		 */
-		destroy(): void;
-		/**
-		 * @returns Whether the object is destroyed.
-		 */
-		isDestroyed(): boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/app.md
-
-	/**
-	 * The app module is responsible for controlling the application's lifecycle.
-	 */
-	interface App extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the application has finished basic startup.
-		 * On Windows and Linux, the will-finish-launching event
-		 * is the same as the ready event; on macOS, this event represents
-		 * the applicationWillFinishLaunching notification of NSApplication.
-		 * You would usually set up listeners for the open-file and open-url events here,
-		 * and start the crash reporter and auto updater.
-		 *
-		 * In most cases, you should just do everything in the ready event handler.
-		 */
-		on(event: 'will-finish-launching', listener: Function): this;
-		/**
-		 * Emitted when Electron has finished initialization.
-		 */
-		on(event: 'ready', listener: (event: Event, launchInfo: Object) => void): this;
-		/**
-		 * Emitted when all windows have been closed.
-		 *
-		 * If you do not subscribe to this event and all windows are closed,
-		 * the default behavior is to quit the app; however, if you subscribe,
-		 * you control whether the app quits or not.
-		 * If the user pressed Cmd + Q, or the developer called app.quit(),
-		 * Electron will first try to close all the windows and then emit the will-quit event,
-		 * and in this case the window-all-closed event would not be emitted.
-		 */
-		on(event: 'window-all-closed', listener: Function): this;
-		/**
-		 * Emitted before the application starts closing its windows.
-		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
-		 */
-		on(event: 'before-quit', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when all windows have been closed and the application will quit.
-		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
-		 */
-		on(event: 'will-quit', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when the application is quitting.
-		 */
-		on(event: 'quit', listener: (event: Event, exitCode: number) => void): this;
-		/**
-		 * Emitted when the user wants to open a file with the application.
-		 * The open-file event is usually emitted when the application is already open
-		 * and the OS wants to reuse the application to open the file.
-		 * open-file is also emitted when a file is dropped onto the dock and the application
-		 * is not yet running. Make sure to listen for the open-file event very early
-		 * in your application startup to handle this case (even before the ready event is emitted).
-		 *
-		 * You should call event.preventDefault() if you want to handle this event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'open-file', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the user wants to open a URL with the application.
-		 * The URL scheme must be registered to be opened by your application.
-		 *
-		 * You should call event.preventDefault() if you want to handle this event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'open-url', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the application is activated, which usually happens when clicks on the applications’s dock icon.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'activate', listener: Function): this;
-		/**
-		 * Emitted during Handoff when an activity from a different device wants to be resumed.
-		 * You should call event.preventDefault() if you want to handle this event.
-		 */
-		on(event: 'continue-activity', listener: (event: Event, type: string, userInfo: Object) => void): this;
-		/**
-		 * Emitted when a browserWindow gets blurred.
-		 */
-		on(event: 'browser-window-blur', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a browserWindow gets focused.
-		 */
-		on(event: 'browser-window-focus', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a new browserWindow is created.
-		 */
-		on(event: 'browser-window-created', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a new webContents is created.
-		 */
-		on(event: 'web-contents-created', listener: (event: Event, webContents: WebContents) => void): this;
-		/**
-		 * Emitted when failed to verify the certificate for url, to trust the certificate
-		 * you should prevent the default behavior with event.preventDefault() and call callback(true).
-		 */
-		on(event: 'certificate-error', listener: (event: Event,
-			webContents: WebContents,
-			url: string,
-			error: string,
-			certificate: Certificate,
-			callback: (trust: boolean) => void
-		) => void): this;
-		/**
-		 * Emitted when a client certificate is requested.
-		 *
-		 * The url corresponds to the navigation entry requesting the client certificate
-		 * and callback needs to be called with an entry filtered from the list.
-		 * Using event.preventDefault() prevents the application from using the first certificate from the store.
-		 */
-		on(event: 'select-client-certificate', listener: (event: Event,
-			webContents: WebContents,
-			url: string,
-			certificateList: Certificate[],
-			callback: (certificate: Certificate) => void
-		) => void): this;
-		/**
-		 * Emitted when webContents wants to do basic auth.
-		 *
-		 * The default behavior is to cancel all authentications, to override this
-		 * you should prevent the default behavior with event.preventDefault()
-		 * and call callback(username, password) with the credentials.
-		 */
-		on(event: 'login', listener: (event: Event,
-			webContents: WebContents,
-			request: LoginRequest,
-			authInfo: LoginAuthInfo,
-			callback: (username: string, password: string) => void
-		) => void): this;
-		/**
-		 * Emitted when the gpu process crashes.
-		 */
-		on(event: 'gpu-process-crashed', listener: (event: Event, killed: boolean) => void): this;
-		/**
-		 * Emitted when Chrome's accessibility support changes.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		on(event: 'accessibility-support-changed', listener: (event: Event, accessibilitySupportEnabled: boolean) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Try to close all windows. The before-quit event will first be emitted.
-		 * If all windows are successfully closed, the will-quit event will be emitted
-		 * and by default the application would be terminated.
-		 *
-		 * This method guarantees all beforeunload and unload handlers are correctly
-		 * executed. It is possible that a window cancels the quitting by returning
-		 * false in beforeunload handler.
-		 */
-		quit(): void;
-		/**
-		 * Exits immediately with exitCode.
-		 * All windows will be closed immediately without asking user
-		 * and the before-quit and will-quit events will not be emitted.
-		 */
-		exit(exitCode?: number): void;
-		/**
-		 * Relaunches the app when current instance exits.
-		 *
-		 * By default the new instance will use the same working directory
-		 * and command line arguments with current instance.
-		 * When args is specified, the args will be passed as command line arguments instead.
-		 * When execPath is specified, the execPath will be executed for relaunch instead of current app.
-		 *
-		 * Note that this method does not quit the app when executed, you have to call app.quit
-		 * or app.exit after calling app.relaunch to make the app restart.
-		 *
-		 * When app.relaunch is called for multiple times, multiple instances
-		 * will be started after current instance exited.
-		 */
-		relaunch(options?: {
-			args?: string[],
-			execPath?: string
-		}): void;
-		/**
-		 * @returns Whether Electron has finished initializing.
-		 */
-		isReady(): boolean;
-		/**
-		 * On Linux, focuses on the first visible window.
-		 * On macOS, makes the application the active app.
-		 * On Windows, focuses on the application’s first window.
-		 */
-		focus(): void;
-		/**
-		 * Hides all application windows without minimizing them.
-		 * Note: This is only implemented on macOS.
-		 */
-		hide(): void;
-		/**
-		 * Shows application windows after they were hidden. Does not automatically focus them.
-		 * Note: This is only implemented on macOS.
-		 */
-		show(): void;
-		/**
-		 * Returns the current application directory.
-		 */
-		getAppPath(): string;
-		/**
-		 * @returns The path to a special directory or file associated with name.
-		 * On failure an Error would throw.
-		 */
-		getPath(name: AppPathName): string;
-		/**
-		 * Overrides the path to a special directory or file associated with name.
-		 * If the path specifies a directory that does not exist, the directory will
-		 * be created by this method. On failure an Error would throw.
-		 *
-		 * You can only override paths of names defined in app.getPath.
-		 *
-		 * By default web pages' cookies and caches will be stored under userData
-		 * directory, if you want to change this location, you have to override the
-		 * userData path before the ready event of app module gets emitted.
-		 */
-		setPath(name: AppPathName, path: string): void;
-		/**
-		 * @returns The version of loaded application, if no version is found in
-		 * application's package.json, the version of current bundle or executable.
-		 */
-		getVersion(): string;
-		/**
-		 * @returns The current application's name, the name in package.json would be used.
-		 * Usually the name field of package.json is a short lowercased name, according to
-		 * the spec of npm modules. So usually you should also specify a productName field,
-		 * which is your application's full capitalized name, and it will be preferred over
-		 * name by Electron.
-		 */
-		getName(): string;
-		/**
-		 * Overrides the current application's name.
-		 */
-		setName(name: string): void;
-		/**
-		  * @returns The current application locale.
-		  */
-		getLocale(): string;
-		/**
-		 * Adds path to recent documents list.
-		 *
-		 * This list is managed by the system, on Windows you can visit the list from
-		 * task bar, and on macOS you can visit it from dock menu.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		addRecentDocument(path: string): void;
-		/**
-		 * Clears the recent documents list.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		clearRecentDocuments(): void;
-		/**
-		 * Sets the current executable as the default handler for a protocol (aka URI scheme).
-		 * Once registered, all links with your-protocol:// will be opened with the current executable.
-		 * The whole link, including protocol, will be passed to your application as a parameter.
-		 *
-		 * On Windows you can provide optional parameters path, the path to your executable,
-		 * and args, an array of arguments to be passed to your executable when it launches.
-		 *
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 *       On macOS, you can only register protocols that have been added to your app's info.plist.
-		 */
-		setAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * Removes the current executable as the default handler for a protocol (aka URI scheme).
-		 *
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		removeAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * @returns Whether the current executable is the default handler for a protocol (aka URI scheme).
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		isDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * Adds tasks to the Tasks category of JumpList on Windows.
-		 *
-		 * Note: This API is only available on Windows.
-		 */
-		setUserTasks(tasks: Task[]): boolean;
-		/**
-		 * Note: This API is only available on Windows.
-		 */
-		getJumpListSettings(): JumpListSettings;
-		/**
-		 * Sets or removes a custom Jump List for the application.
-		 *
-		 * If categories is null the previously set custom Jump List (if any) will be replaced
-		 * by the standard Jump List for the app (managed by Windows).
-		 *
-		 * Note: This API is only available on Windows.
-		 */
-		setJumpList(categories: JumpListCategory[]): SetJumpListResult;
-		/**
-		 * This method makes your application a Single Instance Application instead of allowing
-		 * multiple instances of your app to run, this will ensure that only a single instance
-		 * of your app is running, and other instances signal this instance and exit.
-		 */
-		makeSingleInstance(callback: (args: string[], workingDirectory: string) => void): boolean;
-		/**
-		 * Releases all locks that were created by makeSingleInstance. This will allow
-		 * multiple instances of the application to once again run side by side.
-		 */
-		releaseSingleInstance(): void;
-		/**
-		 * Creates an NSUserActivity and sets it as the current activity.
-		 * The activity is eligible for Handoff to another device afterward.
-		 *
-		 * @param type Uniquely identifies the activity. Maps to NSUserActivity.activityType.
-		 * @param userInfo App-specific state to store for use by another device.
-		 * @param webpageURL The webpage to load in a browser if no suitable app is
-		 * 					 installed on the resuming device. The scheme must be http or https.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setUserActivity(type: string, userInfo: Object, webpageURL?: string): void;
-		/**
-		 * @returns The type of the currently running activity.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		getCurrentActivityType(): string;
-		/**
-		 * Changes the Application User Model ID to id.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		setAppUserModelId(id: string): void;
-		/**
-		 * Imports the certificate in pkcs12 format into the platform certificate store.
-		 * @param callback Called with the result of import operation, a value of 0 indicates success
-		 * while any other value indicates failure according to chromium net_error_list.
-		 *
-		 * Note: This API is only available on Linux.
-		 */
-		importCertificate(options: ImportCertificateOptions, callback: (result: number) => void): void;
-		/**
-		 * Disables hardware acceleration for current app.
-		 * This method can only be called before app is ready.
-		 */
-		disableHardwareAcceleration(): void;
-		/**
-		 * @returns whether current desktop environment is Unity launcher. (Linux)
-		 *
-		 * Note: This API is only available on Linux.
-		 */
-		isUnityRunning(): boolean;
-		/**
-		 * Returns a Boolean, true if Chrome's accessibility support is enabled, false otherwise.
-		 * This API will return true if the use of assistive technologies, such as screen readers,
-		 * has been detected.
-		 * See https://www.chromium.org/developers/design-documents/accessibility for more details.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		isAccessibilitySupportEnabled(): boolean;
-		/**
-		 * @returns an Object with the login item settings of the app.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		getLoginItemSettings(): LoginItemSettings;
-		/**
-		 * Set the app's login item settings.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		setLoginItemSettings(settings: LoginItemSettings): void;
-		/**
-		 * Set the about panel options. This will override the values defined in the app's .plist file.
-		 * See the Apple docs for more details.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setAboutPanelOptions(options: AboutPanelOptions): void;
-		commandLine: CommandLine;
-		/**
-		 * Note: This API is only available on macOS.
-		 */
-		dock: Dock;
-	}
-
-	type AppPathName = 'home'|'appData'|'userData'|'temp'|'exe'|'module'|'desktop'|'documents'|'downloads'|'music'|'pictures'|'videos'|'pepperFlashSystemPlugin';
-
-	interface ImportCertificateOptions {
-		/**
-		 * Path for the pkcs12 file.
-		 */
-		certificate: string;
-		/**
-		 * Passphrase for the certificate.
-		 */
-		password: string;
-	}
-
-	interface CommandLine {
-		/**
-		 * Append a switch [with optional value] to Chromium's command line.
-		 *
-		 * Note: This will not affect process.argv, and is mainly used by developers
-		 * to control some low-level Chromium behaviors.
-		 */
-		appendSwitch(_switch: string, value?: string): void;
-		/**
-		 * Append an argument to Chromium's command line. The argument will quoted properly.
-		 *
-		 * Note: This will not affect process.argv.
-		 */
-		appendArgument(value: string): void;
-	}
-
-	interface Dock {
-		/**
-		 * When critical is passed, the dock icon will bounce until either the
-		 * application becomes active or the request is canceled.
-		 *
-		 * When informational is passed, the dock icon will bounce for one second.
-		 * However, the request remains active until either the application becomes
-		 * active or the request is canceled.
-		 *
-		 * @param type The default is informational.
-		 * @returns An ID representing the request.
-		 */
-		bounce(type?: 'critical' | 'informational'): number;
-		/**
-		 * Cancel the bounce of id.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		cancelBounce(id: number): void;
-		/**
-		 * Bounces the Downloads stack if the filePath is inside the Downloads folder.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		downloadFinished(filePath: string): void;
-		/**
-		 * Sets the string to be displayed in the dock’s badging area.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setBadge(text: string): void;
-		/**
-		 * Returns the badge string of the dock.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		getBadge(): string;
-		/**
-		 * Sets the counter badge for current app. Setting the count to 0 will hide the badge.
-		 *
-		 * @returns True when the call succeeded, otherwise returns false.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		setBadgeCount(count: number): boolean;
-		/**
-		 * @returns The current value displayed in the counter badge.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		getBadgeCount(): number;
-		/**
-		 * Hides the dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		hide(): void;
-		/**
-		 * Shows the dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		show(): void;
-		/**
-		 * @returns Whether the dock icon is visible.
-		 * The app.dock.show() call is asynchronous so this method might not return true immediately after that call.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		isVisible(): boolean;
-		/**
-		 * Sets the application dock menu.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setMenu(menu: Menu): void;
-		/**
-		 * Sets the image associated with this dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setIcon(icon: NativeImage | string): void;
-	}
-
-	interface Task {
-		/**
-		 * Path of the program to execute, usually you should specify process.execPath
-		 * which opens current program.
-		 */
-		program: string;
-		/**
-		 * The arguments of command line when program is executed.
-		 */
-		arguments: string;
-		/**
-		 * The string to be displayed in a JumpList.
-		 */
-		title: string;
-		/**
-		 * Description of this task.
-		 */
-		description?: string;
-		/**
-		 * The absolute path to an icon to be displayed in a JumpList, it can be
-		 * arbitrary resource file that contains an icon, usually you can specify
-		 * process.execPath to show the icon of the program.
-		 */
-		iconPath: string;
-		/**
-		 * The icon index in the icon file. If an icon file consists of two or more
-		 * icons, set this value to identify the icon. If an icon file consists of
-		 * one icon, this value is 0.
-		 */
-		iconIndex?: number;
-	}
-
-	/**
-	 * ok - Nothing went wrong.
-	 * error - One or more errors occured, enable runtime logging to figure out the likely cause.
-	 * invalidSeparatorError - An attempt was made to add a separator to a custom category in the Jump List.
-	 *                         Separators are only allowed in the standard Tasks category.
-	 * fileTypeRegistrationError - An attempt was made to add a file link to the Jump List
-	 *                             for a file type the app isn't registered to handle.
-	 * customCategoryAccessDeniedError - Custom categories can't be added to the Jump List
-	 *                                   due to user privacy or group policy settings.
-	 */
-	type SetJumpListResult = 'ok' | 'error' | 'invalidSeparatorError' | 'fileTypeRegistrationError' | 'customCategoryAccessDeniedError';
-
-	interface JumpListSettings {
-		/**
-		 * The minimum number of items that will be shown in the Jump List.
-		 */
-		minItems: number;
-		/**
-		 * Items that the user has explicitly removed from custom categories in the Jump List.
-		 */
-		removedItems: JumpListItem[];
-	}
-
-	interface JumpListCategory {
-		/**
-		 * tasks - Items in this category will be placed into the standard Tasks category.
-		 * frequent - Displays a list of files frequently opened by the app, the name of the category and its items are set by Windows.
-		 * recent - Displays a list of files recently opened by the app, the name of the category and its items are set by Windows.
-		 * custom - Displays tasks or file links, name must be set by the app.
-		 */
-		type?: 'tasks' | 'frequent' | 'recent' | 'custom';
-		/**
-		 * Must be set if type is custom, otherwise it should be omitted.
-		 */
-		name?: string;
-		/**
-		 * Array of JumpListItem objects if type is tasks or custom, otherwise it should be omitted.
-		 */
-		items?: JumpListItem[];
-	}
-
-	interface JumpListItem {
-		/**
-		 * task - A task will launch an app with specific arguments.
-		 * separator - Can be used to separate items in the standard Tasks category.
-		 * file - A file link will open a file using the app that created the Jump List.
-		 */
-		type: 'task' | 'separator' | 'file';
-		/**
-		 * Path of the file to open, should only be set if type is file.
-		 */
-		path?: string;
-		/**
-		 * Path of the program to execute, usually you should specify process.execPath which opens the current program.
-		 * Should only be set if type is task.
-		 */
-		program?: string;
-		/**
-		 * The command line arguments when program is executed. Should only be set if type is task.
-		 */
-		args?: string;
-		/**
-		 * The text to be displayed for the item in the Jump List. Should only be set if type is task.
-		 */
-		title?: string;
-		/**
-		 * Description of the task (displayed in a tooltip). Should only be set if type is task.
-		 */
-		description?: string;
-		/**
-		 * The absolute path to an icon to be displayed in a Jump List, which can be an arbitrary
-		 * resource file that contains an icon (e.g. .ico, .exe, .dll).
-		 * You can usually specify process.execPath to show the program icon.
-		 */
-		iconPath?: string;
-		/**
-		 * The index of the icon in the resource file. If a resource file contains multiple icons
-		 * this value can be used to specify the zero-based index of the icon that should be displayed
-		 * for this task. If a resource file contains only one icon, this property should be set to zero.
-		 */
-		iconIndex?: number;
-	}
-
-	interface LoginItemSettings {
-		/**
-		 * True if the app is set to open at login.
-		 */
-		openAtLogin: boolean;
-		/**
-		 * True if the app is set to open as hidden at login. This setting is only supported on macOS.
-		 */
-		openAsHidden: boolean;
-		/**
-		 * True if the app was opened at login automatically. This setting is only supported on macOS.
-		 */
-		wasOpenedAtLogin?: boolean;
-		/**
-		 * True if the app was opened as a hidden login item. This indicates that the app should not
-		 * open any windows at startup. This setting is only supported on macOS.
-		 */
-		wasOpenedAsHidden?: boolean;
-		/**
-		 * True if the app was opened as a login item that should restore the state from the previous session.
-		 * This indicates that the app should restore the windows that were open the last time the app was closed.
-		 * This setting is only supported on macOS.
-		 */
-		restoreState?: boolean;
-	}
-
-	interface AboutPanelOptions {
-		/**
-		 * The app's name.
-		 */
-		applicationName?: string;
-		/**
-		 * The app's version.
-		 */
-		applicationVersion?: string;
-		/**
-		 * Copyright information.
-		 */
-		copyright?: string;
-		/**
-		 * Credit information.
-		 */
-		credits?: string;
-		/**
-		 * The app's build version number.
-		 */
-		version?: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/auto-updater.md
-
-	/**
-	 * This module provides an interface for the Squirrel auto-updater framework.
-	 */
-	interface AutoUpdater extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when there is an error while updating.
-		 */
-		on(event: 'error', listener: (error: Error) => void): this;
-		/**
-		 * Emitted when checking if an update has started.
-		 */
-		on(event: 'checking-for-update', listener: Function): this;
-		/**
-		 * Emitted when there is an available update. The update is downloaded automatically.
-		 */
-		on(event: 'update-available', listener: Function): this;
-		/**
-		 * Emitted when there is no available update.
-		 */
-		on(event: 'update-not-available', listener: Function): this;
-		/**
-		 * Emitted when an update has been downloaded.
-		 * Note: On Windows only releaseName is available.
-		 */
-		on(event: 'update-downloaded', listener: (event: Event, releaseNotes: string, releaseName: string, releaseDate: Date, updateURL: string) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Set the url and initialize the auto updater.
-		 */
-		setFeedURL(url: string, requestHeaders?: Headers): void;
-		/**
-		 * @returns The current update feed URL.
-		 */
-		getFeedURL(): string;
-		/**
-		 * Ask the server whether there is an update, you have to call setFeedURL
-		 * before using this API
-		 */
-		checkForUpdates(): void;
-		/**
-		 * Restarts the app and installs the update after it has been downloaded.
-		 * It should only be called after update-downloaded has been emitted.
-		 */
-		quitAndInstall(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/browser-window.md
-
-	/**
-	 * The BrowserWindow class gives you ability to create a browser window.
-	 * You can also create a window without chrome by using Frameless Window API.
-	 */
-	class BrowserWindow extends NodeJS.EventEmitter implements Destroyable {
-		/**
-		 * Emitted when the document changed its title,
-		 * calling event.preventDefault() would prevent the native window’s title to change.
-		 */
-		on(event: 'page-title-updated', listener: (event: Event, title: string) => void): this;
-		/**
-		 * Emitted when the window is going to be closed. It’s emitted before the beforeunload
-		 * and unload event of the DOM. Calling event.preventDefault() will cancel the close.
-		 */
-		on(event: 'close', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when the window is closed. After you have received this event
-		 * you should remove the reference to the window and avoid using it anymore.
-		 */
-		on(event: 'closed', listener: Function): this;
-		/**
-		 * Emitted when the web page becomes unresponsive.
-		 */
-		on(event: 'unresponsive', listener: Function): this;
-		/**
-		 * Emitted when the unresponsive web page becomes responsive again.
-		 */
-		on(event: 'responsive', listener: Function): this;
-		/**
-		 * Emitted when the window loses focus.
-		 */
-		on(event: 'blur', listener: Function): this;
-		/**
-		 * Emitted when the window gains focus.
-		 */
-		on(event: 'focus', listener: Function): this;
-		/**
-		 * Emitted when the window is shown.
-		 */
-		on(event: 'show', listener: Function): this;
-		/**
-		 * Emitted when the window is hidden.
-		 */
-		on(event: 'hide', listener: Function): this;
-		/**
-		 * Emitted when the web page has been rendered and window can be displayed without visual flash.
-		 */
-		on(event: 'ready-to-show', listener: Function): this;
-		/**
-		 * Emitted when window is maximized.
-		 */
-		on(event: 'maximize', listener: Function): this;
-		/**
-		 * Emitted when the window exits from maximized state.
-		 */
-		on(event: 'unmaximize', listener: Function): this;
-		/**
-		 * Emitted when the window is minimized.
-		 */
-		on(event: 'minimize', listener: Function): this;
-		/**
-		 * Emitted when the window is restored from minimized state.
-		 */
-		on(event: 'restore', listener: Function): this;
-		/**
-		 * Emitted when the window is getting resized.
-		 */
-		on(event: 'resize', listener: Function): this;
-		/**
-		 * Emitted when the window is getting moved to a new position.
-		 */
-		on(event: 'move', listener: Function): this;
-		/**
-		 * Emitted when the window enters full screen state.
-		 */
-		on(event: 'enter-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window leaves full screen state.
-		 */
-		on(event: 'leave-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window enters full screen state triggered by HTML API.
-		 */
-		on(event: 'enter-html-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window leaves full screen state triggered by HTML API.
-		 */
-		on(event: 'leave-html-full-screen', listener: Function): this;
-		/**
-		 * Emitted when an App Command is invoked. These are typically related
-		 * to keyboard media keys or browser commands, as well as the "Back" /
-		 * "Forward" buttons built into some mice on Windows.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'app-command', listener: (event: Event, command: string) => void): this;
-		/**
-		 * Emitted when scroll wheel event phase has begun.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-begin', listener: Function): this;
-		/**
-		 * Emitted when scroll wheel event phase has ended.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-end', listener: Function): this;
-		/**
-		 * Emitted when scroll wheel event phase filed upon reaching the edge of element.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-edge', listener: Function): this;
-		/**
-		 * Emitted on 3-finger swipe.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'swipe', listener: (event: Event, direction: SwipeDirection) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Creates a new BrowserWindow with native properties as set by the options.
-		 */
-		constructor(options?: BrowserWindowOptions);
-		/**
-		 * @returns All opened browser windows.
-		 */
-		static getAllWindows(): BrowserWindow[];
-		/**
-		 * @returns The window that is focused in this application.
-		 */
-		static getFocusedWindow(): BrowserWindow;
-		/**
-		 * Find a window according to the webContents it owns.
-		 */
-		static fromWebContents(webContents: WebContents): BrowserWindow;
-		/**
-		 * Find a window according to its ID.
-		 */
-		static fromId(id: number): BrowserWindow;
-		/**
-		 * Adds devtools extension located at path. The extension will be remembered
-		 * so you only need to call this API once, this API is not for programming use.
-		 * @returns The extension's name.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static addDevToolsExtension(path: string): string;
-		/**
-		 * Remove a devtools extension.
-		 * @param name The name of the devtools extension to remove.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static removeDevToolsExtension(name: string): void;
-		/**
-		 * @returns devtools extensions.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static getDevToolsExtensions(): DevToolsExtensions;
-		/**
-		 * The WebContents object this window owns, all web page related events and
-		 * operations would be done via it.
-		 * Note: Users should never store this object because it may become null when
-		 * the renderer process (web page) has crashed.
-		 */
-		webContents: WebContents;
-		/**
-		 * Get the unique ID of this window.
-		 */
-		id: number;
-		/**
-		 * Force closing the window, the unload and beforeunload event won't be emitted
-		 * for the web page, and close event would also not be emitted for this window,
-		 * but it would guarantee the closed event to be emitted.
-		 * You should only use this method when the renderer process (web page) has crashed.
-		 */
-		destroy(): void;
-		/**
-		 * Try to close the window, this has the same effect with user manually clicking
-		 * the close button of the window. The web page may cancel the close though,
-		 * see the close event.
-		 */
-		close(): void;
-		/**
-		 * Focus on the window.
-		 */
-		focus(): void;
-		/**
-		 * Remove focus on the window.
-		 */
-		blur(): void;
-		/**
-		 * @returns Whether the window is focused.
-		 */
-		isFocused(): boolean;
-		/**
-		 * @returns Whether the window is destroyed.
-		 */
-		isDestroyed(): boolean;
-		/**
-		 * Shows and gives focus to the window.
-		 */
-		show(): void;
-		/**
-		 * Shows the window but doesn't focus on it.
-		 */
-		showInactive(): void;
-		/**
-		 * Hides the window.
-		 */
-		hide(): void;
-		/**
-		 * @returns Whether the window is visible to the user.
-		 */
-		isVisible(): boolean;
-		/**
-		 * @returns Whether the window is a modal window.
-		 */
-		isModal(): boolean;
-		/**
-		 * Maximizes the window.
-		 */
-		maximize(): void;
-		/**
-		 * Unmaximizes the window.
-		 */
-		unmaximize(): void;
-		/**
-		 * @returns Whether the window is maximized.
-		 */
-		isMaximized(): boolean;
-		/**
-		 * Minimizes the window. On some platforms the minimized window will be
-		 * shown in the Dock.
-		 */
-		minimize(): void;
-		/**
-		 * Restores the window from minimized state to its previous state.
-		 */
-		restore(): void;
-		/**
-		 * @returns Whether the window is minimized.
-		 */
-		isMinimized(): boolean;
-		/**
-		 * Sets whether the window should be in fullscreen mode.
-		 */
-		setFullScreen(flag: boolean): void;
-		/**
-		 * @returns Whether the window is in fullscreen mode.
-		 */
-		isFullScreen(): boolean;
-		/**
-		 * This will have a window maintain an aspect ratio.
-		 * The extra size allows a developer to have space, specified in pixels,
-		 * not included within the aspect ratio calculations.
-		 * This API already takes into account the difference between a window’s size and its content size.
-		 *
-		 * Note: This API is available only on macOS.
-		 */
-		setAspectRatio(aspectRatio: number, extraSize?: Size): void;
-		/**
-		 * Resizes and moves the window to width, height, x, y.
-		 */
-		setBounds(options: Rectangle, animate?: boolean): void;
-		/**
-		 * @returns The window's width, height, x and y values.
-		 */
-		getBounds(): Rectangle;
-		/**
-		 * Resizes and moves the window's client area (e.g. the web page) to width, height, x, y.
-		 */
-		setContentBounds(options: Rectangle, animate?: boolean): void;
-		/**
-		 * @returns The window's client area (e.g. the web page) width, height, x and y values.
-		 */
-		getContentBounds(): Rectangle;
-		/**
-		 * Resizes the window to width and height.
-		 */
-		setSize(width: number, height: number, animate?: boolean): void;
-		/**
-		 * @returns The window's width and height.
-		 */
-		getSize(): number[];
-		/**
-		 * Resizes the window's client area (e.g. the web page) to width and height.
-		 */
-		setContentSize(width: number, height: number, animate?: boolean): void;
-		/**
-		 * @returns The window's client area's width and height.
-		 */
-		getContentSize(): number[];
-		/**
-		 * Sets the minimum size of window to width and height.
-		 */
-		setMinimumSize(width: number, height: number): void;
-		/**
-		 * @returns The window's minimum width and height.
-		 */
-		getMinimumSize(): number[];
-		/**
-		 * Sets the maximum size of window to width and height.
-		 */
-		setMaximumSize(width: number, height: number): void;
-		/**
-		 * @returns The window's maximum width and height.
-		 */
-		getMaximumSize(): number[];
-		/**
-		 * Sets whether the window can be manually resized by user.
-		 */
-		setResizable(resizable: boolean): void;
-		/**
-		 * @returns Whether the window can be manually resized by user.
-		 */
-		isResizable(): boolean;
-		/**
-		 * Sets whether the window can be moved by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMovable(movable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be moved by user. On Linux always returns true.
-		 */
-		isMovable(): boolean;
-		/**
-		 * Sets whether the window can be manually minimized by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMinimizable(minimizable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually minimized by user. On Linux always returns true.
-		 */
-		isMinimizable(): boolean;
-		/**
-		 * Sets whether the window can be manually maximized by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMaximizable(maximizable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually maximized by user. On Linux always returns true.
-		 */
-		isMaximizable(): boolean;
-		/**
-		 * Sets whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
-		 */
-		setFullScreenable(fullscreenable: boolean): void;
-		/**
-		 * @returns Whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
-		 */
-		isFullScreenable(): boolean;
-		/**
-		 * Sets whether the window can be manually closed by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setClosable(closable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually closed by user. On Linux always returns true.
-		 */
-		isClosable(): boolean;
-		/**
-		 * Sets whether the window should show always on top of other windows. After
-		 * setting this, the window is still a normal window, not a toolbox window
-		 * which can not be focused on.
-		 */
-		setAlwaysOnTop(flag: boolean, level?: WindowLevel): void;
-		/**
-		 * @returns Whether the window is always on top of other windows.
-		 */
-		isAlwaysOnTop(): boolean;
-		/**
-		 * Moves window to the center of the screen.
-		 */
-		center(): void;
-		/**
-		 * Moves window to x and y.
-		 */
-		setPosition(x: number, y: number, animate?: boolean): void;
-		/**
-		 * @returns The window's current position.
-		 */
-		getPosition(): number[];
-		/**
-		 * Changes the title of native window to title.
-		 */
-		setTitle(title: string): void;
-		/**
-		 * Note: The title of web page can be different from the title of the native window.
-		 * @returns The title of the native window.
-		 */
-		getTitle(): string;
-		/**
-		 * Changes the attachment point for sheets on macOS.
-		 * Note: This API is available only on macOS.
-		 */
-		setSheetOffset(offsetY: number, offsetX?: number): void;
-		/**
-		 * Starts or stops flashing the window to attract user's attention.
-		 */
-		flashFrame(flag: boolean): void;
-		/**
-		 * Makes the window do not show in Taskbar.
-		 */
-		setSkipTaskbar(skip: boolean): void;
-		/**
-		 * Enters or leaves the kiosk mode.
-		 */
-		setKiosk(flag: boolean): void;
-		/**
-		 * @returns Whether the window is in kiosk mode.
-		 */
-		isKiosk(): boolean;
-		/**
-		 * The native type of the handle is HWND on Windows, NSView* on macOS,
-		 * and Window (unsigned long) on Linux.
-		 * @returns The platform-specific handle of the window as Buffer.
-		 */
-		getNativeWindowHandle(): Buffer;
-		/**
-		 * Hooks a windows message. The callback is called when the message is received in the WndProc.
-		 * Note: This API is available only on Windows.
-		 */
-		hookWindowMessage(message: number, callback: Function): void;
-		/**
-		 * @returns Whether the message is hooked.
-		 */
-		isWindowMessageHooked(message: number): boolean;
-		/**
-		 * Unhook the window message.
-		 */
-		unhookWindowMessage(message: number): void;
-		/**
-		 * Unhooks all of the window messages.
-		 */
-		unhookAllWindowMessages(): void;
-		/**
-		 * Sets the pathname of the file the window represents, and the icon of the
-		 * file will show in window's title bar.
-		 * Note: This API is available only on macOS.
-		 */
-		setRepresentedFilename(filename: string): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns The pathname of the file the window represents.
-		 */
-		getRepresentedFilename(): string;
-		/**
-		 * Specifies whether the window’s document has been edited, and the icon in
-		 * title bar will become grey when set to true.
-		 * Note: This API is available only on macOS.
-		 */
-		setDocumentEdited(edited: boolean): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns Whether the window's document has been edited.
-		 */
-		isDocumentEdited(): boolean;
-		focusOnWebView(): void;
-		blurWebView(): void;
-		/**
-		 * Captures the snapshot of page within rect, upon completion the callback
-		 * will be called. Omitting the rect would capture the whole visible page.
-		 * Note: Be sure to read documents on remote buffer in remote if you are going
-		 * to use this API in renderer process.
-		 * @param callback Supplies the image that stores data of the snapshot.
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures the snapshot of page within rect, upon completion the callback
-		 * will be called. Omitting the rect would capture the whole visible page.
-		 * Note: Be sure to read documents on remote buffer in remote if you are going
-		 * to use this API in renderer process.
-		 * @param callback Supplies the image that stores data of the snapshot.
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Same as webContents.loadURL(url).
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * Same as webContents.reload.
-		 */
-		reload(): void;
-		/**
-		 * Sets the menu as the window top menu.
-		 * Note: This API is not available on macOS.
-		 */
-		setMenu(menu: Menu): void;
-		/**
-		 * Sets the progress value in the progress bar.
-		 * On Linux platform, only supports Unity desktop environment, you need to
-		 * specify the *.desktop file name to desktopName field in package.json.
-		 * By default, it will assume app.getName().desktop.
-		 * @param progress Valid range is [0, 1.0]. If < 0, the progress bar is removed.
-		 * If greater than 0, it becomes indeterminate.
-		 */
-		setProgressBar(progress: number, options?: {
-			/**
-			 * Mode for the progress bar.
-			 * Note: This is only implemented on Windows.
-			 */
-			mode: 'none' | 'normal' | 'indeterminate' | 'error' | 'paused'
-		}): void;
-		/**
-		 * Sets a 16px overlay onto the current Taskbar icon, usually used to convey
-		 * some sort of application status or to passively notify the user.
-		 * Note: This API is only available on Windows 7 or above.
-		 * @param overlay The icon to display on the bottom right corner of the Taskbar
-		 * icon. If this parameter is null, the overlay is cleared
-		 * @param description Provided to Accessibility screen readers.
-		 */
-		setOverlayIcon(overlay: NativeImage, description: string): void;
-		/**
-		 * Sets whether the window should have a shadow. On Windows and Linux does nothing.
-		 * Note: This API is available only on macOS.
-		 */
-		setHasShadow(hasShadow: boolean): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns whether the window has a shadow. On Windows and Linux always returns true.
-		 */
-		hasShadow(): boolean;
-		/**
-		 * Add a thumbnail toolbar with a specified set of buttons to the thumbnail image
-		 * of a window in a taskbar button layout.
-		 * @returns Whether the thumbnail has been added successfully.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbarButtons(buttons: ThumbarButton[]): boolean;
-		/**
-		 * Sets the region of the window to show as the thumbnail image displayed when hovering
-		 * over the window in the taskbar. You can reset the thumbnail to be the entire window
-		 * by specifying an empty region: {x: 0, y: 0, width: 0, height: 0}.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbnailClip(region: Rectangle): boolean;
-		/**
-		 * Sets the toolTip that is displayed when hovering over the window thumbnail in the taskbar.
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbnailToolTip(toolTip: string): boolean;
-		/**
-		 * Same as webContents.showDefinitionForSelection().
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * Changes window icon.
-		 * Note: This API is not available on macOS.
-		 */
-		setIcon(icon: NativeImage): void;
-		/**
-		 * Sets whether the window menu bar should hide itself automatically. Once set
-		 * the menu bar will only show when users press the single Alt key.
-		 * If the menu bar is already visible, calling setAutoHideMenuBar(true) won't
-		 * hide it immediately.
-		 */
-		setAutoHideMenuBar(hide: boolean): void;
-		/**
-		 * @returns Whether menu bar automatically hides itself.
-		 */
-		isMenuBarAutoHide(): boolean;
-		/**
-		 * Sets whether the menu bar should be visible. If the menu bar is auto-hide,
-		 * users can still bring up the menu bar by pressing the single Alt key.
-		 */
-		setMenuBarVisibility(visibile: boolean): void;
-		/**
-		 * @returns Whether the menu bar is visible.
-		 */
-		isMenuBarVisible(): boolean;
-		/**
-		 * Sets whether the window should be visible on all workspaces.
-		 * Note: This API does nothing on Windows.
-		 */
-		setVisibleOnAllWorkspaces(visible: boolean): void;
-		/**
-		 * Note: This API always returns false on Windows.
-		 * @returns Whether the window is visible on all workspaces.
-		 */
-		isVisibleOnAllWorkspaces(): boolean;
-		/**
-		 * Makes the window ignore all mouse events.
-		 *
-		 * All mouse events happened in this window will be passed to the window below this window,
-		 * but if this window has focus, it will still receive keyboard events.
-		 */
-		setIgnoreMouseEvents(ignore: boolean): void;
-		/**
-		 * Prevents the window contents from being captured by other apps.
-		 *
-		 * On macOS it sets the NSWindow's sharingType to NSWindowSharingNone.
-		 * On Windows it calls SetWindowDisplayAffinity with WDA_MONITOR.
-		 */
-		setContentProtection(enable: boolean): void;
-		/**
-		 * Changes whether the window can be focused.
-		 * Note: This API is available only on Windows.
-		 */
-		setFocusable(focusable: boolean): void;
-		/**
-		 * Sets parent as current window's parent window,
-		 * passing null will turn current window into a top-level window.
-		 * Note: This API is not available on Windows.
-		 */
-		setParentWindow(parent: BrowserWindow): void;
-		/**
-		 * @returns The parent window.
-		 */
-		getParentWindow(): BrowserWindow;
-		/**
-		 * @returns All child windows.
-		 */
-		getChildWindows(): BrowserWindow[];
-	}
-
-	type WindowLevel = 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver' | 'dock';
-	type SwipeDirection = 'up' | 'right' | 'down' | 'left';
-	type ThumbarButtonFlags = 'enabled' | 'disabled' | 'dismissonclick' | 'nobackground' | 'hidden' | 'noninteractive';
-
-	interface ThumbarButton {
-		icon: NativeImage | string;
-		click: Function;
-		tooltip?: string;
-		flags?: ThumbarButtonFlags[];
-	}
-
-	interface DevToolsExtensions {
-		[name: string]: {
-			name: string;
-			value: string;
-		}
-	}
-
-	interface WebPreferences {
-		/**
-		 * Whether to enable DevTools.
-		 * If it is set to false, can not use BrowserWindow.webContents.openDevTools() to open DevTools.
-		 * Default: true.
-		 */
-		devTools?: boolean;
-		/**
-		 * Whether node integration is enabled.
-		 * Default: true.
-		 */
-		nodeIntegration?: boolean;
-		/**
-		 * Specifies a script that will be loaded before other scripts run in the page.
-		 * This script will always have access to node APIs no matter whether node integration is turned on or off.
-		 * The value should be the absolute file path to the script.
-		 * When node integration is turned off, the preload script can reintroduce
-		 * Node global symbols back to the global scope.
-		 */
-		preload?: string;
-		/**
-		 * Sets the session used by the page. Instead of passing the Session object directly,
-		 * you can also choose to use the partition option instead, which accepts a partition string.
-		 * When both session and partition are provided, session would be preferred.
-		 * Default: the default session.
-		 */
-		session?: Session;
-		/**
-		 * Sets the session used by the page according to the session’s partition string.
-		 * If partition starts with persist:, the page will use a persistent session available
-		 * to all pages in the app with the same partition. if there is no persist: prefix,
-		 * the page will use an in-memory session. By assigning the same partition,
-		 * multiple pages can share the same session.
-		 * Default: the default session.
-		 */
-		partition?: string;
-		/**
-		 * The default zoom factor of the page, 3.0 represents 300%.
-		 * Default: 1.0.
-		 */
-		zoomFactor?: number;
-		/**
-		 * Enables JavaScript support.
-		 * Default: true.
-		 */
-		javascript?: boolean;
-		/**
-		 * When setting false, it will disable the same-origin policy (Usually using testing
-		 * websites by people), and set allowDisplayingInsecureContent and allowRunningInsecureContent
-		 * to true if these two options are not set by user.
-		 * Default: true.
-		 */
-		webSecurity?: boolean;
-		/**
-		 * Allow an https page to display content like images from http URLs.
-		 * Default: false.
-		 */
-		allowDisplayingInsecureContent?: boolean;
-		/**
-		 * Allow a https page to run JavaScript, CSS or plugins from http URLs.
-		 * Default: false.
-		 */
-		allowRunningInsecureContent?: boolean;
-		/**
-		 * Enables image support.
-		 * Default: true.
-		 */
-		images?: boolean;
-		/**
-		 * Make TextArea elements resizable.
-		 * Default: true.
-		 */
-		textAreasAreResizable?: boolean;
-		/**
-		 * Enables WebGL support.
-		 * Default: true.
-		 */
-		webgl?: boolean;
-		/**
-		 * Enables WebAudio support.
-		 * Default: true.
-		 */
-		webaudio?: boolean;
-		/**
-		 * Whether plugins should be enabled.
-		 * Default: false.
-		 */
-		plugins?: boolean;
-		/**
-		 * Enables Chromium’s experimental features.
-		 * Default: false.
-		 */
-		experimentalFeatures?: boolean;
-		/**
-		 * Enables Chromium’s experimental canvas features.
-		 * Default: false.
-		 */
-		experimentalCanvasFeatures?: boolean;
-		/**
-		 * Enables DirectWrite font rendering system on Windows.
-		 * Default: true.
-		 */
-		directWrite?: boolean;
-		/**
-		 * Enables scroll bounce (rubber banding) effect on macOS.
-		 * Default: false.
-		 */
-		scrollBounce?: boolean;
-		/**
-		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to enable.
-		 */
-		blinkFeatures?: string;
-		/**
-		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to disable.
-		 */
-		disableBlinkFeatures?: string;
-		/**
-		 * Sets the default font for the font-family.
-		 */
-		defaultFontFamily?: {
-			/**
-			 * Default: Times New Roman.
-			 */
-			standard?: string;
-			/**
-			 * Default: Times New Roman.
-			 */
-			serif?: string;
-			/**
-			 * Default: Arial.
-			 */
-			sansSerif?: string;
-			/**
-			 * Default: Courier New.
-			 */
-			monospace?: string;
-		};
-		/**
-		 * Default: 16.
-		 */
-		defaultFontSize?: number;
-		/**
-		 * Default: 13.
-		 */
-		defaultMonospaceFontSize?: number;
-		/**
-		 * Default: 0.
-		 */
-		minimumFontSize?: number;
-		/**
-		 * Default: ISO-8859-1.
-		 */
-		defaultEncoding?: string;
-		/**
-		 * Whether to throttle animations and timers when the page becomes background.
-		 * Default: true.
-		 */
-		backgroundThrottling?: boolean;
-		/**
-		 * Whether to enable offscreen rendering for the browser window.
-		 * Default: false.
-		 */
-		offscreen?: boolean;
-		/**
-		 * Whether to enable Chromium OS-level sandbox.
-		 * Default: false.
-		 */
-		sandbox?: boolean;
-	}
-
-	interface BrowserWindowOptions {
-		/**
-		 * Window’s width in pixels.
-		 * Default: 800.
-		 */
-		width?: number;
-		/**
-		 * Window’s height in pixels.
-		 * Default: 600.
-		 */
-		height?: number;
-		/**
-		 * Window’s left offset from screen.
-		 * Default: center the window.
-		 */
-		x?: number;
-		/**
-		 * Window’s top offset from screen.
-		 * Default: center the window.
-		 */
-		y?: number;
-		/**
-		 * The width and height would be used as web page’s size, which means
-		 * the actual window’s size will include window frame’s size and be slightly larger.
-		 * Default: false.
-		 */
-		useContentSize?: boolean;
-		/**
-		 * Show window in the center of the screen.
-		 * Default: true
-		 */
-		center?: boolean;
-		/**
-		 * Window’s minimum width.
-		 * Default: 0.
-		 */
-		minWidth?: number;
-		/**
-		 * Window’s minimum height.
-		 * Default: 0.
-		 */
-		minHeight?: number;
-		/**
-		 * Window’s maximum width.
-		 * Default: no limit.
-		 */
-		maxWidth?: number;
-		/**
-		 * Window’s maximum height.
-		 * Default: no limit.
-		 */
-		maxHeight?: number;
-		/**
-		 * Whether window is resizable.
-		 * Default: true.
-		 */
-		resizable?: boolean;
-		/**
-		 * Whether window is movable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		movable?: boolean;
-		/**
-		 * Whether window is minimizable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		minimizable?: boolean;
-		/**
-		 * Whether window is maximizable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		maximizable?: boolean;
-		/**
-		 * Whether window is closable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		closable?: boolean;
-		/**
-		 * Whether the window can be focused.
-		 * On Windows setting focusable: false also implies setting skipTaskbar: true.
-		 * On Linux setting focusable: false makes the window stop interacting with wm,
-		 * so the window will always stay on top in all workspaces.
-		 * Default: true.
-		 */
-		focusable?: boolean;
-		/**
-		 * Whether the window should always stay on top of other windows.
-		 * Default: false.
-		 */
-		alwaysOnTop?: boolean;
-		/**
-		 * Whether the window should show in fullscreen.
-		 * When explicitly set to false the fullscreen button will be hidden or disabled on macOS.
-		 * Default: false.
-		 */
-		fullscreen?: boolean;
-		/**
-		 * Whether the window can be put into fullscreen mode.
-		 * On macOS, also whether the maximize/zoom button should toggle full screen mode or maximize window.
-		 * Default: true.
-		 */
-		fullscreenable?: boolean;
-		/**
-		 * Whether to show the window in taskbar.
-		 * Default: false.
-		 */
-		skipTaskbar?: boolean;
-		/**
-		 * The kiosk mode.
-		 * Default: false.
-		 */
-		kiosk?: boolean;
-		/**
-		 * Default window title.
-		 * Default: "Electron".
-		 */
-		title?: string;
-		/**
-		 * The window icon, when omitted on Windows the executable’s icon would be used as window icon.
-		 */
-		icon?: NativeImage|string;
-		/**
-		 * Whether window should be shown when created.
-		 * Default: true.
-		 */
-		show?: boolean;
-		/**
-		 * Specify false to create a Frameless Window.
-		 * Default: true.
-		 */
-		frame?: boolean;
-		/**
-		 * Specify parent window.
-		 * Default: null.
-		 */
-		parent?: BrowserWindow;
-		/**
-		 * Whether this is a modal window. This only works when the window is a child window.
-		 * Default: false.
-		 */
-		modal?: boolean;
-		/**
-		 * Whether the web view accepts a single mouse-down event that simultaneously activates the window.
-		 * Default: false.
-		 */
-		acceptFirstMouse?: boolean;
-		/**
-		 * Whether to hide cursor when typing.
-		 * Default: false.
-		 */
-		disableAutoHideCursor?: boolean;
-		/**
-		 * Auto hide the menu bar unless the Alt key is pressed.
-		 * Default: true.
-		 */
-		autoHideMenuBar?: boolean;
-		/**
-		 * Enable the window to be resized larger than screen.
-		 * Default: false.
-		 */
-		enableLargerThanScreen?: boolean;
-		/**
-		 * Window’s background color as Hexadecimal value, like #66CD00 or #FFF or #80FFFFFF (alpha is supported).
-		 * Default: #FFF (white).
-		 */
-		backgroundColor?: string;
-		/**
-		 * Whether window should have a shadow.
-		 * Note: This is only implemented on macOS.
-		 * Default: true.
-		 */
-		hasShadow?: boolean;
-		/**
-		 * Forces using dark theme for the window.
-		 * Note: Only works on some GTK+3 desktop environments.
-		 * Default: false.
-		 */
-		darkTheme?: boolean;
-		/**
-		 * Makes the window transparent.
-		 * Default: false.
-		 */
-		transparent?: boolean;
-		/**
-		 * The type of window, default is normal window.
-		 */
-		type?: BrowserWindowType;
-		/**
-		 * The style of window title bar.
-		 */
-		titleBarStyle?: 'default' | 'hidden' | 'hidden-inset';
-		/**
-		 * Use WS_THICKFRAME style for frameless windows on Windows
-		 */
-		thickFrame?: boolean;
-		/**
-		 * Settings of web page’s features.
-		 */
-		webPreferences?: WebPreferences;
-	}
-
-	type BrowserWindowType = BrowserWindowTypeLinux | BrowserWindowTypeMac | BrowserWindowTypeWindows;
-	type BrowserWindowTypeLinux = 'desktop' | 'dock' | 'toolbar' | 'splash' | 'notification';
-	type BrowserWindowTypeMac = 'desktop' | 'textured';
-	type BrowserWindowTypeWindows = 'toolbar';
-
-	// https://github.com/electron/electron/blob/master/docs/api/clipboard.md
-
-	/**
-	 * The clipboard module provides methods to perform copy and paste operations.
-	 */
-	interface Clipboard {
-		/**
-		 * @returns The contents of the clipboard as plain text.
-		 */
-		readText(type?: ClipboardType): string;
-		/**
-		 * Writes the text into the clipboard as plain text.
-		 */
-		writeText(text: string, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as markup.
-		 */
-		readHTML(type?: ClipboardType): string;
-		/**
-		 * Writes markup to the clipboard.
-		 */
-		writeHTML(markup: string, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as a NativeImage.
-		 */
-		readImage(type?: ClipboardType): NativeImage;
-		/**
-		 * Writes the image into the clipboard.
-		 */
-		writeImage(image: NativeImage, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as RTF.
-		 */
-		readRTF(type?: ClipboardType): string;
-		/**
-		 * Writes the text into the clipboard in RTF.
-		 */
-		writeRTF(text: string, type?: ClipboardType): void;
-		/**
-		 * Clears everything in clipboard.
-		 */
-		clear(type?: ClipboardType): void;
-		/**
-		 * @returns Array available formats for the clipboard type.
-		 */
-		availableFormats(type?: ClipboardType): string[];
-		/**
-		 * Returns whether the clipboard supports the format of specified data.
-		 * Note: This API is experimental and could be removed in future.
-		 * @returns Whether the clipboard has data in the specified format.
-		 */
-		has(format: string, type?: ClipboardType): boolean;
-		/**
-		 * Reads the data in the clipboard of the specified format.
-		 * Note: This API is experimental and could be removed in future.
-		 */
-		read(format: string, type?: ClipboardType): string | NativeImage;
-		/**
-		 * Writes data to the clipboard.
-		 */
-		write(data: {
-			text?: string;
-			rtf?: string;
-			html?: string;
-			image?: NativeImage;
-		}, type?: ClipboardType): void;
-		/**
-		 * @returns An Object containing title and url keys representing the bookmark in the clipboard.
-		 *
-		 * Note: This API is available on macOS and Windows.
-		 */
-		readBookmark(): Bookmark;
-		/**
-		 * Writes the title and url into the clipboard as a bookmark.
-		 *
-		 * Note: This API is available on macOS and Windows.
-		 */
-		writeBookmark(title: string, url: string, type?: ClipboardType): void;
-	}
-
-	type ClipboardType = '' | 'selection';
-
-	interface Bookmark {
-		title: string;
-		url: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/content-tracing.md
-
-	/**
-	 * The content-tracing module is used to collect tracing data generated by the underlying Chromium content module.
-	 * This module does not include a web interface so you need to open chrome://tracing/
-	 * in a Chrome browser and load the generated file to view the result.
-	 */
-	interface ContentTracing {
-		/**
-		 * Get a set of category groups. The category groups can change as new code paths are reached.
-		 *
-		 * @param callback Called once all child processes have acknowledged the getCategories request.
-		 */
-		getCategories(callback: (categoryGroups: string[]) => void): void;
-		/**
-		 * Start recording on all processes. Recording begins immediately locally and asynchronously
-		 * on child processes as soon as they receive the EnableRecording request.
-		 *
-		 * @param callback Called once all child processes have acknowledged the startRecording request.
-		 */
-		startRecording(options: ContentTracingOptions, callback: Function): void;
-		/**
-		 * Stop recording on all processes. Child processes typically are caching trace data and
-		 * only rarely flush and send trace data back to the main process. That is because it may
-		 * be an expensive operation to send the trace data over IPC, and we would like to avoid
-		 * much runtime overhead of tracing. So, to end tracing, we must asynchronously ask all
-		 * child processes to flush any pending trace data.
-		 *
-		 * @param resultFilePath Trace data will be written into this file if it is not empty,
-		 * or into a temporary file.
-		 * @param callback Called once all child processes have acknowledged the stopRecording request.
-		 */
-		stopRecording(resultFilePath: string, callback: (filePath: string) => void): void;
-		/**
-		 * Start monitoring on all processes. Monitoring begins immediately locally and asynchronously
-		 * on child processes as soon as they receive the startMonitoring request.
-		 *
-		 * @param callback Called once all child processes have acked to the startMonitoring request.
-		 */
-		startMonitoring(options: ContentTracingOptions, callback: Function): void;
-		/**
-		 * Stop monitoring on all processes.
-		 *
-		 * @param callback Called once all child processes have acknowledged the stopMonitoring request.
-		 */
-		stopMonitoring(callback: Function): void;
-		/**
-		 * Get the current monitoring traced data. Child processes typically are caching trace data
-		 * and only rarely flush and send trace data back to the main process. That is because it may
-		 * be an expensive operation to send the trace data over IPC, and we would like to avoid much
-		 * runtime overhead of tracing. So, to end tracing, we must asynchronously ask all child
-		 * processes to flush any pending trace data.
-		 *
-		 * @param callback Called once all child processes have acknowledged the captureMonitoringSnapshot request.
-		 */
-		captureMonitoringSnapshot(resultFilePath: string, callback: (filePath: string) => void): void;
-		/**
-		 * Get the maximum usage across processes of trace buffer as a percentage of the full state.
-		 *
-		 * @param callback Called when the TraceBufferUsage value is determined.
-		 */
-		getTraceBufferUsage(callback: Function): void;
-		/**
-		 * @param callback Called every time the given event occurs on any process.
-		 */
-		setWatchEvent(categoryName: string, eventName: string, callback: Function): void;
-		/**
-		 * Cancel the watch event. This may lead to a race condition with the watch event callback if tracing is enabled.
-		 */
-		cancelWatchEvent(): void;
-	}
-
-	interface ContentTracingOptions {
-		/**
-		 * Filter to control what category groups should be traced.
-		 * A filter can have an optional - prefix to exclude category groups
-		 * that contain a matching category. Having both included and excluded
-		 * category patterns in the same list is not supported.
-		 *
-		 * Examples:
-		 *   test_MyTest*
-		 *   test_MyTest*,test_OtherStuff
-		 *   -excluded_category1,-excluded_category2
-		 */
-		categoryFilter: string;
-		/**
-		 * Controls what kind of tracing is enabled, it is a comma-delimited list.
-		 *
-		 * Possible options are:
-		 *   record-until-full
-		 *   record-continuously
-		 *   trace-to-console
-		 *   enable-sampling
-		 *   enable-systrace
-		 *
-		 * The first 3 options are trace recoding modes and hence mutually exclusive.
-		 * If more than one trace recording modes appear in the traceOptions string,
-		 * the last one takes precedence. If none of the trace recording modes are specified,
-		 * recording mode is record-until-full.
-		 *
-		 * The trace option will first be reset to the default option (record_mode set
-		 * to record-until-full, enable_sampling and enable_systrace set to false)
-		 * before options parsed from traceOptions are applied on it.
-		 */
-		traceOptions: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/crash-reporter.md
-
-	/**
-	 * The crash-reporter module enables sending your app's crash reports.
-	 */
-	interface CrashReporter {
-		/**
-		 * You are required to call this method before using other crashReporter APIs.
-		 *
-		 * Note: On macOS, Electron uses a new crashpad client, which is different from breakpad
-		 * on Windows and Linux. To enable the crash collection feature, you are required to call
-		 * the crashReporter.start API to initialize crashpad in the main process and in each
-		 * renderer process from which you wish to collect crash reports.
-		 */
-		start(options: CrashReporterStartOptions): void;
-		/**
-		 * @returns The crash report. When there was no crash report
-		 * sent or the crash reporter is not started, null will be returned.
-		 */
-		getLastCrashReport(): CrashReport;
-		/**
-		 * @returns All uploaded crash reports.
-		 */
-		getUploadedReports(): CrashReport[];
-	}
-
-	interface CrashReporterStartOptions {
-		/**
-		 * Default: app.getName()
-		 */
-		productName?: string;
-		companyName: string;
-		/**
-		 * URL that crash reports would be sent to as POST.
-		 */
-		submitURL: string;
-		/**
-		 * Send the crash report without user interaction.
-		 * Default: true.
-		 */
-		autoSubmit?: boolean;
-		/**
-		 * Default: false.
-		 */
-		ignoreSystemCrashHandler?: boolean;
-		/**
-		 * An object you can define that will be sent along with the report.
-		 * Only string properties are sent correctly, nested objects are not supported.
-		 */
-		extra?: {[prop: string]: string};
-	}
-
-	interface CrashReport {
-		id: string;
-		date: Date;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/desktop-capturer.md
-
-	/**
-	 * The desktopCapturer module can be used to get available sources
-	 * that can be used to be captured with getUserMedia.
-	 */
-	interface DesktopCapturer {
-		/**
-		 * Starts a request to get all desktop sources.
-		 *
-		 * Note: There is no guarantee that the size of source.thumbnail is always
-		 * the same as the thumnbailSize in options. It also depends on the scale of the screen or window.
-		 */
-		getSources(options: DesktopCapturerOptions, callback: (error: Error, sources: DesktopCapturerSource[]) => any): void;
-	}
-
-	interface DesktopCapturerOptions {
-		/**
-		 * The types of desktop sources to be captured.
-		 */
-		types?: ('screen' | 'window')[];
-		/**
-		 * The suggested size that thumbnail should be scaled.
-		 * Default: {width: 150, height: 150}
-		 */
-		thumbnailSize?: Size;
-	}
-
-	interface DesktopCapturerSource {
-		/**
-		 * The id of the captured window or screen used in navigator.webkitGetUserMedia.
-		 * The format looks like window:XX or screen:XX where XX is a random generated number.
-		 */
-		id: string;
-		/**
-		 * The described name of the capturing screen or window.
-		 * If the source is a screen, the name will be Entire Screen or Screen <index>;
-		 * if it is a window, the name will be the window’s title.
-		 */
-		name: string;
-		/**
-		 * A thumbnail image.
-		 */
-		thumbnail: NativeImage;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/dialog.md
-
-	/**
-	 * The dialog module provides APIs to show native system dialogs, such as opening files or alerting,
-	 * so web applications can deliver the same user experience as native applications.
-	 */
-	interface Dialog {
-		/**
-		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
-		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
-		 *
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns an array of file paths chosen by the user,
-		 * otherwise returns undefined.
-		 */
-		showOpenDialog(browserWindow: BrowserWindow, options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
-		/**
-		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
-		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
-		 *
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns an array of file paths chosen by the user,
-		 * otherwise returns undefined.
-		 */
-		showOpenDialog(options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
-		/**
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns the path of file chosen by the user, otherwise
-		 * returns undefined.
-		 */
-		showSaveDialog(browserWindow: BrowserWindow, options: SaveDialogOptions, callback?: (fileName: string) => void): string;
-		/**
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns the path of file chosen by the user, otherwise
-		 * returns undefined.
-		 */
-		showSaveDialog(options: SaveDialogOptions, callback?: (fileName: string) => void): string;
-		/**
-		 * Shows a message box. It will block until the message box is closed.
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns The index of the clicked button.
-		 */
-		showMessageBox(browserWindow: BrowserWindow, options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
-		/**
-		 * Shows a message box. It will block until the message box is closed.
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns The index of the clicked button.
-		 */
-		showMessageBox(options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
-		/**
-		 * Displays a modal dialog that shows an error message.
-		 *
-		 * This API can be called safely before the ready event the app module emits,
-		 * it is usually used to report errors in early stage of startup.
-		 * If called before the app readyevent on Linux, the message will be emitted to stderr,
-		 * and no GUI dialog will appear.
-		 */
-		showErrorBox(title: string, content: string): void;
-	}
-
-	interface OpenDialogOptions {
-		title?: string;
-		defaultPath?: string;
-		/**
-		 * Custom label for the confirmation button, when left empty the default label will be used.
-		 */
-		buttonLabel?: string;
-		/**
-		 * File types that can be displayed or selected.
-		 */
-		filters?: {
-			name: string;
-			/**
-			 * Extensions without wildcards or dots (e.g. 'png' is good but '.png' and '*.png' are bad).
-			 * To show all files, use the '*' wildcard (no other wildcard is supported).
-			 */
-			extensions: string[];
-		}[];
-		/**
-		 * Contains which features the dialog should use.
-		 */
-		properties?: ('openFile' | 'openDirectory' | 'multiSelections' | 'createDirectory' | 'showHiddenFiles')[];
-	}
-
-	interface SaveDialogOptions {
-		title?: string;
-		defaultPath?: string;
-		/**
-		 * Custom label for the confirmation button, when left empty the default label will be used.
-		 */
-		buttonLabel?: string;
-		/**
-		 * File types that can be displayed, see dialog.showOpenDialog for an example.
-		 */
-		filters?: {
-			name: string;
-			extensions: string[];
-		}[];
-	}
-
-	interface ShowMessageBoxOptions {
-		/**
-		 * On Windows, "question" displays the same icon as "info", unless you set an icon using the "icon" option.
-		 */
-		type?: 'none' | 'info' | 'error' | 'question' | 'warning';
-		/**
-		 * Texts for buttons. On Windows, an empty array will result in one button labeled "OK".
-		 */
-		buttons?: string[];
-		/**
-		 * Index of the button in the buttons array which will be selected by default when the message box opens.
-		 */
-		defaultId?: number;
-		/**
-		 * Title of the message box (some platforms will not show it).
-		 */
-		title?: string;
-		/**
-		 * Contents of the message box.
-		 */
-		message?: string;
-		/**
-		 * Extra information of the message.
-		 */
-		detail?: string;
-		icon?: NativeImage;
-		/**
-		 * The value will be returned when user cancels the dialog instead of clicking the buttons of the dialog.
-		 * By default it is the index of the buttons that have "cancel" or "no" as label,
-		 * or 0 if there is no such buttons. On macOS and Windows the index of "Cancel" button
-		 * will always be used as cancelId, not matter whether it is already specified.
-		 */
-		cancelId?: number;
-		/**
-		 * On Windows Electron will try to figure out which one of the buttons are common buttons
-		 * (like "Cancel" or "Yes"), and show the others as command links in the dialog.
-		 * This can make the dialog appear in the style of modern Windows apps.
-		 * If you don’t like this behavior, you can set noLink to true.
-		 */
-		noLink?: boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/download-item.md
-
-	/**
-	 * DownloadItem represents a download item in Electron.
-	 */
-	interface DownloadItem extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the download has been updated and is not done.
-		 */
-		on(event: 'updated', listener: (event: Event, state: 'progressing' | 'interrupted') => void): this;
-		/**
-		 * Emits when the download is in a terminal state. This includes a completed download,
-		 * a cancelled download (via downloadItem.cancel()), and interrupted download that can’t be resumed.
-		 */
-		on(event: 'done', listener: (event: Event, state: 'completed' | 'cancelled' | 'interrupted') => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Set the save file path of the download item.
-		 * Note: The API is only available in session’s will-download callback function.
-		 * If user doesn’t set the save path via the API, Electron will use the original
-		 * routine to determine the save path (Usually prompts a save dialog).
-		 */
-		setSavePath(path: string): void;
-		/**
-		 * @returns The save path of the download item.
-		 * This will be either the path set via downloadItem.setSavePath(path) or the path selected from the shown save dialog.
-		 */
-		getSavePath(): string;
-		/**
-		 * Pauses the download.
-		 */
-		pause(): void;
-		/**
-		 * @returns Whether the download is paused.
-		 */
-		isPaused(): boolean;
-		/**
-		 * Resumes the download that has been paused.
-		 */
-		resume(): void;
-		/**
-		 * @returns Whether the download can resume.
-		 */
-		canResume(): boolean;
-		/**
-		 * Cancels the download operation.
-		 */
-		cancel(): void;
-		/**
-		 * @returns The origin url where the item is downloaded from.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The mime type.
-		 */
-		getMimeType(): string;
-		/**
-		 * @returns Whether the download has user gesture.
-		 */
-		hasUserGesture(): boolean;
-		/**
-		 * @returns The file name of the download item.
-		 * Note: The file name is not always the same as the actual one saved in local disk.
-		 * If user changes the file name in a prompted download saving dialog,
-		 * the actual name of saved file will be different.
-		 */
-		getFilename(): string;
-		/**
-		 * @returns The total size in bytes of the download item. If the size is unknown, it returns 0.
-		 */
-		getTotalBytes(): number;
-		/**
-		 * @returns The received bytes of the download item.
-		 */
-		getReceivedBytes(): number;
-		/**
-		 * @returns The Content-Disposition field from the response header.
-		 */
-		getContentDisposition(): string;
-		/**
-		 * @returns The current state.
-		 */
-		getState(): 'progressing' | 'completed' | 'cancelled' | 'interrupted';
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/global-shortcut.md
-
-	/**
-	 * The globalShortcut module can register/unregister a global keyboard shortcut
-	 * with the operating system so that you can customize the operations for various shortcuts.
-	 * Note: The shortcut is global; it will work even if the app does not have the keyboard focus.
-	 * You should not use this module until the ready event of the app module is emitted.
-	 */
-	interface GlobalShortcut {
-		/**
-		 * Registers a global shortcut of accelerator.
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 * @param callback Called when the registered shortcut is pressed by the user.
-		 */
-		register(accelerator: string, callback: Function): void;
-		/**
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 * @returns Whether the accelerator is registered.
-		 */
-		isRegistered(accelerator: string): boolean;
-		/**
-		 * Unregisters the global shortcut of keycode.
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 */
-		unregister(accelerator: string): void;
-		/**
-		 * Unregisters all the global shortcuts.
-		 */
-		unregisterAll(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/ipc-main.md
-
-	/**
-	 * The ipcMain module handles asynchronous and synchronous messages
-	 * sent from a renderer process (web page).
-	 * Messages sent from a renderer will be emitted to this module.
-	 */
-	interface IpcMain extends NodeJS.EventEmitter {
-		addListener(channel: string, listener: IpcMainEventListener): this;
-		on(channel: string, listener: IpcMainEventListener): this;
-		once(channel: string, listener: IpcMainEventListener): this;
-		removeListener(channel: string, listener: IpcMainEventListener): this;
-		removeAllListeners(channel?: string): this;
-	}
-
-	type IpcMainEventListener = (event: IpcMainEvent, ...args: any[]) => void;
-
-	interface IpcMainEvent {
-		/**
-		 * Set this to the value to be returned in a synchronous message.
-		 */
-		returnValue?: any;
-		/**
-		 * Returns the webContents that sent the message, you can call sender.send
-		 * to reply to the asynchronous message.
-		 */
-		sender: WebContents;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/ipc-renderer.md
-
-	/**
-	 * The ipcRenderer module provides a few methods so you can send synchronous
-	 * and asynchronous messages from the render process (web page) to the main process.
-	 * You can also receive replies from the main process.
-	 */
-	interface IpcRenderer extends NodeJS.EventEmitter {
-		addListener(channel: string, listener: IpcRendererEventListener): this;
-		on(channel: string, listener: IpcRendererEventListener): this;
-		once(channel: string, listener: IpcRendererEventListener): this;
-		removeListener(channel: string, listener: IpcRendererEventListener): this;
-		removeAllListeners(channel?: string): this;
-		/**
-		 * Send ...args to the renderer via channel in asynchronous message, the main
-		 * process can handle it by listening to the channel event of ipc module.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Send ...args to the renderer via channel in synchronous message, and returns
-		 * the result sent from main process. The main process can handle it by listening
-		 * to the channel event of ipc module, and returns by setting event.returnValue.
-		 * Note: Usually developers should never use this API, since sending synchronous
-		 * message would block the whole renderer process.
-		 * @returns The result sent from the main process.
-		 */
-		sendSync(channel: string, ...args: any[]): any;
-		/**
-		 * Like ipc.send but the message will be sent to the host page instead of the main process.
-		 * This is mainly used by the page in <webview> to communicate with host page.
-		 */
-		sendToHost(channel: string, ...args: any[]): void;
-	}
-
-	type IpcRendererEventListener = (event: IpcRendererEvent, ...args: any[]) => void;
-
-	interface IpcRendererEvent {
-		/**
-		 * You can call sender.send to reply to the asynchronous message.
-		 */
-		sender: IpcRenderer;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/menu-item.md
-	// https://github.com/electron/electron/blob/master/docs/api/accelerator.md
-
-	/**
-	 * The MenuItem allows you to add items to an application or context menu.
-	 */
-	class MenuItem {
-		/**
-		 * Create a new menu item.
-		 */
-		constructor(options: MenuItemOptions);
-
-		click: (menuItem: MenuItem, browserWindow: BrowserWindow, event: Event) => void;
-		/**
-		 * Read-only property.
-		 */
-		type: MenuItemType;
-		/**
-		 * Read-only property.
-		 */
-		role: MenuItemRole | MenuItemRoleMac;
-		/**
-		 * Read-only property.
-		 */
-		accelerator: string;
-		/**
-		 * Read-only property.
-		 */
-		icon: NativeImage | string;
-		/**
-		 * Read-only property.
-		 */
-		submenu: Menu | MenuItemOptions[];
-
-		label: string;
-		sublabel: string;
-		enabled: boolean;
-		visible: boolean;
-		checked: boolean;
-	}
-
-	type MenuItemType = 'normal' | 'separator' | 'submenu' | 'checkbox' | 'radio';
-	type MenuItemRole = 'undo' | 'redo' | 'cut' | 'copy' | 'paste' | 'pasteandmatchstyle' | 'selectall' | 'delete' | 'minimize' | 'close' | 'quit' | 'togglefullscreen' | 'resetzoom' | 'zoomin' | 'zoomout';
-	type MenuItemRoleMac = 'about' | 'hide' | 'hideothers' | 'unhide' | 'startspeaking' | 'stopspeaking' | 'front' | 'zoom' | 'window' | 'help' | 'services';
-
-	interface MenuItemOptions {
-		/**
-		 * Callback when the menu item is clicked.
-		 */
-		click?: (menuItem: MenuItem, browserWindow: BrowserWindow) => void;
-		/**
-		 * Can be normal, separator, submenu, checkbox or radio.
-		 */
-		type?: MenuItemType;
-		label?: string;
-		sublabel?: string;
-		/**
-		 * An accelerator is string that represents a keyboard shortcut, it can contain
-		 * multiple modifiers and key codes, combined by the + character.
-		 *
-		 * Examples:
-		 *   CommandOrControl+A
-		 *   CommandOrControl+Shift+Z
-		 *
-		 * Platform notice:
-		 *   On Linux and Windows, the Command key would not have any effect,
-		 *   you can use CommandOrControl which represents Command on macOS and Control on
-		 *   Linux and Windows to define some accelerators.
-		 *
-		 *   Use Alt instead of Option. The Option key only exists on macOS, whereas
-		 *   the Alt key is available on all platforms.
-		 *
-		 *   The Super key is mapped to the Windows key on Windows and Linux and Cmd on macOS.
-		 *
-		 * Available modifiers:
-		 *   Command (or Cmd for short)
-		 *   Control (or Ctrl for short)
-		 *   CommandOrControl (or CmdOrCtrl for short)
-		 *   Alt
-		 *   Option
-		 *   AltGr
-		 *   Shift
-		 *   Super
-		 *
-		 * Available key codes:
-		 *   0 to 9
-		 *   A to Z
-		 *   F1 to F24
-		 *   Punctuations like ~, !, @, #, $, etc.
-		 *   Plus
-		 *   Space
-		 *   Tab
-		 *   Backspace
-		 *   Delete
-		 *   Insert
-		 *   Return (or Enter as alias)
-		 *   Up, Down, Left and Right
-		 *   Home and End
-		 *   PageUp and PageDown
-		 *   Escape (or Esc for short)
-		 *   VolumeUp, VolumeDown and VolumeMute
-		 *   MediaNextTrack, MediaPreviousTrack, MediaStop and MediaPlayPause
-		 *   PrintScreen
-		 */
-		accelerator?: string;
-		/**
-		 * In Electron for the APIs that take images, you can pass either file paths
-		 * or NativeImage instances. When passing null, an empty image will be used.
-		 */
-		icon?: NativeImage|string;
-		/**
-		 * If false, the menu item will be greyed out and unclickable.
-		 */
-		enabled?: boolean;
-		/**
-		 * If false, the menu item will be entirely hidden.
-		 */
-		visible?: boolean;
-		/**
-		 * Should only be specified for 'checkbox' or 'radio' type menu items.
-		 */
-		checked?: boolean;
-		/**
-		 * Should be specified for submenu type menu item, when it's specified the
-		 * type: 'submenu' can be omitted for the menu item
-		 */
-		submenu?: Menu|MenuItemOptions[];
-		/**
-		 * Unique within a single menu. If defined then it can be used as a reference
-		 * to this item by the position attribute.
-		 */
-		id?: string;
-		/**
-		 * This field allows fine-grained definition of the specific location within
-		 * a given menu.
-		 */
-		position?: string;
-		/**
-		 * Define the action of the menu item, when specified the click property will be ignored
-		 */
-		role?: MenuItemRole | MenuItemRoleMac;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/menu.md
-
-	/**
-	 * The Menu class is used to create native menus that can be used as application
-	 * menus and context menus. This module is a main process module which can be used
-	 * in a render process via the remote module.
-	 *
-	 * Each menu consists of multiple menu items, and each menu item can have a submenu.
-	 */
-	class Menu extends NodeJS.EventEmitter {
-		/**
-		 * Creates a new menu.
-		 */
-		constructor();
-		/**
-		 * Sets menu as the application menu on macOS. On Windows and Linux, the menu
-		 * will be set as each window's top menu.
-		 */
-		static setApplicationMenu(menu: Menu): void;
-		/**
-		 * @returns The application menu if set, or null if not set.
-		 */
-		static getApplicationMenu(): Menu;
-		/**
-		 * Sends the action to the first responder of application.
-		 * This is used for emulating default Cocoa menu behaviors,
-		 * usually you would just use the role property of MenuItem.
-		 *
-		 * Note: This method is macOS only.
-		 */
-		static sendActionToFirstResponder(action: string): void;
-		/**
-		 * @param template Generally, just an array of options for constructing MenuItem.
-		 * You can also attach other fields to element of the template, and they will
-		 * become properties of the constructed menu items.
-		 */
-		static buildFromTemplate(template: MenuItemOptions[]): Menu;
-		/**
-		 * Pops up this menu as a context menu in the browserWindow. You can optionally
-		 * provide a (x,y) coordinate to place the menu at, otherwise it will be placed
-		 * at the current mouse cursor position.
-		 * @param x Horizontal coordinate where the menu will be placed.
-		 * @param y Vertical coordinate where the menu will be placed.
-		 */
-		popup(browserWindow?: BrowserWindow, x?: number, y?: number): void;
-		/**
-		 * Appends the menuItem to the menu.
-		 */
-		append(menuItem: MenuItem): void;
-		/**
-		 * Inserts the menuItem to the pos position of the menu.
-		 */
-		insert(position: number, menuItem: MenuItem): void;
-		/**
-		 * @returns an array containing the menu’s items.
-		 */
-		items: MenuItem[];
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/native-image.md
-
-	/**
-	 * This class is used to represent an image.
-	 */
-	class NativeImage {
-		/**
-		 * Creates an empty NativeImage instance.
-		 */
-		static createEmpty(): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from file located at path.
-		 * This method returns an empty image if the path does not exist, cannot be read, or is not a valid image.
-		 */
-		static createFromPath(path: string): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from buffer.
-		 * @param scaleFactor 1.0 by default.
-		 */
-		static createFromBuffer(buffer: Buffer, scaleFactor?: number): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from dataURL
-		 */
-		static createFromDataURL(dataURL: string): NativeImage;
-		/**
-		 * @returns Buffer that contains the image's PNG encoded data.
-		 */
-		toPNG(): Buffer;
-		/**
-		 * @returns Buffer that contains the image's JPEG encoded data.
-		 */
-		toJPEG(quality: number): Buffer;
-		/**
-		 * @returns Buffer that contains a copy of the image's raw bitmap pixel data.
-		 */
-		toBitmap(): Buffer;
-		/**
-		 * @returns Buffer that contains the image's raw bitmap pixel data.
-		 *
-		 * The difference between getBitmap() and toBitmap() is, getBitmap() does not copy the bitmap data,
-		 * so you have to use the returned Buffer immediately in current event loop tick,
-		 * otherwise the data might be changed or destroyed.
-		 */
-		getBitmap(): Buffer;
-		/**
-		 * @returns The data URL of the image.
-		 */
-		toDataURL(): string;
-		/**
-		 * The native type of the handle is NSImage* on macOS.
-		 * Note: This is only implemented on macOS.
-		 * @returns The platform-specific handle of the image as Buffer.
-		 */
-		getNativeHandle(): Buffer;
-		/**
-		 * @returns Whether the image is empty.
-		 */
-		isEmpty(): boolean;
-		/**
-		 * @returns The size of the image.
-		 */
-		getSize(): Size;
-		/**
-		 * Marks the image as template image.
-		 */
-		setTemplateImage(option: boolean): void;
-		/**
-		 * Returns a boolean whether the image is a template image.
-		 */
-		isTemplateImage(): boolean;
-		/**
-		 * @param rect The area of the image to crop
-		 * @returns The cropped image.
-		 */
-		crop(rect: Rectangle): NativeImage;
-		/**
-		 * @returns The resized image.
-		 * If only the height or the width are specified then the current aspect ratio will be preserved in the resized image.
-		 */
-		resize(options: {
-			width?: number;
-			height?: number;
-			/**
-			 * The desired quality of the resized image.
-			 * Default: best.
-			 */
-			quality?: 'good' | 'better' | 'best';
-		}): NativeImage;
-		/**
-		 * @returns The image's aspect ratio.
-		 */
-		getAspectRatio(): number;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/power-monitor.md
-
-	/**
-	 * The power-monitor module is used to monitor power state changes.
-	 * You should not use this module until the ready event of the app module is emitted.
-	 */
-	interface PowerMonitor extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the system is suspending.
-		 */
-		on(event: 'suspend', listener: Function): this;
-		/**
-		 * Emitted when system is resuming.
-		 */
-		on(event: 'resume', listener: Function): this;
-		/**
-		 * Emitted when the system changes to AC power.
-		 */
-		on(event: 'on-ac', listener: Function): this;
-		/**
-		 * Emitted when system changes to battery power.
-		 */
-		on(event: 'on-battery', listener: Function): this;
-		on(event: string, listener: Function): this;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/power-save-blocker.md
-
-	/**
-	 * The powerSaveBlocker module is used to block the system from entering
-	 * low-power (sleep) mode and thus allowing the app to keep the system and screen active.
-	 */
-	interface PowerSaveBlocker {
-		/**
-		 * Starts preventing the system from entering lower-power mode.
-		 * @returns The blocker ID that is assigned to this power blocker.
-		 * Note: prevent-display-sleep has higher has precedence over prevent-app-suspension.
-		 */
-		start(type: 'prevent-app-suspension' | 'prevent-display-sleep'): number;
-		/**
-		 * @param id The power save blocker id returned by powerSaveBlocker.start.
-		 * Stops the specified power save blocker.
-		 */
-		stop(id: number): void;
-		/**
-		 * @param id The power save blocker id returned by powerSaveBlocker.start.
-		 * @returns Whether the corresponding powerSaveBlocker has started.
-		 */
-		isStarted(id: number): boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/protocol.md
-
-	/**
-	 * The protocol module can register a custom protocol or intercept an existing protocol.
-	 */
-	interface Protocol {
-		/**
-		 * Registers custom schemes as standard schemes.
-		 */
-		registerStandardSchemes(schemes: string[]): void;
-		/**
-		 * Registers custom schemes to handle service workers.
-		 */
-		registerServiceWorkerSchemes(schemes: string[]): void;
-		/**
-		 * Registers a protocol of scheme that will send the file as a response.
-		 */
-		registerFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send a Buffer as a response.
-		 */
-		registerBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send a String as a response.
-		 */
-		registerStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send an HTTP request as a response.
-		 */
-		registerHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Unregisters the custom protocol of scheme.
-		 */
-		unregisterProtocol(scheme: string, completion?: (error: Error) => void): void;
-		/**
-		 * The callback will be called with a boolean that indicates whether there is already a handler for scheme.
-		 */
-		isProtocolHandled(scheme: string, callback: (handled: boolean) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a file as a response.
-		 */
-		interceptFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a Buffer as a response.
-		 */
-		interceptBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a String as a response.
-		 */
-		interceptStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a new HTTP request as a response.
-		 */
-		interceptHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Remove the interceptor installed for scheme and restore its original handler.
-		 */
-		uninterceptProtocol(scheme: string, completion?: (error: Error) => void): void;
-	}
-
-	type FileProtocolHandler = (request: ProtocolRequest, callback: FileProtocolCallback) => void;
-	type BufferProtocolHandler = (request: ProtocolRequest, callback: BufferProtocolCallback) => void;
-	type StringProtocolHandler = (request: ProtocolRequest, callback: StringProtocolCallback) => void;
-	type HttpProtocolHandler = (request: ProtocolRequest, callback: HttpProtocolCallback) => void;
-
-	interface ProtocolRequest {
-		url: string;
-		referrer: string;
-		method: string;
-		uploadData?: {
-			/**
-			 * Content being sent.
-			 */
-			bytes: Buffer,
-			/**
-			 * Path of file being uploaded.
-			 */
-			file: string,
-			/**
-			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
-			 */
-			blobUUID: string;
-		}[];
-	}
-
-	interface ProtocolCallback {
-		(error: number): void;
-		(obj: {
-			error: number
-		}): void;
-		(): void;
-	}
-
-	interface FileProtocolCallback extends ProtocolCallback {
-		(filePath: string): void;
-		(obj: {
-			path: string
-		}): void;
-	}
-
-	interface BufferProtocolCallback extends ProtocolCallback {
-		(buffer: Buffer): void;
-		(obj: {
-			data: Buffer,
-			mimeType: string,
-			charset?: string
-		}): void;
-	}
-
-	interface StringProtocolCallback extends ProtocolCallback {
-		(str: string): void;
-		(obj: {
-			data: Buffer,
-			mimeType: string,
-			charset?: string
-		}): void;
-	}
-
-	interface HttpProtocolCallback extends ProtocolCallback {
-		(redirectRequest: {
-			url: string;
-			method: string;
-			session?: Object;
-			uploadData?: {
-				contentType: string;
-				data: string;
-			};
-		}): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/remote.md
-
-	/**
-	 * The remote module provides a simple way to do inter-process communication (IPC)
-	 * between the renderer process (web page) and the main process.
-	 */
-	interface Remote extends CommonElectron {
-		/**
-		 * @returns The object returned by require(module) in the main process.
-		 */
-		require(module: string): any;
-		/**
-		 * @returns The BrowserWindow object which this web page belongs to.
-		 */
-		getCurrentWindow(): BrowserWindow;
-		/**
-		 * @returns The WebContents object of this web page.
-		 */
-		getCurrentWebContents(): WebContents;
-		/**
-		 * @returns The global variable of name (e.g. global[name]) in the main process.
-		 */
-		getGlobal(name: string): any;
-		/**
-		 * Returns the process object in the main process. This is the same as
-		 * remote.getGlobal('process'), but gets cached.
-		 */
-		process: NodeJS.Process;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/screen.md
-
-	/**
-	 * The Display object represents a physical display connected to the system.
-	 * A fake Display may exist on a headless system, or a Display may correspond to a remote, virtual display.
-	 */
-	interface Display {
-		/**
-		 * Unique identifier associated with the display.
-		 */
-		id: number;
-		bounds: Rectangle;
-		workArea: Rectangle;
-		size: Size;
-		workAreaSize: Size;
-		/**
-		 * Output device’s pixel scale factor.
-		 */
-		scaleFactor: number;
-		/**
-		 * Can be 0, 90, 180, 270, represents screen rotation in clock-wise degrees.
-		 */
-		rotation: number;
-		touchSupport: 'available' | 'unavailable' | 'unknown';
-	}
-
-	type DisplayMetrics = 'bounds' | 'workArea' | 'scaleFactor' | 'rotation';
-
-	/**
-	 * The screen module retrieves information about screen size, displays, cursor position, etc.
-	 * You can not use this module until the ready event of the app module is emitted.
-	 */
-	interface Screen extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when newDisplay has been added.
-		 */
-		on(event: 'display-added', listener: (event: Event, newDisplay: Display) => void): this;
-		/**
-		 * Emitted when oldDisplay has been removed.
-		 */
-		on(event: 'display-removed', listener: (event: Event, oldDisplay: Display) => void): this;
-		/**
-		 * Emitted when one or more metrics change in a display.
-		 */
-		on(event: 'display-metrics-changed', listener: (event: Event, display: Display, changedMetrics: DisplayMetrics[]) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * @returns The current absolute position of the mouse pointer.
-		 */
-		getCursorScreenPoint(): Point;
-		/**
-		 * @returns The primary display.
-		 */
-		getPrimaryDisplay(): Display;
-		/**
-		 * @returns An array of displays that are currently available.
-		 */
-		getAllDisplays(): Display[];
-		/**
-		 * @returns The display nearest the specified point.
-		 */
-		getDisplayNearestPoint(point: Point): Display;
-		/**
-		 * @returns The display that most closely intersects the provided bounds.
-		 */
-		getDisplayMatching(rect: Rectangle): Display;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/session.md
-
-	/**
-	 * The session module can be used to create new Session objects.
-	 * You can also access the session of existing pages by using
-	 * the session property of webContents which is a property of BrowserWindow.
-	 */
-	class Session extends NodeJS.EventEmitter {
-		/**
-		 * @returns a new Session instance from partition string.
-		 */
-		static fromPartition(partition: string, options?: FromPartitionOptions): Session;
-		/**
-		 * @returns the default session object of the app.
-		 */
-		static defaultSession: Session;
-		/**
-		 * Emitted when Electron is about to download item in webContents.
-		 * Calling event.preventDefault() will cancel the download
-		 * and item will not be available from next tick of the process.
-		 */
-		on(event: 'will-download', listener: (event: Event, item: DownloadItem, webContents: WebContents) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * The cookies gives you ability to query and modify cookies.
-		 */
-		cookies: SessionCookies;
-		/**
-		 * @returns the session’s current cache size.
-		 */
-		getCacheSize(callback: (size: number) => void): void;
-		/**
-		 * Clears the session’s HTTP cache.
-		 */
-		clearCache(callback: Function): void;
-		/**
-		 * Clears the data of web storages.
-		 */
-		clearStorageData(callback: Function): void;
-		/**
-		 * Clears the data of web storages.
-		 */
-		clearStorageData(options: ClearStorageDataOptions, callback: Function): void;
-		/**
-		 * Writes any unwritten DOMStorage data to disk.
-		 */
-		flushStorageData(): void;
-		/**
-		 * Sets the proxy settings.
-		 */
-		setProxy(config: ProxyConfig, callback: Function): void;
-		/**
-		 * Resolves the proxy information for url.
-		 */
-		resolveProxy(url: URL, callback: (proxy: string) => void): void;
-		/**
-		 * Sets download saving directory.
-		 * By default, the download directory will be the Downloads under the respective app folder.
-		 */
-		setDownloadPath(path: string): void;
-		/**
-		 * Emulates network with the given configuration for the session.
-		 */
-		enableNetworkEmulation(options: NetworkEmulationOptions): void;
-		/**
-		 * Disables any network emulation already active for the session.
-		 * Resets to the original network configuration.
-		 */
-		disableNetworkEmulation(): void;
-		/**
-		 * Sets the certificate verify proc for session, the proc will be called
-		 * whenever a server certificate verification is requested.
-		 *
-		 * Calling setCertificateVerifyProc(null) will revert back to default certificate verify proc.
-		 */
-		setCertificateVerifyProc(proc: (hostname: string, cert: Certificate, callback: (accepted: boolean) => void) => void): void;
-		/**
-		 * Sets the handler which can be used to respond to permission requests for the session.
-		 */
-		setPermissionRequestHandler(handler: (webContents: WebContents, permission: Permission, callback: (allow: boolean) => void) => void): void;
-		/**
-		 * Clears the host resolver cache.
-		 */
-		clearHostResolverCache(callback: Function): void;
-		/**
-		 * Dynamically sets whether to always send credentials for HTTP NTLM or Negotiate authentication.
-		 * @param domains Comma-seperated list of servers for which integrated authentication is enabled.
-		 */
-		allowNTLMCredentialsForDomains(domains: string): void;
-		/**
-		 * Overrides the userAgent and acceptLanguages for this session.
-		 * The acceptLanguages must a comma separated ordered list of language codes, for example "en-US,fr,de,ko,zh-CN,ja".
-		 * This doesn't affect existing WebContents, and each WebContents can use webContents.setUserAgent to override the session-wide user agent.
-		 */
-		setUserAgent(userAgent: string, acceptLanguages?: string): void;
-		/**
-		 * @returns The user agent for this session.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Returns the blob data associated with the identifier.
-		 */
-		getBlobData(identifier: string, callback: (result: Buffer) => void): void;
-		/**
-		 * The webRequest API set allows to intercept and modify contents of a request at various stages of its lifetime.
-		 */
-		webRequest: WebRequest;
-		/**
-		 * @returns An instance of protocol module for this session.
-		 */
-		protocol: Protocol;
-	}
-
-	type Permission = 'media' | 'geolocation' | 'notifications' | 'midiSysex' | 'pointerLock' | 'fullscreen' | 'openExternal';
-
-	interface FromPartitionOptions {
-		/**
-		 * Whether to enable cache.
-		 */
-		cache?: boolean;
-	}
-
-	interface ClearStorageDataOptions {
-		/**
-		 * Should follow window.location.origin’s representation scheme://host:port.
-		 */
-		origin?: string;
-		/**
-		 *  The types of storages to clear.
-		 */
-		storages?: ('appcache' | 'cookies' | 'filesystem' | 'indexdb' | 'localstorage' | 'shadercache' | 'websql' | 'serviceworkers')[];
-		/**
-		 * The types of quotas to clear.
-		 */
-		quotas?: ('temporary' | 'persistent' | 'syncable')[];
-	}
-
-	interface ProxyConfig {
-		/**
-		 * The URL associated with the PAC file.
-		 */
-		pacScript: string;
-		/**
-		 * Rules indicating which proxies to use.
-		 */
-		proxyRules: string;
-		/**
-		 * Rules indicating which URLs should bypass the proxy settings.
-		 */
-		proxyBypassRules: string;
-	}
-
-	interface NetworkEmulationOptions {
-		/**
-		 * Whether to emulate network outage.
-		 * Default: false.
-		 */
-		offline?: boolean;
-		/**
-		 * RTT in ms.
-		 * Default: 0, which will disable latency throttling.
-		 */
-		latency?: number;
-		/**
-		 * Download rate in Bps.
-		 * Default: 0, which will disable download throttling.
-		 */
-		downloadThroughput?: number;
-		/**
-		 * Upload rate in Bps.
-		 * Default: 0, which will disable upload throttling.
-		 */
-		uploadThroughput?: number;
-	}
-
-	interface CookieFilter {
-		/**
-		 * Retrieves cookies which are associated with url. Empty implies retrieving cookies of all urls.
-		 */
-		url?: string;
-		/**
-		 * Filters cookies by name.
-		 */
-		name?: string;
-		/**
-		 * Retrieves cookies whose domains match or are subdomains of domains.
-		 */
-		domain?: string;
-		/**
-		 * Retrieves cookies whose path matches path.
-		 */
-		path?: string;
-		/**
-		 * Filters cookies by their Secure property.
-		 */
-		secure?: boolean;
-		/**
-		 * Filters out session or persistent cookies.
-		 */
-		session?: boolean;
-	}
-
-	interface Cookie {
-		/**
-		 * Emitted when a cookie is changed because it was added, edited, removed, or expired.
-		 */
-		on(event: 'changed', listener: (event: Event, cookie: Cookie, cause: CookieChangedCause) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * The name of the cookie.
-		 */
-		name: string;
-		/**
-		 * The value of the cookie.
-		 */
-		value: string;
-		/**
-		 * The domain of the cookie.
-		 */
-		domain: string;
-		/**
-		 * Whether the cookie is a host-only cookie.
-		 */
-		hostOnly: string;
-		/**
-		 * The path of the cookie.
-		 */
-		path: string;
-		/**
-		 * Whether the cookie is marked as secure.
-		 */
-		secure: boolean;
-		/**
-		 * Whether the cookie is marked as HTTP only.
-		 */
-		httpOnly: boolean;
-		/**
-		 * Whether the cookie is a session cookie or a persistent cookie with an expiration date.
-		 */
-		session: boolean;
-		/**
-		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
-		 * Not provided for session cookies.
-		 */
-		expirationDate?: number;
-	}
-
-	type CookieChangedCause = 'explicit' | 'overwrite' | 'expired' | 'evicted' | 'expired-overwrite';
-
-	interface CookieDetails {
-		/**
-		 * The URL associated with the cookie.
-		 */
-		url: string;
-		/**
-		 * The name of the cookie.
-		 * Default: empty.
-		 */
-		name?: string;
-		/**
-		 * The value of the cookie.
-		 * Default: empty.
-		 */
-		value?: string;
-		/**
-		 * The domain of the cookie.
-		 * Default: empty.
-		 */
-		domain?: string;
-		/**
-		 * The path of the cookie.
-		 * Default: empty.
-		 */
-		path?: string;
-		/**
-		 * Whether the cookie should be marked as secure.
-		 * Default: false.
-		 */
-		secure?: boolean;
-		/**
-		 * Whether the cookie should be marked as HTTP only.
-		 * Default: false.
-		 */
-		httpOnly?: boolean;
-		/**
-		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
-		 * If omitted, the cookie becomes a session cookie.
-		 */
-		expirationDate?: number;
-	}
-
-	interface SessionCookies {
-		/**
-		 * Sends a request to get all cookies matching filter.
-		 */
-		get(filter: CookieFilter, callback: (error: Error, cookies: Cookie[]) => void): void;
-		/**
-		 * Sets the cookie with details.
-		 */
-		set(details: CookieDetails, callback: (error: Error) => void): void;
-		/**
-		 * Removes the cookies matching url and name.
-		 */
-		remove(url: string, name: string, callback: (error: Error) => void): void;
-	}
-
-	/**
-	 * Each API accepts an optional filter and a listener, the listener will be called when the API's event has happened.
-	 * Passing null as listener will unsubscribe from the event.
-	 *
-	 * The filter will be used to filter out the requests that do not match the URL patterns.
-	 * If the filter is omitted then all requests will be matched.
-	 *
-	 * For certain events the listener is passed with a callback,
-	 * which should be called with an response object when listener has done its work.
-	 */
-	interface WebRequest {
-		/**
-		 * The listener will be called when a request is about to occur.
-		 */
-		onBeforeRequest(listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
-		/**
-		 * The listener will be called when a request is about to occur.
-		 */
-		onBeforeRequest(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
-		/**
-		 * The listener will be called before sending an HTTP request, once the request headers are available.
-		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
-		 */
-		onBeforeSendHeaders(listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
-		/**
-		 * The listener will be called before sending an HTTP request, once the request headers are available.
-		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
-		 */
-		onBeforeSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
-		/**
-		 * The listener will be called just before a request is going to be sent to the server,
-		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
-		 */
-		onSendHeaders(listener: (details: WebRequest.SendHeadersDetails) => void): void;
-		/**
-		 * The listener will be called just before a request is going to be sent to the server,
-		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
-		 */
-		onSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.SendHeadersDetails) => void): void;
-		/**
-		 * The listener will be called when HTTP response headers of a request have been received.
-		 */
-		onHeadersReceived(listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
-		/**
-		 * The listener will be called when HTTP response headers of a request have been received.
-		 */
-		onHeadersReceived(filter: WebRequest.Filter, listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
-		/**
-		 * The listener will be called when first byte of the response body is received.
-		 * For HTTP requests, this means that the status line and response headers are available.
-		 */
-		onResponseStarted(listener: (details: WebRequest.ResponseStartedDetails) => void): void;
-		/**
-		 * The listener will be called when first byte of the response body is received.
-		 * For HTTP requests, this means that the status line and response headers are available.
-		 */
-		onResponseStarted(filter: WebRequest.Filter, listener: (details: WebRequest.ResponseStartedDetails) => void): void;
-		/**
-		 * The listener will be called when a server initiated redirect is about to occur.
-		 */
-		onBeforeRedirect(listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
-		/**
-		 * The listener will be called when a server initiated redirect is about to occur.
-		 */
-		onBeforeRedirect(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
-		/**
-		 * The listener will be called when a request is completed.
-		 */
-		onCompleted(listener: (details: WebRequest.CompletedDetails) => void): void;
-		/**
-		 * The listener will be called when a request is completed.
-		 */
-		onCompleted(filter: WebRequest.Filter, listener: (details: WebRequest.CompletedDetails) => void): void;
-		/**
-		 * The listener will be called when an error occurs.
-		 */
-		onErrorOccurred(listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
-		/**
-		 * The listener will be called when an error occurs.
-		 */
-		onErrorOccurred(filter: WebRequest.Filter, listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
-	}
-
-	namespace WebRequest {
-		interface Filter {
-			urls: string[];
-		}
-
-		interface Details {
-			id: number;
-			url: string;
-			method: string;
-			resourceType: string;
-			timestamp: number;
-		}
-
-		interface UploadData {
-			/**
-			 * Content being sent.
-			 */
-			bytes: Buffer;
-			/**
-			 * Path of file being uploaded.
-			 */
-			file: string;
-			/**
-			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
-			 */
-			blobUUID: string;
-		}
-
-		interface BeforeRequestDetails extends Details {
-			uploadData?: UploadData[];
-		}
-
-		type BeforeRequestCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * The original request is prevented from being sent or completed, and is instead redirected to the given URL.
-			 */
-			redirectURL?: string;
-		}) => void;
-
-		interface BeforeSendHeadersDetails extends Details {
-			requestHeaders: Headers;
-		}
-
-		type BeforeSendHeadersCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * When provided, request will be made with these headers.
-			 */
-			requestHeaders?: Headers;
-		}) => void;
-
-		interface SendHeadersDetails extends Details {
-			requestHeaders: Headers;
-		}
-
-		interface HeadersReceivedDetails extends Details {
-			statusLine: string;
-			statusCode: number;
-			responseHeaders: Headers;
-		}
-
-		type HeadersReceivedCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * When provided, the server is assumed to have responded with these headers.
-			 */
-			responseHeaders?: Headers;
-			/**
-			 * Should be provided when overriding responseHeaders to change header status
-			 * otherwise original response header's status will be used.
-			 */
-			statusLine?: string;
-		}) => void;
-
-		interface ResponseStartedDetails extends Details {
-			responseHeaders: Headers;
-			fromCache: boolean;
-			statusCode: number;
-			statusLine: string;
-		}
-
-		interface BeforeRedirectDetails extends Details {
-			redirectURL: string;
-			statusCode: number;
-			ip?: string;
-			fromCache: boolean;
-			responseHeaders: Headers;
-		}
-
-		interface CompletedDetails extends Details {
-			responseHeaders: Headers;
-			fromCache: boolean;
-			statusCode: number;
-			statusLine: string;
-		}
-
-		interface ErrorOccurredDetails extends Details {
-			fromCache: boolean;
-			error: string;
-		}
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/shell.md
-
-	/**
-	 * The shell module provides functions related to desktop integration.
-	 */
-	interface Shell {
-		/**
-		 * Show the given file in a file manager. If possible, select the file.
-		 * @returns Whether the item was successfully shown.
-		 */
-		showItemInFolder(fullPath: string): boolean;
-		/**
-		 * Open the given file in the desktop's default manner.
-		 * @returns Whether the item was successfully shown.
-		 */
-		openItem(fullPath: string): boolean;
-		/**
-		 * Open the given external protocol URL in the desktop's default manner
-		 * (e.g., mailto: URLs in the default mail user agent).
-		 * @returns Whether an application was available to open the URL.
-		 */
-		openExternal(url: string, options?: {
-			/**
-			 * Bring the opened application to the foreground.
-			 * Default: true.
-			 */
-			activate: boolean;
-		}): boolean;
-		/**
-		 * Move the given file to trash.
-		 * @returns Whether the item was successfully moved to the trash.
-		 */
-		moveItemToTrash(fullPath: string): boolean;
-		/**
-		 * Play the beep sound.
-		 */
-		beep(): void;
-		/**
-		 * Creates or updates a shortcut link at shortcutPath.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		writeShortcutLink(shortcutPath: string, options: ShortcutLinkOptions): boolean;
-		/**
-		 * Creates or updates a shortcut link at shortcutPath.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		writeShortcutLink(shortcutPath: string, operation: 'create' | 'update' | 'replace', options: ShortcutLinkOptions): boolean;
-		/**
-		 * Resolves the shortcut link at shortcutPath.
-		 * An exception will be thrown when any error happens.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		readShortcutLink(shortcutPath: string): ShortcutLinkOptions;
-	}
-
-	interface ShortcutLinkOptions {
-		/**
-		 * The target to launch from this shortcut.
-		 */
-		target: string;
-		/**
-		 * The working directory.
-		 * Default: empty.
-		 */
-		cwd?: string;
-		/**
-		 * The arguments to be applied to target when launching from this shortcut.
-		 * Default: empty.
-		 */
-		args?: string;
-		/**
-		 * The description of the shortcut.
-		 * Default: empty.
-		 */
-		description?: string;
-		/**
-		 * The path to the icon, can be a DLL or EXE. icon and iconIndex have to be set together.
-		 * Default: empty, which uses the target's icon.
-		 */
-		icon?: string;
-		/**
-		 * The resource ID of icon when icon is a DLL or EXE.
-		 * Default: 0.
-		 */
-		iconIndex?: number;
-		/**
-		 * The Application User Model ID.
-		 * Default: empty.
-		 */
-		appUserModelId?: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/system-preferences.md
-
-	type SystemColor =
-		'3d-dark-shadow' |            // Dark shadow for three-dimensional display elements.
-		'3d-face' |                   // Face color for three-dimensional display elements and for dialog box backgrounds.
-		'3d-highlight' |              // Highlight color for three-dimensional display elements.
-		'3d-light' |                  // Light color for three-dimensional display elements.
-		'3d-shadow' |                 // Shadow color for three-dimensional display elements.
-		'active-border' |             // Active window border.
-		'active-caption' |            // Active window title bar. Specifies the left side color in the color gradient of an active window's title bar if the gradient effect is enabled.
-		'active-caption-gradient' |   // Right side color in the color gradient of an active window's title bar.
-		'app-workspace' |             // Background color of multiple document interface (MDI) applications.
-		'button-text' |               // Text on push buttons.
-		'caption-text' |              // Text in caption, size box, and scroll bar arrow box.
-		'desktop' |                   // Desktop background color.
-		'disabled-text' |             // Grayed (disabled) text.
-		'highlight' |                 // Item(s) selected in a control.
-		'highlight-text' |            // Text of item(s) selected in a control.
-		'hotlight' |                  // Color for a hyperlink or hot-tracked item.
-		'inactive-border' |           // Inactive window border.
-		'inactive-caption' |          // Inactive window caption. Specifies the left side color in the color gradient of an inactive window's title bar if the gradient effect is enabled.
-		'inactive-caption-gradient' | // Right side color in the color gradient of an inactive window's title bar.
-		'inactive-caption-text' |     // Color of text in an inactive caption.
-		'info-background' |           // Background color for tooltip controls.
-		'info-text' |                 // Text color for tooltip controls.
-		'menu' |                      // Menu background.
-		'menu-highlight' |            // The color used to highlight menu items when the menu appears as a flat menu.
-		'menubar' |                   // The background color for the menu bar when menus appear as flat menus.
-		'menu-text' |                 // Text in menus.
-		'scrollbar' |                 // Scroll bar gray area.
-		'window' |                    // Window background.
-		'window-frame' |              // Window frame.
-		'window-text';                // Text in windows.
-
-	/**
-	 * Get system preferences.
-	 */
-	interface SystemPreferences {
-		/**
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
-		/**
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'color-changed', listener: (event: Event) => void): this;
-		/**
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'inverted-color-scheme-changed', listener: (
-			event: Event,
-			/**
-			 * @param invertedColorScheme true if an inverted color scheme, such as a high contrast theme, is being used, false otherwise.
-			 */
-			invertedColorScheme: boolean
-		) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * @returns Whether the system is in Dark Mode.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		isDarkMode(): boolean;
-		/**
-		 * @returns Whether the Swipe between pages setting is on.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		isSwipeTrackingFromScrollEventsEnabled(): boolean;
-		/**
-		 * Posts event as native notifications of macOS.
-		 * The userInfo contains the user information dictionary sent along with the notification.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		postNotification(event: string, userInfo: Object): void;
-		/**
-		 * Posts event as native notifications of macOS.
-		 * The userInfo contains the user information dictionary sent along with the notification.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		postLocalNotification(event: string, userInfo: Object): void;
-		/**
-		 * Subscribes to native notifications of macOS, callback will be called when the corresponding event happens.
-		 * The id of the subscriber is returned, which can be used to unsubscribe the event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		subscribeNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
-		/**
-		 * Removes the subscriber with id.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		unsubscribeNotification(id: number): void;
-		/**
-		 * Same as subscribeNotification, but uses NSNotificationCenter for local defaults.
-		 */
-		subscribeLocalNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
-		/**
-		 * Same as unsubscribeNotification, but removes the subscriber from NSNotificationCenter.
-		 */
-		unsubscribeLocalNotification(id: number): void;
-		/**
-		 * Get the value of key in system preferences.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		getUserDefault(key: string, type: 'string' | 'boolean' | 'integer' | 'float' | 'double' | 'url' | 'array' | 'dictionary'): any;
-		/**
-		 * @returns Whether DWM composition (Aero Glass) is enabled.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		isAeroGlassEnabled(): boolean;
-		/**
-		 * @returns The users current system wide color preference in the form of an RGBA hexadecimal string.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		getAccentColor(): string;
-		/**
-		 * @returns true if an inverted color scheme, such as a high contrast theme, is active, false otherwise.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		isInvertedColorScheme(): boolean;
-		/**
-		 * @returns The system color setting in RGB hexadecimal form (#ABCDEF). See the Windows docs for more details.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		getColor(color: SystemColor): string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/tray.md
-
-	/**
-	 * A Tray represents an icon in an operating system's notification area.
-	 */
-	class Tray extends NodeJS.EventEmitter implements Destroyable {
-		/**
-		 * Emitted when the tray icon is clicked.
-		 * Note: The bounds payload is only implemented on macOS and Windows.
-		 */
-		on(event: 'click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray icon is right clicked.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		on(event: 'right-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray icon is double clicked.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		on(event: 'double-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray balloon shows.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-show', listener: Function): this;
-		/**
-		 * Emitted when the tray balloon is clicked.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-click', listener: Function): this;
-		/**
-		 * Emitted when the tray balloon is closed because of timeout or user manually closes it.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-closed', listener: Function): this;
-		/**
-		 * Emitted when any dragged items are dropped on the tray icon.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'drop', listener: Function): this;
-		/**
-		 * Emitted when dragged files are dropped in the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drop-files', listener: (event: Event, files: string[]) => void): this;
-		/**
-		 * Emitted when dragged text is dropped in the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drop-text', listener: (event: Event, text: string) => void): this;
-		/**
-		 * Emitted when a drag operation enters the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-enter', listener: Function): this;
-		/**
-		 * Emitted when a drag operation exits the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-leave', listener: Function): this;
-		/**
-		 * Emitted when a drag operation ends on the tray or ends at another location.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-end', listener: Function): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Creates a new tray icon associated with the image.
-		 */
-		constructor(image: NativeImage|string);
-		/**
-		 * Destroys the tray icon immediately.
-		 */
-		destroy(): void;
-		/**
-		 * Sets the image associated with this tray icon.
-		 */
-		setImage(image: NativeImage|string): void;
-		/**
-		 * Sets the image associated with this tray icon when pressed.
-		 */
-		setPressedImage(image: NativeImage): void;
-		/**
-		 * Sets the hover text for this tray icon.
-		 */
-		setToolTip(toolTip: string): void;
-		/**
-		 * Sets the title displayed aside of the tray icon in the status bar.
-		 * Note: This is only implemented on macOS.
-		 */
-		setTitle(title: string): void;
-		/**
-		 * Sets when the tray's icon background becomes highlighted.
-		 * Note: This is only implemented on macOS.
-		 */
-		setHighlightMode(mode: 'selection' | 'always' | 'never'): void;
-		/**
-		 * Displays a tray balloon.
-		 * Note: This is only implemented on Windows.
-		 */
-		displayBalloon(options?: {
-			icon?: NativeImage;
-			title?: string;
-			content?: string;
-		}): void;
-		/**
-		 * Pops up the context menu of tray icon. When menu is passed,
-		 * the menu will showed instead of the tray's context menu.
-		 * The position is only available on Windows, and it is (0, 0) by default.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		popUpContextMenu(menu?: Menu, position?: Point): void;
-		/**
-		 * Sets the context menu for this icon.
-		 */
-		setContextMenu(menu: Menu): void;
-		/**
-		 * @returns The bounds of this tray icon.
-		 */
-		getBounds(): Rectangle;
-		/**
-		 * @returns Whether the tray icon is destroyed.
-		 */
-		isDestroyed(): boolean;
-	}
-
-	interface Modifiers {
-		altKey: boolean;
-		shiftKey: boolean;
-		ctrlKey: boolean;
-		metaKey: boolean;
-	}
-
-	interface DragItem {
-		/**
-		* The absolute path of the file to be dragged
-		*/
-		file: string;
-		/**
-		* The image showing under the cursor when dragging.
-		*/
-		icon: NativeImage;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-contents.md
-
-	interface WebContentsStatic {
-		/**
-		 * @returns An array of all WebContents instances. This will contain web contents for all windows,
-		 * webviews, opened devtools, and devtools extension background pages.
-		 */
-		getAllWebContents(): WebContents[];
-		/**
-		 * @returns The web contents that is focused in this application, otherwise returns null.
-		 */
-		getFocusedWebContents(): WebContents;
-		/**
-		 * Find a WebContents instance according to its ID.
-		 */
-		fromId(id: number): WebContents;
-	}
-
-	/**
-	 * A WebContents is responsible for rendering and controlling a web page.
-	 */
-	interface WebContents extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the navigation is done, i.e. the spinner of the tab has stopped spinning,
-		 * and the onload event was dispatched.
-		 */
-		on(event: 'did-finish-load', listener: Function): this;
-		/**
-		 * This event is like did-finish-load but emitted when the load failed or was cancelled,
-		 * e.g. window.stop() is invoked.
-		 */
-		on(event: 'did-fail-load', listener: (event: Event, errorCode: number, errorDescription: string, validatedURL: string, isMainFrame: boolean) => void): this;
-		/**
-		 * Emitted when a frame has done navigation.
-		 */
-		on(event: 'did-frame-finish-load', listener: (event: Event, isMainFrame: boolean) => void): this;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab started spinning.
-		 */
-		on(event: 'did-start-loading', listener: Function): this;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab stopped spinning.
-		 */
-		on(event: 'did-stop-loading', listener: Function): this;
-		/**
-		 * Emitted when details regarding a requested resource are available.
-		 * status indicates the socket connection to download the resource.
-		 */
-		on(event: 'did-get-response-details', listener: (event: Event,
-			status: boolean,
-			newURL: string,
-			originalURL: string,
-			httpResponseCode: number,
-			requestMethod: string,
-			referrer: string,
-			headers: Headers,
-			resourceType: string
-		) => void): this;
-		/**
-		 * Emitted when a redirect is received while requesting a resource.
-		 */
-		on(event: 'did-get-redirect-request', listener: (event: Event,
-			oldURL: string,
-			newURL: string,
-			isMainFrame: boolean,
-			httpResponseCode: number,
-			requestMethod: string,
-			referrer: string,
-			headers: Headers
-		) => void): this;
-		/**
-		 * Emitted when the document in the given frame is loaded.
-		 */
-		on(event: 'dom-ready', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when page receives favicon URLs.
-		 */
-		on(event: 'page-favicon-updated', listener: (event: Event, favicons: string[]) => void): this;
-		/**
-		 * Emitted when the page requests to open a new window for a url.
-		 * It could be requested by window.open or an external link like <a target='_blank'>.
-		 *
-		 * By default a new BrowserWindow will be created for the url.
-		 *
-		 * Calling event.preventDefault() will prevent creating new windows.
-		 * In such case, the event.newGuest may be set with a reference
-		 * to a BrowserWindow instance to make it used by the Electron's runtime.
-		 */
-		on(event: 'new-window', listener: (event: WebContents.NewWindowEvent,
-			url: string,
-			frameName: string,
-			disposition: NewWindowDisposition,
-			/**
-			 * The options which will be used for creating the new BrowserWindow.
-			 */
-			options: BrowserWindowOptions,
-			/**
-			 * The non-standard features (features not handled by Chromium or Electron) given to window.open().
-			 */
-			additionalFeatures: string[]
-		) => void): this;
-		/**
-		 * Emitted when a user or the page wants to start navigation.
-		 * It can happen when the window.location object is changed or a user clicks a link in the page.
-		 *
-		 * This event will not emit when the navigation is started programmatically with APIs like
-		 * webContents.loadURL and webContents.back.
-		 *
-		 * It is also not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 *
-		 * Calling event.preventDefault() will prevent the navigation.
-		 */
-		on(event: 'will-navigate', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when a navigation is done.
-		 *
-		 * This event is not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 */
-		on(event: 'did-navigate', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when an in-page navigation happened.
-		 *
-		 * When in-page navigation happens, the page URL changes but does not cause
-		 * navigation outside of the page. Examples of this occurring are when anchor links
-		 * are clicked or when the DOM hashchange event is triggered.
-		 */
-		on(event: 'did-navigate-in-page', listener: (event: Event, url: string, isMainFrame: boolean) => void): this;
-		/**
-		 * Emitted when the renderer process has crashed.
-		 */
-		on(event: 'crashed', listener: (event: Event, killed: boolean) => void): this;
-		/**
-		 * Emitted when a plugin process has crashed.
-		 */
-		on(event: 'plugin-crashed', listener: (event: Event, name: string, version: string) => void): this;
-		/**
-		 * Emitted when webContents is destroyed.
-		 */
-		on(event: 'destroyed', listener: Function): this;
-		/**
-		 * Emitted when DevTools is opened.
-		 */
-		on(event: 'devtools-opened', listener: Function): this;
-		/**
-		 * Emitted when DevTools is closed.
-		 */
-		on(event: 'devtools-closed', listener: Function): this;
-		/**
-		 * Emitted when DevTools is focused / opened.
-		 */
-		on(event: 'devtools-focused', listener: Function): this;
-		/**
-		 * Emitted when failed to verify the certificate for url.
-		 * The usage is the same with the "certificate-error" event of app.
-		 */
-		on(event: 'certificate-error', listener: (event: Event,
-			url: string,
-			error: string,
-			certificate: Certificate,
-			callback: (trust: boolean) => void
-		) => void): this;
-		/**
-		 * Emitted when a client certificate is requested.
-		 * The usage is the same with the "select-client-certificate" event of app.
-		 */
-		on(event: 'select-client-certificate', listener: (event: Event,
-			url: string,
-			certificateList: Certificate[],
-			callback: (certificate: Certificate) => void
-		) => void): this;
-		/**
-		 * Emitted when webContents wants to do basic auth.
-		 * The usage is the same with the "login" event of app.
-		 */
-		on(event: 'login', listener: (event: Event,
-			request: LoginRequest,
-			authInfo: LoginAuthInfo,
-			callback: (username: string, password: string) => void
-		) => void): this;
-		/**
-		 * Emitted when a result is available for webContents.findInPage request.
-		 */
-		on(event: 'found-in-page', listener: (event: Event, result: FoundInPageResult) => void): this;
-		/**
-		 * Emitted when media starts playing.
-		 */
-		on(event: 'media-started-playing', listener: Function): this;
-		/**
-		 * Emitted when media is paused or done playing.
-		 */
-		on(event: 'media-paused', listener: Function): this;
-		/**
-		 * Emitted when a page’s theme color changes. This is usually due to encountering a meta tag:
-		 * <meta name='theme-color' content='#ff0000'>
-		 */
-		on(event: 'did-change-theme-color', listener: Function): this;
-		/**
-		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
-		 */
-		on(event: 'update-target-url', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the cursor’s type changes.
-		 * If the type parameter is custom, the image parameter will hold the custom cursor image
-		 * in a NativeImage, and scale, size and hotspot will hold additional information about the custom cursor.
-		 */
-		on(event: 'cursor-changed', listener: (event: Event, type: CursorType, image?: NativeImage, scale?: number, size?: Size, hotspot?: Point) => void): this;
-		/**
-		 * Emitted when there is a new context menu that needs to be handled.
-		 */
-		on(event: 'context-menu', listener: (event: Event, params: ContextMenuParams) => void): this;
-		/**
-		 * Emitted when bluetooth device needs to be selected on call to navigator.bluetooth.requestDevice.
-		 * To use navigator.bluetooth api webBluetooth should be enabled.
-		 * If event.preventDefault is not called, first available device will be selected.
-		 * callback should be called with deviceId to be selected,
-		 * passing empty string to callback will cancel the request.
-		 */
-		on(event: 'select-bluetooth-device', listener: (event: Event, deviceList: BluetoothDevice[], callback: (deviceId: string) => void) => void): this;
-		/**
-		 * Emitted when a new frame is generated. Only the dirty area is passed in the buffer.
-		 */
-		on(event: 'paint', listener: (event: Event, dirtyRect: Rectangle, image: NativeImage) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Loads the url in the window.
-		 * @param url Must contain the protocol prefix (e.g., the http:// or file://).
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * Initiates a download of the resource at url without navigating.
-		 * The will-download event of session will be triggered.
-		 */
-		downloadURL(url: string): void;
-		/**
-		 * @returns The URL of current web page.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The title of web page.
-		 */
-		getTitle(): string;
-		/**
-		 * @returns The favicon of the web page.
-		 */
-		getFavicon(): NativeImage;
-		/**
-		 * @returns Whether web page is still loading resources.
-		 */
-		isLoading(): boolean;
-		/**
-		 * @returns Whether the main frame (and not just iframes or frames within it) is still loading.
-		 */
-		isLoadingMainFrame(): boolean;
-		/**
-		 * @returns Whether web page is waiting for a first-response for the main
-		 * resource of the page.
-		 */
-		isWaitingForResponse(): boolean;
-		/**
-		 * Stops any pending navigation.
-		 */
-		stop(): void;
-		/**
-		 * Reloads current page.
-		 */
-		reload(): void;
-		/**
-		 * Reloads current page and ignores cache.
-		 */
-		reloadIgnoringCache(): void;
-		/**
-		 * @returns Whether the web page can go back.
-		 */
-		canGoBack(): boolean;
-		/**
-		 * @returns Whether the web page can go forward.
-		 */
-		canGoForward(): boolean;
-		/**
-		 * @returns Whether the web page can go to offset.
-		 */
-		canGoToOffset(offset: number): boolean;
-		/**
-		 * Clears the navigation history.
-		 */
-		clearHistory(): void;
-		/**
-		 * Makes the web page go back.
-		 */
-		goBack(): void;
-		/**
-		 * Makes the web page go forward.
-		 */
-		goForward(): void;
-		/**
-		 * Navigates to the specified absolute index.
-		 */
-		goToIndex(index: number): void;
-		/**
-		 * Navigates to the specified offset from the "current entry".
-		 */
-		goToOffset(offset: number): void;
-		/**
-		 * @returns Whether the renderer process has crashed.
-		 */
-		isCrashed(): boolean;
-		/**
-		 * Overrides the user agent for this page.
-		 */
-		setUserAgent(userAgent: string): void;
-		/**
-		 * @returns The user agent for this web page.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Injects CSS into this page.
-		 */
-		insertCSS(css: string): void;
-		/**
-		 * Evaluates code in page.
-		 * @param code Code to evaluate.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * Mute the audio on the current web page.
-		 */
-		setAudioMuted(muted: boolean): void;
-		/**
-		 * @returns Whether this page has been muted.
-		 */
-		isAudioMuted(): boolean;
-		/**
-		 * Changes the zoom factor to the specified factor.
-		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * Sends a request to get current zoom factor.
-		 */
-		getZoomFactor(callback: (zoomFactor: number) => void): void;
-		/**
-		 * Changes the zoom level to the specified level.
-		 * The original size is 0 and each increment above or below represents
-		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * Sends a request to get current zoom level.
-		 */
-		getZoomLevel(callback: (zoomLevel: number) => void): void;
-		/**
-		 * Sets the maximum and minimum zoom level.
-		 */
-		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
-		/**
-		 * Executes the editing command undo in web page.
-		 */
-		undo(): void;
-		/**
-		 * Executes the editing command redo in web page.
-		 */
-		redo(): void;
-		/**
-		 * Executes the editing command cut in web page.
-		 */
-		cut(): void;
-		/**
-		 * Executes the editing command copy in web page.
-		 */
-		copy(): void;
-		/**
-		 * Copy the image at the given position to the clipboard.
-		 */
-		copyImageAt(x: number, y: number): void;
-		/**
-		 * Executes the editing command paste in web page.
-		 */
-		paste(): void;
-		/**
-		 * Executes the editing command pasteAndMatchStyle in web page.
-		 */
-		pasteAndMatchStyle(): void;
-		/**
-		 * Executes the editing command delete in web page.
-		 */
-		delete(): void;
-		/**
-		 * Executes the editing command selectAll in web page.
-		 */
-		selectAll(): void;
-		/**
-		 * Executes the editing command unselect in web page.
-		 */
-		unselect(): void;
-		/**
-		 * Executes the editing command replace in web page.
-		 */
-		replace(text: string): void;
-		/**
-		 * Executes the editing command replaceMisspelling in web page.
-		 */
-		replaceMisspelling(text: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Starts a request to find all matches for the text in the web page.
-		 * The result of the request can be obtained by subscribing to found-in-page event.
-		 * @returns The request id used for the request.
-		 */
-		findInPage(text: string, options?: FindInPageOptions): number;
-		/**
-		 * Stops any findInPage request for the webContents with the provided action.
-		 */
-		stopFindInPage(action: StopFindInPageAtion): void;
-		/**
-		 * Checks if any serviceworker is registered.
-		 */
-		hasServiceWorker(callback: (hasServiceWorker: boolean) => void): void;
-		/**
-		 * Unregisters any serviceworker if present.
-		 */
-		unregisterServiceWorker(callback: (isFulfilled: boolean) => void): void;
-		/**
-		 * Prints window's web page. When silent is set to false, Electron will pick up system's default printer and default settings for printing.
-		 * Calling window.print() in web page is equivalent to call WebContents.print({silent: false, printBackground: false}).
-		 * Note: On Windows, the print API relies on pdf.dll. If your application doesn't need print feature, you can safely remove pdf.dll in saving binary size.
-		 */
-		print(options?: PrintOptions): void;
-		/**
-		 * Prints windows' web page as PDF with Chromium's preview printing custom settings.
-		 */
-		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
-		/**
-		 * Adds the specified path to DevTools workspace.
-		 */
-		addWorkSpace(path: string): void;
-		/**
-		 * Removes the specified path from DevTools workspace.
-		 */
-		removeWorkSpace(path: string): void;
-		/**
-		 * Opens the developer tools.
-		 */
-		openDevTools(options?: {
-			/**
-			 * Opens the devtools with specified dock state. Defaults to last used dock state.
-			 */
-			mode?: 'right' | 'bottom' | 'undocked' | 'detach'
-		}): void;
-		/**
-		 * Closes the developer tools.
-		 */
-		closeDevTools(): void;
-		/**
-		 * Returns whether the developer tools are opened.
-		 */
-		isDevToolsOpened(): boolean;
-		/**
-		 * Returns whether the developer tools are focussed.
-		 */
-		isDevToolsFocused(): boolean;
-		/**
-		 * Toggle the developer tools.
-		 */
-		toggleDevTools(): void;
-		/**
-		 * Starts inspecting element at position (x, y).
-		 */
-		inspectElement(x: number, y: number): void;
-		/**
-		 * Opens the developer tools for the service worker context.
-		 */
-		inspectServiceWorker(): void;
-		/**
-		 * Send args.. to the web page via channel in asynchronous message, the web page
-		 * can handle it by listening to the channel event of ipc module.
-		 * Note:
-		 *   1. The IPC message handler in web pages do not have a event parameter,
-		 *      which is different from the handlers on the main process.
-		 *   2. There is no way to send synchronous messages from the main process
-		 *      to a renderer process, because it would be very easy to cause dead locks.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Enable device emulation with the given parameters.
-		 */
-		enableDeviceEmulation(parameters: DeviceEmulationParameters): void;
-		/**
-		 * Disable device emulation.
-		 */
-		disableDeviceEmulation(): void;
-		/**
-		 * Sends an input event to the page.
-		 */
-		sendInputEvent(event: SendInputEvent): void;
-		/**
-		 * Begin subscribing for presentation events and captured frames,
-		 * The callback will be called when there is a presentation event.
-		 */
-		beginFrameSubscription(onlyDirty: boolean, callback: BeginFrameSubscriptionCallback): void;
-		/**
-		 * Begin subscribing for presentation events and captured frames,
-		 * The callback will be called when there is a presentation event.
-		 */
-		beginFrameSubscription(callback: BeginFrameSubscriptionCallback): void;
-		/**
-		 * End subscribing for frame presentation events.
-		 */
-		endFrameSubscription(): void;
-		/**
-		 * @returns If the process of saving page has been initiated successfully.
-		 */
-		savePage(fullPath: string, saveType: 'HTMLOnly' | 'HTMLComplete' | 'MHTML', callback?: (eror: Error) => void): boolean;
-		/**
-		 * Shows pop-up dictionary that searches the selected word on the page.
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * @returns Whether offscreen rendering is enabled.
-		 */
-		isOffscreen(): boolean;
-		/**
-		 * If offscreen rendering is enabled and not painting, start painting.
-		 */
-		startPainting(): void;
-		/**
-		 * If offscreen rendering is enabled and painting, stop painting.
-		 */
-		stopPainting(): void;
-		/**
-		 * If offscreen rendering is enabled returns whether it is currently painting.
-		 */
-		isPainting(): boolean;
-		/**
-		 * If offscreen rendering is enabled sets the frame rate to the specified number.
-		 * Only values between 1 and 60 are accepted.
-		 */
-		setFrameRate(fps: number): void;
-		/**
-		 * If offscreen rendering is enabled returns the current frame rate.
-		 */
-		getFrameRate(): number;
-		/**
-		 * If offscreen rendering is enabled invalidates the frame and generates a new one through the 'paint' event.
-		 */
-		invalidate(): void;
-		/**
-		 * Sets the item as dragging item for current drag-drop operation.
-		 */
-		startDrag(item: DragItem): void;
-		/**
-		 * Captures a snapshot of the page within rect.
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures a snapshot of the page within rect.
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * @returns The unique ID of this WebContents.
-		 */
-		id: number;
-		/**
-		 * @returns The session object used by this webContents.
-		 */
-		session: Session;
-		/**
-		 * @returns The WebContents that might own this WebContents.
-		 */
-		hostWebContents: WebContents;
-		/**
-		 * @returns The WebContents of DevTools for this WebContents.
-		 * Note: Users should never store this object because it may become null
-		 * when the DevTools has been closed.
-		 */
-		devToolsWebContents: WebContents;
-		/**
-		 * @returns Debugger API
-		 */
-		debugger: Debugger;
-	}
-
-	namespace WebContents {
-		interface NewWindowEvent extends Event {
-			newGuest?: BrowserWindow;
-		}
-	}
-
-	interface BeginFrameSubscriptionCallback {
-		(
-			/**
-			 * The frameBuffer is a Buffer that contains raw pixel data.
-			 * On most machines, the pixel data is effectively stored in 32bit BGRA format,
-			 * but the actual representation depends on the endianness of the processor
-			 * (most modern processors are little-endian, on machines with big-endian
-			 * processors the data is in 32bit ARGB format).
-			 */
-			frameBuffer: Buffer,
-			/**
-			 * The dirtyRect is an object with x, y, width, height properties that describes which part of the page was repainted.
-			 * If onlyDirty is set to true, frameBuffer will only contain the repainted area. onlyDirty defaults to false.
-			 */
-			dirtyRect?: Rectangle
-		): void
-	}
-
-	interface ContextMenuParams {
-		/**
-		 * x coordinate
-		 */
-		x: number;
-		/**
-		 * y coordinate
-		 */
-		y: number;
-		/**
-		 * URL of the link that encloses the node the context menu was invoked on.
-		 */
-		linkURL: string;
-		/**
-		 * Text associated with the link. May be an empty string if the contents of the link are an image.
-		 */
-		linkText: string;
-		/**
-		 * URL of the top level page that the context menu was invoked on.
-		 */
-		pageURL: string;
-		/**
-		 * URL of the subframe that the context menu was invoked on.
-		 */
-		frameURL: string;
-		/**
-		 * Source URL for the element that the context menu was invoked on.
-		 * Elements with source URLs are images, audio and video.
-		 */
-		srcURL: string;
-		/**
-		 * Type of the node the context menu was invoked on.
-		 */
-		mediaType: 'none' | 'image' | 'audio' | 'video' | 'canvas' | 'file' | 'plugin';
-		/**
-		 * Parameters for the media element the context menu was invoked on.
-		 */
-		mediaFlags: {
-			/**
-			 * Whether the media element has crashed.
-			 */
-			inError: boolean;
-			/**
-			 * Whether the media element is paused.
-			 */
-			isPaused: boolean;
-			/**
-			 * Whether the media element is muted.
-			 */
-			isMuted: boolean;
-			/**
-			 * Whether the media element has audio.
-			 */
-			hasAudio: boolean;
-			/**
-			 * Whether the media element is looping.
-			 */
-			isLooping: boolean;
-			/**
-			 * Whether the media element's controls are visible.
-			 */
-			isControlsVisible: boolean;
-			/**
-			 * Whether the media element's controls are toggleable.
-			 */
-			canToggleControls: boolean;
-			/**
-			 * Whether the media element can be rotated.
-			 */
-			canRotate: boolean;
-		}
-		/**
-		 * Whether the context menu was invoked on an image which has non-empty contents.
-		 */
-		hasImageContents: boolean;
-		/**
-		 * Whether the context is editable.
-		 */
-		isEditable: boolean;
-		/**
-		 * These flags indicate whether the renderer believes it is able to perform the corresponding action.
-		 */
-		editFlags: {
-			/**
-			 * Whether the renderer believes it can undo.
-			 */
-			canUndo: boolean;
-			/**
-			 * Whether the renderer believes it can redo.
-			 */
-			canRedo: boolean;
-			/**
-			 * Whether the renderer believes it can cut.
-			 */
-			canCut: boolean;
-			/**
-			 * Whether the renderer believes it can copy
-			 */
-			canCopy: boolean;
-			/**
-			 * Whether the renderer believes it can paste.
-			 */
-			canPaste: boolean;
-			/**
-			 * Whether the renderer believes it can delete.
-			 */
-			canDelete: boolean;
-			/**
-			 * Whether the renderer believes it can select all.
-			 */
-			canSelectAll: boolean;
-		}
-		/**
-		 * Text of the selection that the context menu was invoked on.
-		 */
-		selectionText: string;
-		/**
-		 * Title or alt text of the selection that the context was invoked on.
-		 */
-		titleText: string;
-		/**
-		 * The misspelled word under the cursor, if any.
-		 */
-		misspelledWord: string;
-		/**
-		 * The character encoding of the frame on which the menu was invoked.
-		 */
-		frameCharset: string;
-		/**
-		 * If the context menu was invoked on an input field, the type of that field.
-		 */
-		inputFieldType: 'none' | 'plainText' | 'password' | 'other';
-		/**
-		 * Input source that invoked the context menu.
-		 */
-		menuSourceType: 'none' | 'mouse' | 'keyboard' | 'touch' | 'touchMenu';
-	}
-
-	interface BluetoothDevice {
-		deviceName: string;
-		deviceId: string;
-	}
-
-	interface Headers {
-		[key: string]: string;
-	}
-
-	type NewWindowDisposition = 'default' | 'foreground-tab' | 'background-tab' | 'new-window' | 'save-to-disk' | 'other';
-
-	/**
-	 * Specifies the action to take place when ending webContents.findInPage request.
-	 * 'clearSelection' - Clear the selection.
-	 * 'keepSelection' - Translate the selection into a normal selection.
-	 * 'activateSelection' - Focus and click the selection node.
-	 */
-	type StopFindInPageAtion = 'clearSelection' | 'keepSelection' | 'activateSelection';
-
-	type CursorType = 'default' | 'crosshair' | 'pointer' | 'text' | 'wait' | 'help' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ns-resize' | 'ew-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'm-panning' | 'e-panning' | 'n-panning' | 'ne-panning' | 'nw-panning' | 's-panning' | 'se-panning' |'sw-panning' | 'w-panning' | 'move' | 'vertical-text' | 'cell' | 'context-menu' | 'alias' | 'progress' | 'nodrop' | 'copy' | 'none' | 'not-allowed' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing' | 'custom';
-
-	interface LoadURLOptions {
-		/**
-		 * HTTP Referrer URL.
-		 */
-		httpReferrer?: string;
-		/**
-		 * User agent originating the request.
-		 */
-		userAgent?: string;
-		/**
-		 * Extra headers separated by "\n"
-		 */
-		extraHeaders?: string;
-	}
-
-	interface PrintOptions {
-		/**
-		 * Don't ask user for print settings.
-		 * Defaults: false.
-		 */
-		silent?: boolean;
-		/**
-		 * Also prints the background color and image of the web page.
-		 * Defaults: false.
-		 */
-		printBackground?: boolean;
-	}
-
-	interface PrintToPDFOptions {
-		/**
-		 * Specify the type of margins to use.
-		 *   0 - default
-		 *   1 - none
-		 *   2 - minimum
-		 * Default: 0
-		 */
-		marginsType?: number;
-		/**
-		 * Specify page size of the generated PDF.
-		 * Default: A4.
-		 */
-		pageSize?: 'A3' | 'A4' | 'A5' | 'Legal' | 'Letter' | 'Tabloid' | Size;
-		/**
-		 * Whether to print CSS backgrounds.
-		 * Default: false.
-		 */
-		printBackground?: boolean;
-		/**
-		 * Whether to print selection only.
-		 * Default: false.
-		 */
-		printSelectionOnly?: boolean;
-		/**
-		 * true for landscape, false for portrait.
-		 * Default: false.
-		 */
-		landscape?: boolean;
-	}
-
-	interface Certificate {
-		/**
-		 * PEM encoded data.
-		 */
-		data: string;
-		/**
-		 * Issuer's Common Name.
-		 */
-		issuerName: string;
-		/**
-		 * Subject's Common Name.
-		 */
-		subjectName: string;
-		/**
-		 * Hex value represented string.
-		 */
-		serialNumber: string;
-		/**
-		 * Start date of the certificate being valid in seconds.
-		 */
-		validStart: number;
-		/**
-		 * End date of the certificate being valid in seconds.
-		 */
-		validExpiry: number;
-		/**
-		 * Fingerprint of the certificate.
-		 */
-		fingerprint: string;
-	}
-
-	interface LoginRequest {
-		method: string;
-		url: string;
-		referrer: string;
-	}
-
-	interface LoginAuthInfo {
-		isProxy: boolean;
-		scheme: string;
-		host: string;
-		port: number;
-		realm: string;
-	}
-
-	interface FindInPageOptions {
-		/**
-		 * Whether to search forward or backward, defaults to true
-		 */
-		forward?: boolean;
-		/**
-		 * Whether the operation is first request or a follow up, defaults to false.
-		 */
-		findNext?: boolean;
-		/**
-		 * Whether search should be case-sensitive, defaults to false.
-		 */
-		matchCase?: boolean;
-		/**
-		 * Whether to look only at the start of words. defaults to false.
-		 */
-		wordStart?: boolean;
-		/**
-		 * When combined with wordStart, accepts a match in the middle of a word
-		 * if the match begins with an uppercase letter followed by a lowercase
-		 * or non-letter. Accepts several other intra-word matches, defaults to false.
-		 */
-		medialCapitalAsWordStart?: boolean;
-	}
-
-	interface FoundInPageResult {
-		requestId: number;
-		/**
-		 * Indicates if more responses are to follow.
-		 */
-		finalUpdate: boolean;
-		/**
-		 * Position of the active match.
-		 */
-		activeMatchOrdinal?: number;
-		/**
-		 * Number of Matches.
-		 */
-		matches?: number;
-		/**
-		 * Coordinates of first match region.
-		 */
-		selectionArea?: Rectangle;
-	}
-
-	interface DeviceEmulationParameters {
-		/**
-		 * Specify the screen type to emulated
-		 * Default: desktop
-		 */
-		screenPosition?: 'desktop' | 'mobile';
-		/**
-		 * Set the emulated screen size (screenPosition == mobile)
-		 */
-		screenSize?: Size;
-		/**
-		 * Position the view on the screen (screenPosition == mobile)
-		 * Default: {x: 0, y: 0}
-		 */
-		viewPosition?: Point;
-		/**
-		 * Set the device scale factor (if zero defaults to original device scale factor)
-		 * Default: 0
-		 */
-		deviceScaleFactor: number;
-		/**
-		 * Set the emulated view size (empty means no override).
-		 */
-		viewSize?: Size;
-		/**
-		 * Whether emulated view should be scaled down if necessary to fit into available space
-		 * Default: false
-		 */
-		fitToView?: boolean;
-		/**
-		 * Offset of the emulated view inside available space (not in fit to view mode)
-		 * Default: {x: 0, y: 0}
-		 */
-		offset?: Point;
-		/**
-		 * Scale of emulated view inside available space (not in fit to view mode)
-		 * Default: 1
-		 */
-		scale: number;
-	}
-
-	interface SendInputEvent {
-		type: 'mouseDown' | 'mouseUp' | 'mouseEnter' | 'mouseLeave' | 'contextMenu' | 'mouseWheel' | 'mouseMove' | 'keyDown' | 'keyUp' | 'char';
-		modifiers: ('shift' | 'control' | 'alt' | 'meta' | 'isKeypad' | 'isAutoRepeat' | 'leftButtonDown' | 'middleButtonDown' | 'rightButtonDown' | 'capsLock' | 'numLock' | 'left' | 'right')[];
-	}
-
-	interface SendInputKeyboardEvent extends SendInputEvent {
-		keyCode: string;
-	}
-
-	interface SendInputMouseEvent extends SendInputEvent {
-		x: number;
-		y: number;
-		button?: 'left' | 'middle' | 'right';
-		globalX?: number;
-		globalY?: number;
-		movementX?: number;
-		movementY?: number;
-		clickCount?: number;
-	}
-
-	interface SendInputMouseWheelEvent extends SendInputEvent {
-		deltaX?: number;
-		deltaY?: number;
-		wheelTicksX?: number;
-		wheelTicksY?: number;
-		accelerationRatioX?: number;
-		accelerationRatioY?: number;
-		hasPreciseScrollingDeltas?: boolean;
-		canScroll?: boolean;
-	}
-
-	/**
-	 * Debugger API serves as an alternate transport for remote debugging protocol.
-	 */
-	interface Debugger extends NodeJS.EventEmitter {
-		/**
-		 * Attaches the debugger to the webContents.
-		 * @param protocolVersion Requested debugging protocol version.
-		 */
-		attach(protocolVersion?: string): void;
-		/**
-		 * @returns Whether a debugger is attached to the webContents.
-		 */
-		isAttached(): boolean;
-		/**
-		 * Detaches the debugger from the webContents.
-		 */
-		detach(): void;
-		/**
-		 * Send given command to the debugging target.
-		 * @param method Method name, should be one of the methods defined by the remote debugging protocol.
-		 * @param commandParams JSON object with request parameters.
-		 * @param callback Response defined by the ‘returns’ attribute of the command description in the remote debugging protocol.
-		 */
-		sendCommand(method: string, commandParams?: any, callback?: (error: Error, result: any) => void): void;
-		/**
-		 * Emitted when debugging session is terminated. This happens either when
-		 * webContents is closed or devtools is invoked for the attached webContents.
-		 */
-		on(event: 'detach', listener: (event: Event, reason: string) => void): this;
-		/**
-		 * Emitted whenever debugging target issues instrumentation event.
-		 * Event parameters defined by the ‘parameters’ attribute in the remote debugging protocol.
-		 */
-		on(event: 'message', listener: (event: Event, method: string, params: any) => void): this;
-		on(event: string, listener: Function): this;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-frame.md
-
-	/**
-	 * The web-frame module allows you to customize the rendering of the current web page.
-	 */
-	interface WebFrame {
-		/**
-		 * Changes the zoom factor to the specified factor, zoom factor is
-		 * zoom percent / 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * @returns The current zoom factor.
-		 */
-		getZoomFactor(): number;
-		/**
-		 * Changes the zoom level to the specified level, 0 is "original size", and each
-		 * increment above or below represents zooming 20% larger or smaller to default
-		 * limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * @returns The current zoom level.
-		 */
-		getZoomLevel(): number;
-		/**
-		 * Sets the maximum and minimum zoom level.
-		 */
-		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
-		/**
-		 * Sets a provider for spell checking in input fields and text areas.
-		 */
-		setSpellCheckProvider(language: string, autoCorrectWord: boolean, provider: {
-			/**
-			 * @returns Whether the word passed is correctly spelled.
-			 */
-			spellCheck: (text: string) => boolean;
-		}): void;
-		/**
-		 * Sets the scheme as secure scheme. Secure schemes do not trigger mixed content
-		 * warnings. For example, https and data are secure schemes because they cannot be
-		 * corrupted by active network attackers.
-		 */
-		registerURLSchemeAsSecure(scheme: string): void;
-		/**
-		 * Resources will be loaded from this scheme regardless of the current page’s Content Security Policy.
-		 */
-		registerURLSchemeAsBypassingCSP(scheme: string): void;
-		/**
-		 * Registers the scheme as secure, bypasses content security policy for resources,
-		 * allows registering ServiceWorker and supports fetch API.
-		 */
-		registerURLSchemeAsPrivileged(scheme: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Evaluates `code` in page.
-		 * In the browser window some HTML APIs like `requestFullScreen` can only be
-		 * invoked by a gesture from the user. Setting `userGesture` to `true` will remove
-		 * this limitation.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * @returns Object describing usage information of Blink’s internal memory caches.
-		 */
-		getResourceUsage(): ResourceUsages;
-		/**
-		 * Attempts to free memory that is no longer being used (like images from a previous navigation).
-		 */
-		clearCache(): void;
-	}
-
-	interface ResourceUsages {
-		fonts: ResourceUsage;
-		images: ResourceUsage;
-		cssStyleSheets: ResourceUsage;
-		xslStyleSheets: ResourceUsage;
-		scripts: ResourceUsage;
-		other: ResourceUsage;
-	}
-
-	interface ResourceUsage {
-		count: number;
-		decodedSize: number;
-		liveSize: number;
-		purgeableSize: number;
-		purgedSize: number;
-		size: number;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-view-tag.md
-
-	/**
-	 * Use the webview tag to embed 'guest' content (such as web pages) in your Electron app.
-	 * The guest content is contained within the webview container.
-	 * An embedded page within your app controls how the guest content is laid out and rendered.
-	 *
-	 * Unlike an iframe, the webview runs in a separate process than your app.
-	 * It doesn't have the same permissions as your web page and all interactions between your app
-	 * and embedded content will be asynchronous. This keeps your app safe from the embedded content.
-	 */
-	interface WebViewElement extends HTMLElement {
-		/**
-		 * Returns the visible URL. Writing to this attribute initiates top-level navigation.
-		 * Assigning src its own value will reload the current page.
-		 * The src attribute can also accept data URLs, such as data:text/plain,Hello, world!.
-		 */
-		src: string;
-		/**
-		 * If "on", the webview container will automatically resize within the bounds specified
-		 * by the attributes minwidth, minheight, maxwidth, and maxheight.
-		 * These constraints do not impact the webview unless autosize is enabled.
-		 * When autosize is enabled, the webview container size cannot be less than
-		 * the minimum values or greater than the maximum.
-		 */
-		autosize: string;
-		/**
-		 * If "on", the guest page in webview will have node integration and can use node APIs
-		 * like require and process to access low level system resources.
-		 */
-		nodeintegration: string;
-		/**
-		 * If "on", the guest page in webview will be able to use browser plugins.
-		 */
-		plugins: string;
-		/**
-		 * Specifies a script that will be loaded before other scripts run in the guest page.
-		 * The protocol of script's URL must be either file: or asar:,
-		 * because it will be loaded by require in guest page under the hood.
-		 *
-		 * When the guest page doesn't have node integration this script will still have access to all Node APIs,
-		 * but global objects injected by Node will be deleted after this script has finished executing.
-		 */
-		preload: string;
-		/**
-		 * Sets the referrer URL for the guest page.
-		 */
-		httpreferrer: string;
-		/**
-		 * Sets the user agent for the guest page before the page is navigated to.
-		 * Once the page is loaded, use the setUserAgent method to change the user agent.
-		 */
-		useragent: string;
-		/**
-		 * If "on", the guest page will have web security disabled.
-		 */
-		disablewebsecurity: string;
-		/**
-		 * Sets the session used by the page. If partition starts with persist:,
-		 * the page will use a persistent session available to all pages in the app with the same partition.
-		 * If there is no persist: prefix, the page will use an in-memory session.
-		 * By assigning the same partition, multiple pages can share the same session.
-		 * If the partition is unset then default session of the app will be used.
-		 *
-		 * This value can only be modified before the first navigation,
-		 * since the session of an active renderer process cannot change.
-		 * Subsequent attempts to modify the value will fail with a DOM exception.
-		 */
-		partition: string;
-		/**
-		 * If "on", the guest page will be allowed to open new windows.
-		 */
-		allowpopups: string;
-		/**
-		 * A list of strings which specifies the blink features to be enabled separated by ,.
-		 */
-		blinkfeatures: string;
-		/**
-		 * A list of strings which specifies the blink features to be disabled separated by ,.
-		 */
-		disableblinkfeatures: string;
-		/**
-		 * A value that links the webview to a specific webContents.
-		 * When a webview first loads a new webContents is created and this attribute is set
-		 * to its instance identifier. Setting this attribute on a new or existing webview connects
-		 * it to the existing webContents that currently renders in a different webview.
-		 *
-		 * The existing webview will see the destroy event and will then create a new webContents when a new url is loaded.
-		 */
-		guestinstance: string;
-		/**
-		 * Loads the url in the webview, the url must contain the protocol prefix, e.g. the http:// or file://.
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * @returns URL of guest page.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The title of guest page.
-		 */
-		getTitle(): string;
-		/**
-		 * @returns Whether the web page is destroyed.
-		 */
-		isDestroyed(): boolean;
-		/**
-		 * @returns Whether the web page is focused.
-		 */
-		isFocused(): boolean;
-		/**
-		 * @returns Whether guest page is still loading resources.
-		 */
-		isLoading(): boolean;
-		/**
-		 * Returns a boolean whether the guest page is waiting for a first-response for the main resource of the page.
-		 */
-		isWaitingForResponse(): boolean;
-		/**
-		 * Stops any pending navigation.
-		 */
-		stop(): void;
-		/**
-		 * Reloads the guest page.
-		 */
-		reload(): void;
-		/**
-		 * Reloads the guest page and ignores cache.
-		 */
-		reloadIgnoringCache(): void;
-		/**
-		 * @returns Whether the guest page can go back.
-		 */
-		canGoBack(): boolean;
-		/**
-		 * @returns Whether the guest page can go forward.
-		 */
-		canGoForward(): boolean;
-		/**
-		 * @returns Whether the guest page can go to offset.
-		 */
-		canGoToOffset(offset: number): boolean;
-		/**
-		 * Clears the navigation history.
-		 */
-		clearHistory(): void;
-		/**
-		 * Makes the guest page go back.
-		 */
-		goBack(): void;
-		/**
-		 * Makes the guest page go forward.
-		 */
-		goForward(): void;
-		/**
-		 * Navigates to the specified absolute index.
-		 */
-		goToIndex(index: number): void;
-		/**
-		 * Navigates to the specified offset from the "current entry".
-		 */
-		goToOffset(offset: number): void;
-		/**
-		 * @returns Whether the renderer process has crashed.
-		 */
-		isCrashed(): boolean;
-		/**
-		 * Overrides the user agent for the guest page.
-		 */
-		setUserAgent(userAgent: string): void;
-		/**
-		 * @returns The user agent for guest page.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Injects CSS into the guest page.
-		 */
-		insertCSS(css: string): void;
-		/**
-		 * Evaluates code in page. If userGesture is set, it will create the user gesture context in the page.
-		 * HTML APIs like requestFullScreen, which require user action, can take advantage of this option for automation.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * Opens a DevTools window for guest page.
-		 */
-		openDevTools(): void;
-		/**
-		 * Closes the DevTools window of guest page.
-		 */
-		closeDevTools(): void;
-		/**
-		 * @returns Whether guest page has a DevTools window attached.
-		 */
-		isDevToolsOpened(): boolean;
-		/**
-		 * @returns Whether DevTools window of guest page is focused.
-		 */
-		isDevToolsFocused(): boolean;
-		/**
-		 * Starts inspecting element at position (x, y) of guest page.
-		 */
-		inspectElement(x: number, y: number): void;
-		/**
-		 * Opens the DevTools for the service worker context present in the guest page.
-		 */
-		inspectServiceWorker(): void;
-		/**
-		 * Set guest page muted.
-		 */
-		setAudioMuted(muted: boolean): void;
-		/**
-		 * @returns Whether guest page has been muted.
-		 */
-		isAudioMuted(): boolean;
-		/**
-		 * Executes editing command undo in page.
-		 */
-		undo(): void;
-		/**
-		 * Executes editing command redo in page.
-		 */
-		redo(): void;
-		/**
-		 * Executes editing command cut in page.
-		 */
-		cut(): void;
-		/**
-		 * Executes editing command copy in page.
-		 */
-		copy(): void;
-		/**
-		 * Executes editing command paste in page.
-		 */
-		paste(): void;
-		/**
-		 * Executes editing command pasteAndMatchStyle in page.
-		 */
-		pasteAndMatchStyle(): void;
-		/**
-		 * Executes editing command delete in page.
-		 */
-		delete(): void;
-		/**
-		 * Executes editing command selectAll in page.
-		 */
-		selectAll(): void;
-		/**
-		 * Executes editing command unselect in page.
-		 */
-		unselect(): void;
-		/**
-		 * Executes editing command replace in page.
-		 */
-		replace(text: string): void;
-		/**
-		 * Executes editing command replaceMisspelling in page.
-		 */
-		replaceMisspelling(text: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Starts a request to find all matches for the text in the web page.
-		 * The result of the request can be obtained by subscribing to found-in-page event.
-		 * @returns The request id used for the request.
-		 */
-		findInPage(text: string, options?: FindInPageOptions): number;
-		/**
-		 * Stops any findInPage request for the webview with the provided action.
-		 */
-		stopFindInPage(action: StopFindInPageAtion): void;
-		/**
-		 * Prints webview's web page. Same with webContents.print([options]).
-		 */
-		print(options?: PrintOptions): void;
-		/**
-		 * Prints webview's web page as PDF, Same with webContents.printToPDF(options, callback)
-		 */
-		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
-		/**
-		 * Send an asynchronous message to renderer process via channel, you can also send arbitrary arguments.
-		 * The renderer process can handle the message by listening to the channel event with the ipcRenderer module.
-		 * See webContents.send for examples.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Sends an input event to the page.
-		 * See webContents.sendInputEvent for detailed description of event object.
-		 */
-		sendInputEvent(event: SendInputEvent): void
-		/**
-		 * Changes the zoom factor to the specified factor.
-		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * Changes the zoom level to the specified level.
-		 * The original size is 0 and each increment above or below represents
-		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * Shows pop-up dictionary that searches the selected word on the page.
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * @returns The WebContents associated with this webview.
-		 */
-		getWebContents(): WebContents;
-		/**
-		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * Fired when a load has committed. This includes navigation within the current document
-		 * as well as subframe document-level loads, but does not include asynchronous resource loads.
-		 */
-		addEventListener(type: 'load-commit', listener: (event: WebViewElement.LoadCommitEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the navigation is done, i.e. the spinner of the tab will stop spinning, and the onload event is dispatched.
-		 */
-		addEventListener(type: 'did-finish-load', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * This event is like did-finish-load, but fired when the load failed or was cancelled, e.g. window.stop() is invoked.
-		 */
-		addEventListener(type: 'did-fail-load', listener: (event: WebViewElement.DidFailLoadEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a frame has done navigation.
-		 */
-		addEventListener(type: 'did-frame-finish-load', listener: (event: WebViewElement.DidFrameFinishLoadEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab starts spinning.
-		 */
-		addEventListener(type: 'did-start-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab stops spinning.
-		 */
-		addEventListener(type: 'did-stop-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when details regarding a requested resource is available.
-		 * status indicates socket connection to download the resource.
-		 */
-		addEventListener(type: 'did-get-response-details', listener: (event: WebViewElement.DidGetResponseDetails) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a redirect was received while requesting a resource.
-		 */
-		addEventListener(type: 'did-get-redirect-request', listener: (event: WebViewElement.DidGetRedirectRequestEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when document in the given frame is loaded.
-		 */
-		addEventListener(type: 'dom-ready', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page title is set during navigation. explicitSet is false when title is synthesized from file URL.
-		 */
-		addEventListener(type: 'page-title-updated', listener: (event: WebViewElement.PageTitleUpdatedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page receives favicon URLs.
-		 */
-		addEventListener(type: 'page-favicon-updated', listener: (event: WebViewElement.PageFaviconUpdatedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page enters fullscreen triggered by HTML API.
-		 */
-		addEventListener(type: 'enter-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page leaves fullscreen triggered by HTML API.
-		 */
-		addEventListener(type: 'leave-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest window logs a console message.
-		 */
-		addEventListener(type: 'console-message', listener: (event: WebViewElement.ConsoleMessageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a result is available for webview.findInPage request.
-		 */
-		addEventListener(type: 'found-in-page', listener: (event: WebViewElement.FoundInPageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page attempts to open a new browser window.
-		 */
-		addEventListener(type: 'new-window', listener: (event: WebViewElement.NewWindowEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a user or the page wants to start navigation.
-		 * It can happen when the window.location object is changed or a user clicks a link in the page.
-		 *
-		 * This event will not emit when the navigation is started programmatically with APIs
-		 * like <webview>.loadURL and <webview>.back.
-		 *
-		 * It is also not emitted during in-page navigation, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 *
-		 * Calling event.preventDefault() does NOT have any effect.
-		 */
-		addEventListener(type: 'will-navigate', listener: (event: WebViewElement.WillNavigateEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a navigation is done.
-		 *
-		 * This event is not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 */
-		addEventListener(type: 'did-navigate', listener: (event: WebViewElement.DidNavigateEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when an in-page navigation happened.
-		 *
-		 * When in-page navigation happens, the page URL changes but does not cause
-		 * navigation outside of the page. Examples of this occurring are when anchor links
-		 * are clicked or when the DOM hashchange event is triggered.
-		 */
-		addEventListener(type: 'did-navigate-in-page', listener: (event: WebViewElement.DidNavigateInPageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page attempts to close itself.
-		 */
-		addEventListener(type: 'close', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page has sent an asynchronous message to embedder page.
-		 */
-		addEventListener(type: 'ipc-message', listener: (event: WebViewElement.IpcMessageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the renderer process is crashed.
-		 */
-		addEventListener(type: 'crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the gpu process is crashed.
-		 */
-		addEventListener(type: 'gpu-crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a plugin process is crashed.
-		 */
-		addEventListener(type: 'plugin-crashed', listener: (event: WebViewElement.PluginCrashedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the WebContents is destroyed.
-		 */
-		addEventListener(type: 'destroyed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when media starts playing.
-		 */
-		addEventListener(type: 'media-started-playing', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when media is paused or done playing.
-		 */
-		addEventListener(type: 'media-paused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a page's theme color changes. This is usually due to encountering a meta tag:
-		 * <meta name='theme-color' content='#ff0000'>
-		 */
-		addEventListener(type: 'did-change-theme-color', listener: (event: WebViewElement.DidChangeThemeColorEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
-		 */
-		addEventListener(type: 'update-target-url', listener: (event: WebViewElement.UpdateTargetUrlEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is opened.
-		 */
-		addEventListener(type: 'devtools-opened', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is closed.
-		 */
-		addEventListener(type: 'devtools-closed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is focused / opened.
-		 */
-		addEventListener(type: 'devtools-focused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		addEventListener(type: string, listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-	}
-
-	namespace WebViewElement {
-		type Event = ElectronPrivate.GlobalEvent;
-
-		interface LoadCommitEvent extends Event  {
-			url: string;
-			isMainFrame: boolean;
-		}
-
-		interface DidFailLoadEvent extends Event  {
-			errorCode: number;
-			errorDescription: string;
-			validatedURL: string;
-			isMainFrame: boolean;
-		}
-
-		interface DidFrameFinishLoadEvent extends Event  {
-			isMainFrame: boolean;
-		}
-
-		interface DidGetResponseDetails extends Event  {
-			status: boolean;
-			newURL: string;
-			originalURL: string;
-			httpResponseCode: number;
-			requestMethod: string;
-			referrer: string;
-			headers: Headers;
-			resourceType: string;
-		}
-
-		interface DidGetRedirectRequestEvent extends Event {
-			oldURL: string;
-			newURL: string;
-			isMainFrame: boolean;
-			httpResponseCode: number;
-			requestMethod: string;
-			referrer: string;
-			headers: Headers;
-		}
-
-		interface PageTitleUpdatedEvent extends Event {
-			title: string;
-			explicitSet: string;
-		}
-
-		interface PageFaviconUpdatedEvent extends Event {
-			favicons: string[];
-		}
-
-		interface ConsoleMessageEvent extends Event {
-			level: number;
-			message: string;
-			line: number;
-			sourceId: string;
-		}
-
-		interface FoundInPageEvent extends Event {
-			result: FoundInPageResult;
-		}
-
-		interface NewWindowEvent extends Event {
-			url: string;
-			frameName: string;
-			disposition: NewWindowDisposition;
-			options: BrowserWindowOptions;
-		}
-
-		interface WillNavigateEvent extends Event {
-			url: string;
-		}
-
-		interface DidNavigateEvent extends Event {
-			url: string;
-		}
-
-		interface DidNavigateInPageEvent extends Event {
-			url: string;
-			isMainFrame: boolean;
-		}
-
-		interface IpcMessageEvent extends Event {
-			channel: string;
-			args: any[];
-		}
-
-		interface PluginCrashedEvent extends Event {
-			name: string;
-			version: string;
-		}
-
-		interface DidChangeThemeColorEvent extends Event {
-			themeColor: string;
-		}
-
-		interface UpdateTargetUrlEvent extends Event {
-			url: string;
-		}
-	}
-
-	/**
-	 * The BrowserWindowProxy object is returned from window.open and provides limited functionality with the child window.
-	 */
-	interface BrowserWindowProxy {
-		/**
-		 * Removes focus from the child window.
-		 */
-		blur(): void;
-		/**
-		 * Forcefully closes the child window without calling its unload event.
-		 */
-		close(): void;
-		/**
-		 * Set to true after the child window gets closed.
-		 */
-		closed: boolean;
-		/**
-		 * Evaluates the code in the child window.
-		 */
-		eval(code: string): void;
-		/**
-		 * Focuses the child window (brings the window to front).
-		 */
-		focus(): void;
-		/**
-		 * Sends a message to the child window with the specified origin or * for no origin preference.
-		 * In addition to these methods, the child window implements window.opener object with no
-		 * properties and a single method.
-		 */
-		postMessage(message: string, targetOrigin: string): void;
-		/**
-		 * Invokes the print dialog on the child window.
-		 */
-		print(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/synopsis.md
-
-	interface CommonElectron {
-		clipboard: Electron.Clipboard;
-		crashReporter: Electron.CrashReporter;
-		nativeImage: typeof Electron.NativeImage;
-		shell: Electron.Shell;
-
-		app: Electron.App;
-		autoUpdater: Electron.AutoUpdater;
-		BrowserWindow: typeof Electron.BrowserWindow;
-		contentTracing: Electron.ContentTracing;
-		dialog: Electron.Dialog;
-		ipcMain: Electron.IpcMain;
-		globalShortcut: Electron.GlobalShortcut;
-		Menu: typeof Electron.Menu;
-		MenuItem: typeof Electron.MenuItem;
-		powerMonitor: Electron.PowerMonitor;
-		powerSaveBlocker: Electron.PowerSaveBlocker;
-		protocol: Electron.Protocol;
-		screen: Electron.Screen;
-		session: typeof Electron.Session;
-		systemPreferences: Electron.SystemPreferences;
-		Tray: typeof Electron.Tray;
-		webContents: Electron.WebContentsStatic;
-	}
-
-	interface ElectronMainAndRenderer extends CommonElectron {
-		desktopCapturer: Electron.DesktopCapturer;
-		ipcRenderer: Electron.IpcRenderer;
-		remote: Electron.Remote;
-		webFrame: Electron.WebFrame;
-	}
-}
-
-declare namespace ElectronPrivate {
-	type GlobalEvent = Event;
-}
-
-interface Document {
-	createElement(tagName: 'webview'): Electron.WebViewElement;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/window-open.md
-
-interface Window {
-	/**
-	 * Creates a new window.
-	 */
-	open(url: string, frameName?: string, features?: string): Electron.BrowserWindowProxy;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/file-object.md
-
-interface File {
-	/**
-	 * Exposes the real path of the filesystem.
-	 */
-	path: string;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/process.md
-
-declare namespace NodeJS {
-
-	interface ProcessVersions {
-		/**
-		 * Electron's version string.
-		 */
-		electron: string;
-		/**
-		 * Chrome's version string.
-		 */
-		chrome: string;
-	}
-
-	interface Process {
-		/**
-		 * Setting this to true can disable the support for asar archives in Node's built-in modules.
-		 */
-		noAsar?: boolean;
-		/**
-		 * Process's type
-		 */
-		type: 'browser' | 'renderer';
-		/**
-		 * Path to JavaScript source code.
-		 */
-		resourcesPath: string;
-		/**
-		 * For Mac App Store build, this value is true, for other builds it is undefined.
-		 */
-		mas?: boolean;
-		/**
-		 * If the app is running as a Windows Store app (appx), this value is true, for other builds it is undefined.
-		 */
-		windowsStore?: boolean;
-		/**
-		 * When app is started by being passed as parameter to the default app,
-		 * this value is true in the main process, otherwise it is undefined.
-		 */
-		defaultApp?: boolean;
-		/**
-		 * Emitted when Electron has loaded its internal initialization script
-		 * and is beginning to load the web page or the main script.
-		 */
-		on(event: 'loaded', listener: Function): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Causes the main thread of the current process crash;
-		 */
-		crash(): void;
-		/**
-		 * Causes the main thread of the current process hang.
-		 */
-		hang(): void;
-		/**
-		 * Sets the file descriptor soft limit to maxDescriptors or the OS hard limit,
-		 * whichever is lower for the current process.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		setFdLimit(maxDescriptors: number): void;
-		/**
-		 * @returns Object giving memory usage statistics about the current process.
-		 * Note: All statistics are reported in Kilobytes.
-		 */
-		getProcessMemoryInfo(): ProcessMemoryInfo;
-		/**
-		 * @returns Object giving memory usage statistics about the entire system.
-		 * Note: All statistics are reported in Kilobytes.
-		 */
-		getSystemMemoryInfo(): SystemMemoryInfo;
-	}
-
-	interface ProcessMemoryInfo {
-		/**
-		 * The amount of memory currently pinned to actual physical RAM.
-		 */
-		workingSetSize: number;
-		/**
-		 * The maximum amount of memory that has ever been pinned to actual physical RAM.
-		 */
-		peakWorkingSetSize: number;
-		/**
-		 * The amount of memory not shared by other processes, such as JS heap or HTML content.
-		 */
-		privateBytes: number;
-		/**
-		 * The amount of memory shared between processes, typically memory consumed by the Electron code itself.
-		 */
-		sharedBytes: number;
-	}
-
-	interface SystemMemoryInfo {
-		/**
-		 * The total amount of physical memory available to the system.
-		 */
-		total: number;
-		/**
-		 * The total amount of memory not being used by applications or disk cache.
-		 */
-		free: number;
-		/**
-		 * The total amount of swap memory available to the system.
-		 */
-		swapTotal: number;
-		/**
-		 * The free amount of swap memory available to the system.
-		 */
-		swapFree: number;
-	}
-}
-
-declare module 'electron' {
-	var electron: Electron.ElectronMainAndRenderer;
-	export = electron;
-}
-
-interface NodeRequireFunction {
-	(moduleName: 'electron'): Electron.ElectronMainAndRenderer;
-}
diff --git a/electron/tsconfig.json b/electron/tsconfig.json
index 89c5379095..79c504aade 100644
--- a/electron/tsconfig.json
+++ b/electron/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
+        "electron-tests.ts",
         "github-electron-renderer-tests.ts",
         "github-electron-main-tests.ts"
     ]
diff --git a/ember/index.d.ts b/ember/index.d.ts
index df63a1312a..dca7004163 100644
--- a/ember/index.d.ts
+++ b/ember/index.d.ts
@@ -1514,7 +1514,7 @@ declare namespace Ember {
         toArray(): any[];
     }
     class Registry {
-        constructor (options: any);
+        constructor(options: any);
         static set: typeof Ember.set;
     }
 
@@ -2242,10 +2242,10 @@ declare namespace Ember {
     }
     namespace Test {
         class Adapter extends Ember.Object {
-            constructor ();
+            constructor();
         }
         class Promise<T, U> extends Ember.RSVP.Promise<T, U> {
-            constructor ();
+            constructor();
         }
         function oninjectHelpers(callback: Function): void;
         function promise<T, U>(resolver: (a: T) => any, label: string): Ember.Test.Promise<T, U>;
diff --git a/ember/ember-1.11.3-tests.ts b/ember/v1/ember-tests.ts
similarity index 99%
rename from ember/ember-1.11.3-tests.ts
rename to ember/v1/ember-tests.ts
index ca88b729b6..25ca3e3cc5 100644
--- a/ember/ember-1.11.3-tests.ts
+++ b/ember/v1/ember-tests.ts
@@ -1,4 +1,3 @@
-/// <reference path="ember-1.11.3.d.ts" />
 /// <reference types="handlebars" />
 
 
diff --git a/ember/ember-1.11.3.d.ts b/ember/v1/index.d.ts
similarity index 99%
rename from ember/ember-1.11.3.d.ts
rename to ember/v1/index.d.ts
index eef72fd87c..095c31a176 100644
--- a/ember/ember-1.11.3.d.ts
+++ b/ember/v1/index.d.ts
@@ -6,10 +6,6 @@
 /// <reference types="jquery"/>
 /// <reference types="handlebars"/>
 
-/* this is an older file, do not lint */
-/* tslint:disable */
-declare var Handlebars: HandlebarsStatic;
-
 declare namespace EmberStates {
 
     interface Transition {
diff --git a/ember/v1/tsconfig.json b/ember/v1/tsconfig.json
new file mode 100644
index 0000000000..04fdc535c5
--- /dev/null
+++ b/ember/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "ember": ["ember/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ember-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/enhanced-resolve/lib/lib-tests.ts b/enhanced-resolve/lib/lib-tests.ts
index b5b0d9a266..b655652ed4 100644
--- a/enhanced-resolve/lib/lib-tests.ts
+++ b/enhanced-resolve/lib/lib-tests.ts
@@ -60,7 +60,7 @@ import UnsafeCachePlugin = require('enhanced-resolve/lib/UnsafeCachePlugin');
 
 import UseFilePlugin = require('enhanced-resolve/lib/UseFilePlugin');
 
-import resolve = require('../');
+import resolve = require('enhanced-resolve');
 
 const aplugin = new AliasFieldPlugin('a', 'b', 'c');
 
diff --git a/enhanced-resolve/tsconfig.json b/enhanced-resolve/tsconfig.json
index 9f1d84c469..5bd29396ab 100644
--- a/enhanced-resolve/tsconfig.json
+++ b/enhanced-resolve/tsconfig.json
@@ -16,38 +16,39 @@
   "files": [
     "index.d.ts",
     "enhanced-resolve-tests.ts",
-    "./lib/AliasFieldPlugin.d.ts",
-    "./lib/AliasPlugin.d.ts",
-    "./lib/AppendPlugin.d.ts",
-    "./lib/CloneBasenamePlugin.d.ts",
-    "./lib/common-types.d.ts",
-    "./lib/concord.d.ts",
-    "./lib/ConcordExtensionsPlugin.d.ts",
-    "./lib/ConcordMainPlugin.d.ts",
-    "./lib/ConcordModulesPlugin.d.ts",
-    "./lib/DescriptionFilePlugin.d.ts",
-    "./lib/DescriptionFileUtils.d.ts",
-    "./lib/DirectoryExistsPlugin.d.ts",
-    "./lib/FileExistsPlugin.d.ts",
-    "./lib/FileKindPlugin.d.ts",
-    "./lib/getPaths.d.ts",
-    "./lib/globToRegExp.d.ts",
-    "./lib/JoinRequestPlugin.d.ts",
-    "./lib/lib-tests.ts",
-    "./lib/LogInfoPlugin.d.ts",
-    "./lib/MainFieldPlugin.d.ts",
-    "./lib/ModuleAppendPlugin.d.ts",
-    "./lib/ModuleKindPlugin.d.ts",
-    "./lib/ModulesInHierachicDirectoriesPlugin.d.ts",
-    "./lib/ModulesInRootPlugin.d.ts",
-    "./lib/NextPlugin.d.ts",
-    "./lib/ParsePlugin.d.ts",
-    "./lib/Resolver.d.ts",
-    "./lib/ResultPlugin.d.ts",
-    "./lib/Storage.d.ts",
-    "./lib/SymlinkPlugin.d.ts",
-    "./lib/TryNextPlugin.d.ts",
-    "./lib/UnsafeCachePlugin.d.ts",
-    "./lib/UseFilePlugin.d.ts"
+    "lib/AliasFieldPlugin.d.ts",
+    "lib/AliasPlugin.d.ts",
+    "lib/AppendPlugin.d.ts",
+    "lib/CloneBasenamePlugin.d.ts",
+    "lib/common-types.d.ts",
+    "lib/concord.d.ts",
+    "lib/ConcordExtensionsPlugin.d.ts",
+    "lib/ConcordMainPlugin.d.ts",
+    "lib/ConcordModulesPlugin.d.ts",
+    "lib/DescriptionFilePlugin.d.ts",
+    "lib/DescriptionFileUtils.d.ts",
+    "lib/DirectoryExistsPlugin.d.ts",
+    "lib/FileExistsPlugin.d.ts",
+    "lib/FileKindPlugin.d.ts",
+    "lib/getPaths.d.ts",
+    "lib/globToRegExp.d.ts",
+    "lib/JoinRequestPlugin.d.ts",
+    "lib/lib-tests.ts",
+    "lib/LogInfoPlugin.d.ts",
+    "lib/MainFieldPlugin.d.ts",
+    "lib/ModuleAppendPlugin.d.ts",
+    "lib/ModuleKindPlugin.d.ts",
+    "lib/ModulesInHierachicDirectoriesPlugin.d.ts",
+    "lib/ModulesInRootPlugin.d.ts",
+    "lib/NextPlugin.d.ts",
+    "lib/ParsePlugin.d.ts",
+    "lib/Resolver.d.ts",
+    "lib/ResultPlugin.d.ts",
+    "lib/Storage.d.ts",
+    "lib/SymlinkPlugin.d.ts",
+    "lib/SyncAsyncFileSystemDecorator.d.ts",
+    "lib/TryNextPlugin.d.ts",
+    "lib/UnsafeCachePlugin.d.ts",
+    "lib/UseFilePlugin.d.ts"
   ]
 }
diff --git a/enzyme/enzyme-1.2.0-tests.tsx b/enzyme/enzyme-1.2.0-tests.tsx
deleted file mode 100644
index 44db5705bc..0000000000
--- a/enzyme/enzyme-1.2.0-tests.tsx
+++ /dev/null
@@ -1,605 +0,0 @@
-/// <reference path="enzyme-1.2.0.d.ts" />
-/// <reference path="../react/react.d.ts"/>
-
-import { shallow, mount, render, describeWithDOM, spyLifecycle } from "enzyme";
-import * as React from "react";
-import {Component, ReactElement, HTMLAttributes} from "react";
-import {ShallowWrapper, ReactWrapper, CheerioWrapper} from "enzyme";
-
-
-// Help classes/interfaces
-interface MyComponentProps {
-    propsProperty: any;
-    numberProp?: number;
-}
-
-interface StatelessProps {
-    stateless: any;
-}
-
-interface MyComponentState {
-    stateProperty: any;
-}
-
-class MyComponent extends Component<MyComponentProps, MyComponentState> {
-    setState(...args: any[]) {
-    }
-}
-
-const MyStatelessComponent = (props: StatelessProps) => <span />;
-
-// API
-namespace SpyLifecycleTest {
-    spyLifecycle(MyComponent);
-}
-
-// ShallowWrapper
-namespace ShallowWrapperTest {
-    var shallowWrapper: ShallowWrapper<MyComponentProps, MyComponentState> =
-        shallow<MyComponentProps, MyComponentState>(<MyComponent propsProperty="value"/>);
-
-    var reactElement: ReactElement<any>,
-        objectVal: Object,
-        boolVal: Boolean,
-        stringVal: String,
-        elementWrapper: ShallowWrapper<HTMLAttributes, {}>
-
-    function test_find() {
-        elementWrapper = shallowWrapper.find('.selector');
-        shallowWrapper = shallowWrapper.find(MyComponent);
-        shallowWrapper.find(MyStatelessComponent).props().stateless;
-        shallowWrapper.find(MyStatelessComponent).shallow();
-    }
-
-    function test_findWhere() {
-        shallowWrapper =
-            shallowWrapper.findWhere((aShallowWrapper: ShallowWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_filter() {
-        elementWrapper = shallowWrapper.filter('.selector');
-        shallowWrapper = shallowWrapper.filter(MyComponent).shallow();
-    }
-
-    function test_filterWhere() {
-        shallowWrapper =
-            shallowWrapper.filterWhere(wrapper => {
-                wrapper.props().propsProperty;
-                return true;
-            });
-    }
-
-    function test_contains() {
-        boolVal = shallowWrapper.contains(<div className="foo bar"/>);
-    }
-
-    function test_hasClass() {
-        boolVal = shallowWrapper.find('.my-button').hasClass('disabled');
-    }
-
-    function test_is() {
-        boolVal = shallowWrapper.is('.some-class');
-    }
-
-    function test_not() {
-        elementWrapper = shallowWrapper.find('.foo').not('.bar');
-    }
-
-    function test_children() {
-        shallowWrapper = shallowWrapper.children();
-        shallowWrapper.children(MyStatelessComponent).props().stateless;
-    }
-
-    function test_parents() {
-        shallowWrapper = shallowWrapper.parents();
-    }
-
-    function test_parent() {
-        shallowWrapper = shallowWrapper.parent();
-    }
-
-    function test_closest() {
-        elementWrapper = shallowWrapper.closest('.selector');
-        shallowWrapper = shallowWrapper.closest(MyComponent);
-    }
-
-    function test_shallow() {
-        shallowWrapper = shallowWrapper.shallow();
-    }
-
-    function test_unmount() {
-        shallowWrapper = shallowWrapper.unmount();
-    }
-
-    function test_render() {
-        var cheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState> = shallowWrapper.render();
-    }
-
-    function test_text() {
-        stringVal = shallowWrapper.text();
-    }
-
-
-    function test_html() {
-        stringVal = shallowWrapper.html();
-    }
-
-    function test_get() {
-        reactElement = shallowWrapper.get(1);
-    }
-
-    function test_at() {
-        shallowWrapper = shallowWrapper.at(1);
-    }
-
-    function test_first() {
-        shallowWrapper = shallowWrapper.first();
-    }
-
-    function test_last() {
-        shallowWrapper = shallowWrapper.last();
-    }
-
-    function test_state() {
-        shallowWrapper.state();
-        shallowWrapper.state('key');
-    }
-
-    function test_props() {
-        objectVal = shallowWrapper.props();
-    }
-
-    function test_prop() {
-        shallowWrapper.prop('key');
-    }
-
-
-    function test_simulate(...args: any[]) {
-        shallowWrapper.simulate('click');
-        shallowWrapper.simulate('click', args);
-    }
-
-    function test_setState() {
-        shallowWrapper = shallowWrapper.setState({stateProperty: 'state'});
-    }
-
-    function test_setProps() {
-        shallowWrapper = shallowWrapper.setProps({propsProperty: 'foo'});
-    }
-
-    function test_setContext() {
-        shallowWrapper = shallowWrapper.setContext({name: 'baz'});
-    }
-
-    function test_instance() {
-        var myComponent: MyComponent = shallowWrapper.instance();
-    }
-
-    function test_update() {
-        shallowWrapper = shallowWrapper.update();
-    }
-
-    function test_debug() {
-        stringVal = shallowWrapper.debug();
-    }
-
-    function test_type() {
-        var stringOrFunction: String|Function = shallowWrapper.type();
-    }
-
-    function test_forEach() {
-        shallowWrapper =
-            shallowWrapper.forEach(wrapper => wrapper.shallow().props().propsProperty);
-    }
-
-    function test_map() {
-        var arrayNumbers: Array<Number> =
-            shallowWrapper.map(wrapper => wrapper.props().numberProp);
-    }
-
-    function test_reduce() {
-        const total: number[] =
-            shallowWrapper.reduce(
-                (amount: number, n: ShallowWrapper<MyComponentProps, MyComponentState>) => amount + n.props().numberProp
-            );
-    }
-
-    function test_reduceRight() {
-        const total: number[] =
-            shallowWrapper.reduceRight<number>(
-                (amount: number, n: ShallowWrapper<MyComponentProps, MyComponentState>) => amount + n.prop('amount')
-            );
-    }
-
-    function test_some() {
-        boolVal = shallowWrapper.some('.selector');
-        boolVal = shallowWrapper.some(MyComponent);
-    }
-
-    function test_someWhere() {
-        boolVal = shallowWrapper.someWhere((aShallowWrapper: ShallowWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_every() {
-        boolVal = shallowWrapper.every('.selector');
-        boolVal = shallowWrapper.every(MyComponent);
-    }
-
-    function test_everyWhere() {
-        boolVal = shallowWrapper.everyWhere((aShallowWrapper: ShallowWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-}
-
-
-// ReactWrapper
-namespace ReactWrapperTest {
-    var reactWrapper: ReactWrapper<MyComponentProps, MyComponentState> =
-        mount<MyComponentProps, MyComponentState>(<MyComponent propsProperty="value"/>);
-
-    var reactElement: ReactElement<any>,
-        objectVal: Object,
-        boolVal: Boolean,
-        stringVal: String,
-        elementWrapper: ReactWrapper<HTMLAttributes, {}>
-
-    function test_unmount() {
-        reactWrapper = reactWrapper.unmount();
-    }
-
-    function test_mount() {
-        reactWrapper = reactWrapper.mount();
-    }
-
-    function test_find() {
-        elementWrapper = reactWrapper.find('.selector');
-        reactWrapper = reactWrapper.find(MyComponent);
-        reactWrapper.find(MyStatelessComponent).props().stateless;
-    }
-
-    function test_findWhere() {
-        reactWrapper =
-            reactWrapper.findWhere((aReactWrapper: ReactWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_filter() {
-        elementWrapper = reactWrapper.filter('.selector');
-        reactWrapper = reactWrapper.filter(MyComponent);
-    }
-
-    function test_filterWhere() {
-        reactWrapper =
-            reactWrapper.filterWhere(wrapper => {
-                wrapper.props().propsProperty;
-                return true;
-            });
-    }
-
-    function test_contains() {
-        boolVal = reactWrapper.contains(<div className="foo bar"/>);
-    }
-
-    function test_hasClass() {
-        boolVal = reactWrapper.find('.my-button').hasClass('disabled');
-    }
-
-    function test_is() {
-        boolVal = reactWrapper.is('.some-class');
-    }
-
-    function test_not() {
-        elementWrapper = reactWrapper.find('.foo').not('.bar');
-    }
-
-    function test_children() {
-        reactWrapper = reactWrapper.children();
-    }
-
-    function test_parents() {
-        reactWrapper = reactWrapper.parents();
-    }
-
-    function test_parent() {
-        reactWrapper = reactWrapper.parent();
-    }
-
-    function test_closest() {
-        elementWrapper = reactWrapper.closest('.selector');
-        reactWrapper = reactWrapper.closest(MyComponent);
-    }
-
-    function test_text() {
-        stringVal = reactWrapper.text();
-    }
-
-    function test_html() {
-        stringVal = reactWrapper.html();
-    }
-
-    function test_get() {
-        reactElement = reactWrapper.get(1);
-    }
-
-    function test_at() {
-        reactWrapper = reactWrapper.at(1);
-    }
-
-    function test_first() {
-        reactWrapper = reactWrapper.first();
-    }
-
-    function test_last() {
-        reactWrapper = reactWrapper.last();
-    }
-
-    function test_state() {
-        reactWrapper.state();
-        reactWrapper.state('key');
-    }
-
-    function test_props() {
-        objectVal = reactWrapper.props();
-    }
-
-    function test_prop() {
-        reactWrapper.prop('key');
-    }
-
-
-    function test_simulate(...args: any[]) {
-        reactWrapper.simulate('click');
-        reactWrapper.simulate('click', args);
-    }
-
-    function test_setState() {
-        reactWrapper = reactWrapper.setState({stateProperty: 'state'});
-    }
-
-    function test_setProps() {
-        reactWrapper = reactWrapper.setProps({propsProperty: 'foo'});
-    }
-
-    function test_setContext() {
-        reactWrapper = reactWrapper.setContext({name: 'baz'});
-    }
-
-    function test_instance() {
-        var myComponent: MyComponent = reactWrapper.instance();
-    }
-
-    function test_update() {
-        reactWrapper = reactWrapper.update();
-    }
-
-    function test_debug() {
-        stringVal = reactWrapper.debug();
-    }
-
-    function test_type() {
-        var stringOrFunction: String|Function = reactWrapper.type();
-    }
-
-    function test_forEach() {
-        reactWrapper =
-            reactWrapper.forEach(wrapper => wrapper.props().propsProperty);
-    }
-
-    function test_map() {
-        var arrayNumbers: Array<Number> =
-            reactWrapper.map(wrapper => wrapper.props().numberProp);
-    }
-
-    function test_reduce() {
-        const total: number[] =
-            reactWrapper.reduce<number>(
-                (amount: number, n: ReactWrapper<MyComponentProps, MyComponentState>) => amount + n.prop('amount')
-            );
-    }
-
-    function test_reduceRight() {
-        const total: number[] =
-            reactWrapper.reduceRight<number>(
-                (amount: number, n: ReactWrapper<MyComponentProps, MyComponentState>) => amount + n.prop('amount')
-            );
-    }
-
-    function test_some() {
-        boolVal = reactWrapper.some('.selector');
-        boolVal = reactWrapper.some(MyComponent);
-    }
-
-    function test_someWhere() {
-        boolVal = reactWrapper.someWhere((aReactWrapper: ReactWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_every() {
-        boolVal = reactWrapper.every('.selector');
-        boolVal = reactWrapper.every(MyComponent);
-    }
-
-    function test_everyWhere() {
-        boolVal = reactWrapper.everyWhere((aReactWrapper: ReactWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-}
-
-// CheerioWrapper
-namespace CheerioWrapperTest {
-    var cheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState> =
-        render<MyComponentProps, MyComponentState>(<MyComponent propsProperty="value"/>);
-
-    var reactElement: ReactElement<any>,
-        objectVal: Object,
-        boolVal: Boolean,
-        stringVal: String,
-        elementWrapper: CheerioWrapper<HTMLAttributes, {}>
-
-    function test_find() {
-        elementWrapper = cheerioWrapper.find('.selector');
-        cheerioWrapper = cheerioWrapper.find(MyComponent);
-        cheerioWrapper.find(MyStatelessComponent).props().stateless;
-    }
-
-    function test_findWhere() {
-        cheerioWrapper =
-            cheerioWrapper.findWhere((aCheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_filter() {
-        elementWrapper = cheerioWrapper.filter('.selector');
-        cheerioWrapper = cheerioWrapper.filter(MyComponent);
-    }
-
-    function test_filterWhere() {
-        cheerioWrapper =
-            cheerioWrapper.filterWhere(wrapper => {
-                wrapper.props().propsProperty;
-                return true;
-            });
-    }
-
-    function test_contains() {
-        boolVal = cheerioWrapper.contains(<div className="foo bar"/>);
-    }
-
-    function test_hasClass() {
-        boolVal = cheerioWrapper.find('.my-button').hasClass('disabled');
-    }
-
-    function test_is() {
-        boolVal = cheerioWrapper.is('.some-class');
-    }
-
-    function test_not() {
-        elementWrapper = cheerioWrapper.find('.foo').not('.bar');
-    }
-
-    function test_children() {
-        cheerioWrapper = cheerioWrapper.children();
-    }
-
-    function test_parents() {
-        cheerioWrapper = cheerioWrapper.parents();
-    }
-
-    function test_parent() {
-        cheerioWrapper = cheerioWrapper.parent();
-    }
-
-    function test_closest() {
-        elementWrapper = cheerioWrapper.closest('.selector');
-        cheerioWrapper = cheerioWrapper.closest(MyComponent);
-    }
-
-    function test_text() {
-        stringVal = cheerioWrapper.text();
-    }
-
-    function test_html() {
-        stringVal = cheerioWrapper.html();
-    }
-
-    function test_get() {
-        reactElement = cheerioWrapper.get(1);
-    }
-
-    function test_at() {
-        cheerioWrapper = cheerioWrapper.at(1);
-    }
-
-    function test_first() {
-        cheerioWrapper = cheerioWrapper.first();
-    }
-
-    function test_last() {
-        cheerioWrapper = cheerioWrapper.last();
-    }
-
-    function test_state() {
-        cheerioWrapper.state();
-        cheerioWrapper.state('key');
-    }
-
-    function test_props() {
-        objectVal = cheerioWrapper.props();
-    }
-
-    function test_prop() {
-        cheerioWrapper.prop('key');
-    }
-
-
-    function test_simulate(...args: any[]) {
-        cheerioWrapper.simulate('click');
-        cheerioWrapper.simulate('click', args);
-    }
-
-    function test_setState() {
-        cheerioWrapper = cheerioWrapper.setState({stateProperty: 'state'});
-    }
-
-    function test_setProps() {
-        cheerioWrapper = cheerioWrapper.setProps({propsProperty: 'foo'});
-    }
-
-    function test_setContext() {
-        cheerioWrapper = cheerioWrapper.setContext({name: 'baz'});
-    }
-
-    function test_instance() {
-        var myComponent: MyComponent = cheerioWrapper.instance();
-    }
-
-    function test_update() {
-        cheerioWrapper = cheerioWrapper.update();
-    }
-
-    function test_debug() {
-        stringVal = cheerioWrapper.debug();
-    }
-
-    function test_type() {
-        var stringOrFunction: String|Function = cheerioWrapper.type();
-    }
-
-    function test_forEach() {
-        cheerioWrapper =
-            cheerioWrapper.forEach((aCheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState>)=> {
-            });
-    }
-
-    function test_map() {
-        var arrayNumbers: Array<Number> =
-            cheerioWrapper.map(wrapper => wrapper.props().numberProp);
-    }
-
-    function test_reduce() {
-        const total: number[] =
-            cheerioWrapper.reduce<number>(
-                (amount: number, n: CheerioWrapper<MyComponentProps, MyComponentState>) => amount + n.prop('amount')
-            );
-    }
-
-    function test_reduceRight() {
-        const total: number[] =
-            cheerioWrapper.reduceRight<number>(
-                (amount: number, n: CheerioWrapper<MyComponentProps, MyComponentState>) => amount + n.prop('amount')
-            );
-    }
-
-    function test_some() {
-        boolVal = cheerioWrapper.some('.selector');
-        boolVal = cheerioWrapper.some(MyComponent);
-    }
-
-    function test_someWhere() {
-        boolVal = cheerioWrapper.someWhere((aCheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-
-    function test_every() {
-        boolVal = cheerioWrapper.every('.selector');
-        boolVal = cheerioWrapper.every(MyComponent);
-    }
-
-    function test_everyWhere() {
-        boolVal = cheerioWrapper.everyWhere((aCheerioWrapper: CheerioWrapper<MyComponentProps, MyComponentState>) => true);
-    }
-}
diff --git a/enzyme/enzyme-1.2.0.d.ts b/enzyme/enzyme-1.2.0.d.ts
deleted file mode 100644
index 865331529b..0000000000
--- a/enzyme/enzyme-1.2.0.d.ts
+++ /dev/null
@@ -1,473 +0,0 @@
-// Type definitions for Enzyme v1.2.0
-// Project: https://github.com/airbnb/enzyme
-// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react" />
-
-declare module "enzyme" {
-
-    import {ReactElement, Component, StatelessComponent, ComponentClass, HTMLAttributes} from "react";
-
-    export class ElementClass extends Component<any, any> {
-    }
-
-    /**
-     * Many methods in Enzyme's API accept a selector as an argument. Selectors in Enzyme can fall into one of the
-     * following three categories:
-     *
-     *  1. A Valid CSS Selector
-     *  2. A React Component Constructor
-     *  3. A React Component's displayName
-     */
-    export type EnzymeSelector = String | typeof ElementClass;
-
-    interface CommonWrapper<P, S> {
-        /**
-         * Find every node in the render tree that matches the provided selector.
-         * @param selector The selector to match.
-         */
-        find<P2>(component: ComponentClass<P2>): CommonWrapper<P2, any>;
-        find<P2>(statelessComponent: StatelessComponent<P2>): CommonWrapper<P2, {}>;
-        find(selector: string): CommonWrapper<HTMLAttributes, any>;
-
-        /**
-         * Finds every node in the render tree that returns true for the provided predicate function.
-         * @param predicate
-         */
-        findWhere(predicate: (wrapper: CommonWrapper<any, any>) => Boolean): CommonWrapper<any, any>;
-
-        /**
-         * Removes nodes in the current wrapper that do not match the provided selector.
-         * @param selector The selector to match.
-         */
-        filter<P2>(component: ComponentClass<P2>): CommonWrapper<P2, any>;
-        filter<P2>(statelessComponent: StatelessComponent<P2>): CommonWrapper<P2, {}>;
-        filter(selector: string): CommonWrapper<HTMLAttributes, any>;
-
-        /**
-         * Returns a new wrapper with only the nodes of the current wrapper that, when passed into the provided predicate function, return true.
-         * @param predicate
-         */
-        filterWhere(predicate: (wrapper: this) => Boolean): this;
-
-        /**
-         * Returns whether or not the current wrapper has a node anywhere in it's render tree that looks like the one passed in.
-         * @param node
-         */
-        contains(node: ReactElement<any>): Boolean;
-
-        /**
-         * Returns whether or not the current node has a className prop including the passed in class name.
-         * @param className
-         */
-        hasClass(className: String): Boolean;
-
-        /**
-         * Returns whether or not the current node matches a provided selector.
-         * @param selector
-         */
-        is(selector: EnzymeSelector): Boolean;
-
-        /**
-         * Returns a new wrapper with only the nodes of the current wrapper that don't match the provided selector.
-         * This method is effectively the negation or inverse of filter.
-         * @param selector
-         */
-        not(selector: EnzymeSelector): this;
-
-        /**
-         * Returns a new wrapper with all of the children of the node(s) in the current wrapper. Optionally, a selector
-         * can be provided and it will filter the children by this selector.
-         * @param [selector]
-         */
-        children<P2>(component: ComponentClass<P2>): CommonWrapper<P2, any>;
-        children<P2>(statelessComponent: StatelessComponent<P2>): CommonWrapper<P2, {}>;
-        children(selector: string): CommonWrapper<HTMLAttributes, any>;
-        children(): CommonWrapper<any, any>;
-
-        /**
-         * Returns a wrapper around all of the parents/ancestors of the wrapper. Does not include the node in the
-         * current wrapper. Optionally, a selector can be provided and it will filter the parents by this selector.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param [selector]
-         */
-        parents<P2>(component: ComponentClass<P2>): CommonWrapper<P2, any>;
-        parents<P2>(statelessComponent: StatelessComponent<P2>): CommonWrapper<P2, {}>;
-        parents(selector: string): CommonWrapper<HTMLAttributes, any>;
-        parents(): CommonWrapper<any, any>;
-
-        /**
-         * Returns a wrapper with the direct parent of the node in the current wrapper.
-         */
-        parent(): CommonWrapper<any, any>;
-
-        /**
-         * Returns a wrapper of the first element that matches the selector by traversing up through the current node's
-         * ancestors in the tree, starting with itself.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param selector
-         */
-        closest<P2>(component: ComponentClass<P2>): CommonWrapper<P2, any>;
-        closest<P2>(statelessComponent: StatelessComponent<P2>): CommonWrapper<P2, {}>;
-        closest(selector: string): CommonWrapper<HTMLAttributes, any>;
-
-        /**
-         * Returns a string of the rendered text of the current render tree. This function should be looked at with
-         * skepticism if being used to test what the actual HTML output of the component will be. If that is what you
-         * would like to test, use enzyme's render function instead.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         */
-        text(): String;
-
-        /**
-         * Returns a string of the rendered HTML markup of the current render tree.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         */
-        html(): String;
-
-        /**
-         * Returns the node at a given index of the current wrapper.
-         * @param index
-         */
-        get(index: number): ReactElement<any>;
-
-        /**
-         * Returns a wrapper around the node at a given index of the current wrapper.
-         * @param index
-         */
-        at(index: number): this;
-
-        /**
-         * Reduce the set of matched nodes to the first in the set.
-         */
-        first(): this;
-
-        /**
-         * Reduce the set of matched nodes to the last in the set.
-         */
-        last(): this;
-
-        /**
-         * Returns the state hash for the root node of the wrapper. Optionally pass in a prop name and it will return just that value.
-         * @param [key]
-         */
-        state(key?: String): any;
-
-        /**
-         * Returns the props hash for the current node of the wrapper.
-         *
-         * NOTE: can only be called on a wrapper of a single node.
-         */
-        props(): P;
-
-        /**
-         * Returns the prop value for the node of the current wrapper with the provided key.
-         *
-         * NOTE: can only be called on a wrapper of a single node.
-         * @param key
-         */
-        prop(key: String): any;
-
-        /**
-         * Simulate events.
-         * Returns itself.
-         * @param event
-         * @param args?
-         */
-        simulate(event: string, ...args: any[]): this;
-
-        /**
-         * A method to invoke setState() on the root component instance similar to how you might in the definition of
-         * the component, and re-renders. This method is useful for testing your component in hard to achieve states,
-         * however should be used sparingly. If possible, you should utilize your component's external API in order to
-         * get it into whatever state you want to test, in order to be as accurate of a test as possible. This is not
-         * always practical, however.
-         * Returns itself.
-         *
-         * NOTE: can only be called on a wrapper instance that is also the root instance.
-         * @param state
-         */
-        setState(state: S): this;
-
-        /**
-         * A method that sets the props of the root component, and re-renders. Useful for when you are wanting to test
-         * how the component behaves over time with changing props. Calling this, for instance, will call the
-         * componentWillReceiveProps lifecycle method.
-         *
-         * Similar to setState, this method accepts a props object and will merge it in with the already existing props.
-         * Returns itself.
-         *
-         * NOTE: can only be called on a wrapper instance that is also the root instance.
-         * @param state
-         */
-        setProps(props: P): this;
-
-        /**
-         * A method that sets the context of the root component, and re-renders. Useful for when you are wanting to
-         * test how the component behaves over time with changing contexts.
-         * Returns itself.
-         *
-         * NOTE: can only be called on a wrapper instance that is also the root instance.
-         * @param state
-         */
-        setContext(context: Object): this;
-
-        /**
-         * Gets the instance of the component being rendered as the root node passed into shallow().
-         *
-         * NOTE: can only be called on a wrapper instance that is also the root instance.
-         */
-        instance(): Component<P, S>;
-
-        /**
-         * Forces a re-render. Useful to run before checking the render output if something external may be updating
-         * the state of the component somewhere.
-         * Returns itself.
-         *
-         * NOTE: can only be called on a wrapper instance that is also the root instance.
-         */
-        update(): this;
-
-        /**
-         * Returns an html-like string of the wrapper for debugging purposes. Useful to print out to the console when
-         * tests are not passing when you expect them to.
-         */
-        debug(): String;
-
-        /**
-         * Returns the type of the current node of this wrapper. If it's a composite component, this will be the
-         * component constructor. If it's native DOM node, it will be a string of the tag name.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         */
-        type(): String | Function;
-
-        /**
-         * Iterates through each node of the current wrapper and executes the provided function with a wrapper around
-         * the corresponding node passed in as the first argument.
-         *
-         * Returns itself.
-         * @param fn A callback to be run for every node in the collection. Should expect a ShallowWrapper as the first
-         *              argument, index as a second, and will be run with a context of the original instance.
-         */
-        forEach(fn: (wrapper: this, index?: number) => any): this;
-
-        /**
-         * Maps the current array of nodes to another array. Each node is passed in as a ShallowWrapper to the map
-         * function.
-         * Returns an array of the returned values from the mapping function..
-         * @param fn A mapping function to be run for every node in the collection, the results of which will be mapped
-         *              to the returned array. Should expect a ShallowWrapper as the first argument, and will be run
-         *              with a context of the original instance.
-         */
-        map<V>(fn: (wrapper: this) => V): V[];
-
-        /**
-         * Applies the provided reducing function to every node in the wrapper to reduce to a single value. Each node
-         * is passed in as a ShallowWrapper, and is processed from left to right.
-         * @param fn
-         * @param initialValue
-         */
-        reduce<R>(fn: (prevVal: R, wrapper: this, index: number) => R, initialValue?: R): R[];
-
-        /**
-         * Applies the provided reducing function to every node in the wrapper to reduce to a single value.
-         * Each node is passed in as a ShallowWrapper, and is processed from right to left.
-         * @param fn
-         * @param initialValue
-         */
-        reduceRight<R>(fn: (prevVal: R, wrapper: this, index: number) => R, initialValue?: R): R[];
-
-        /**
-         * Returns whether or not any of the nodes in the wrapper match the provided selector.
-         * @param selector
-         */
-        some(selector: EnzymeSelector): Boolean;
-
-        /**
-         * Returns whether or not any of the nodes in the wrapper pass the provided predicate function.
-         * @param fn
-         */
-        someWhere(fn: (wrapper: this) => Boolean): Boolean;
-
-        /**
-         * Returns whether or not all of the nodes in the wrapper match the provided selector.
-         * @param selector
-         */
-        every(selector: EnzymeSelector): Boolean;
-
-        /**
-         * Returns whether or not any of the nodes in the wrapper pass the provided predicate function.
-         * @param fn
-         */
-        everyWhere(fn: (wrapper: this) => Boolean): Boolean;
-
-        length: number;
-    }
-
-    export interface ShallowWrapper<P, S> extends CommonWrapper<P, S> {
-        shallow(): ShallowWrapper<P, S>;
-        render(): CheerioWrapper<P, S>;
-        unmount(): ShallowWrapper<any, any>;
-
-        /**
-         * Find every node in the render tree that matches the provided selector.
-         * @param selector The selector to match.
-         */
-        find<P2>(component: ComponentClass<P2>): ShallowWrapper<P2, any>;
-        find<P2>(statelessComponent: (props: P2) => JSX.Element): ShallowWrapper<P2, {}>;
-        find(selector: string): ShallowWrapper<HTMLAttributes, any>;
-
-        /**
-         * Removes nodes in the current wrapper that do not match the provided selector.
-         * @param selector The selector to match.
-         */
-        filter<P2>(component: ComponentClass<P2>): ShallowWrapper<P2, any>;
-        filter<P2>(statelessComponent: StatelessComponent<P2>): ShallowWrapper<P2, {}>;
-        filter(selector: string): ShallowWrapper<HTMLAttributes, any>;
-
-        /**
-         * Finds every node in the render tree that returns true for the provided predicate function.
-         * @param predicate
-         */
-        findWhere(predicate: (wrapper: CommonWrapper<any, any>) => Boolean): ShallowWrapper<any, any>;
-
-        /**
-         * Returns a new wrapper with all of the children of the node(s) in the current wrapper. Optionally, a selector
-         * can be provided and it will filter the children by this selector.
-         * @param [selector]
-         */
-        children<P2>(component: ComponentClass<P2>): ShallowWrapper<P2, any>;
-        children<P2>(statelessComponent: StatelessComponent<P2>): ShallowWrapper<P2, {}>;
-        children(selector: string): ShallowWrapper<HTMLAttributes, any>;
-        children(): ShallowWrapper<any, any>;
-
-        /**
-         * Returns a wrapper around all of the parents/ancestors of the wrapper. Does not include the node in the
-         * current wrapper. Optionally, a selector can be provided and it will filter the parents by this selector.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param [selector]
-         */
-        parents<P2>(component: ComponentClass<P2>): ShallowWrapper<P2, any>;
-        parents<P2>(statelessComponent: StatelessComponent<P2>): ShallowWrapper<P2, {}>;
-        parents(selector: string): ShallowWrapper<HTMLAttributes, any>;
-        parents(): ShallowWrapper<any, any>;
-
-        /**
-         * Returns a wrapper of the first element that matches the selector by traversing up through the current node's
-         * ancestors in the tree, starting with itself.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param selector
-         */
-        closest<P2>(component: ComponentClass<P2>): ShallowWrapper<P2, any>;
-        closest<P2>(statelessComponent: StatelessComponent<P2>): ShallowWrapper<P2, {}>;
-        closest(selector: string): ShallowWrapper<HTMLAttributes, any>;
-
-        /**
-         * Returns a wrapper with the direct parent of the node in the current wrapper.
-         */
-        parent(): ShallowWrapper<any, any>;
-    }
-
-    export interface ReactWrapper<P, S> extends CommonWrapper<P, S> {
-        unmount(): ReactWrapper<any, any>;
-        mount(): ReactWrapper<any, any>;
-
-        /**
-         * Find every node in the render tree that matches the provided selector.
-         * @param selector The selector to match.
-         */
-        find<P2>(component: ComponentClass<P2>): ReactWrapper<P2, any>;
-        find<P2>(statelessComponent: (props: P2) => JSX.Element): ReactWrapper<P2, {}>;
-        find(selector: string): ReactWrapper<HTMLAttributes, any>;
-
-        /**
-         * Finds every node in the render tree that returns true for the provided predicate function.
-         * @param predicate
-         */
-        findWhere(predicate: (wrapper: CommonWrapper<any, any>) => Boolean): ReactWrapper<any, any>;
-
-        /**
-         * Removes nodes in the current wrapper that do not match the provided selector.
-         * @param selector The selector to match.
-         */
-        filter<P2>(component: ComponentClass<P2>): ReactWrapper<P2, any>;
-        filter<P2>(statelessComponent: StatelessComponent<P2>): ReactWrapper<P2, {}>;
-        filter(selector: string): ReactWrapper<HTMLAttributes, any>;
-
-        /**
-         * Returns a new wrapper with all of the children of the node(s) in the current wrapper. Optionally, a selector
-         * can be provided and it will filter the children by this selector.
-         * @param [selector]
-         */
-        children<P2>(component: ComponentClass<P2>): ReactWrapper<P2, any>;
-        children<P2>(statelessComponent: StatelessComponent<P2>): ReactWrapper<P2, {}>;
-        children(selector: string): ReactWrapper<HTMLAttributes, any>;
-        children(): ReactWrapper<any, any>;
-
-        /**
-         * Returns a wrapper around all of the parents/ancestors of the wrapper. Does not include the node in the
-         * current wrapper. Optionally, a selector can be provided and it will filter the parents by this selector.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param [selector]
-         */
-        parents<P2>(component: ComponentClass<P2>): ReactWrapper<P2, any>;
-        parents<P2>(statelessComponent: StatelessComponent<P2>): ReactWrapper<P2, {}>;
-        parents(selector: string): ReactWrapper<HTMLAttributes, any>;
-        parents(): ReactWrapper<any, any>;
-
-        /**
-         * Returns a wrapper of the first element that matches the selector by traversing up through the current node's
-         * ancestors in the tree, starting with itself.
-         *
-         * Note: can only be called on a wrapper of a single node.
-         * @param selector
-         */
-        closest<P2>(component: ComponentClass<P2>): ReactWrapper<P2, any>;
-        closest<P2>(statelessComponent: StatelessComponent<P2>): ReactWrapper<P2, {}>;
-        closest(selector: string): ReactWrapper<HTMLAttributes, any>;
-
-        /**
-         * Returns a wrapper with the direct parent of the node in the current wrapper.
-         */
-        parent(): ReactWrapper<any, any>;
-    }
-
-    export interface CheerioWrapper<P, S> extends CommonWrapper<P, S> {
-
-    }
-
-    /**
-     * Shallow rendering is useful to constrain yourself to testing a component as a unit, and to ensure that
-     * your tests aren't indirectly asserting on behavior of child components.
-     * @param node
-     * @param [options]
-     */
-    export function shallow<P, S>(node: ReactElement<P>, options?: any): ShallowWrapper<P, S>;
-
-    /**
-     * Mounts and renders a react component into the document and provides a testing wrapper around it.
-     * @param node
-     * @param [options]
-     */
-    export function mount<P, S>(node: ReactElement<P>, options?: any): ReactWrapper<P, S>;
-
-    /**
-     * Render react components to static HTML and analyze the resulting HTML structure.
-     * @param node
-     * @param [options]
-     */
-    export function render<P, S>(node: ReactElement<P>, options?: any): CheerioWrapper<P, S>;
-
-    export function describeWithDOM(description: String, fn: Function): void;
-
-    export function spyLifecycle(component: typeof Component): void;
-}
diff --git a/eq.js/eq.js.tests.ts b/eq.js/eq.js-tests.ts
similarity index 100%
rename from eq.js/eq.js.tests.ts
rename to eq.js/eq.js-tests.ts
diff --git a/eq.js/tsconfig.json b/eq.js/tsconfig.json
index 5d9487eb7c..a142a97c54 100644
--- a/eq.js/tsconfig.json
+++ b/eq.js/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "eq.js.tests.ts"
+        "eq.js-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/es6-promise/es6-promise-commonjs-tests.ts b/es6-promise/es6-promise-commonjs-tests.ts
deleted file mode 100644
index 4d78715245..0000000000
--- a/es6-promise/es6-promise-commonjs-tests.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-
-
-import rsvp = require('es6-promise');
-rsvp.polyfill(); // Test for polyfill method existence
-var Promise = rsvp.Promise;
-
-var promiseString: Promise<string>,
-    promiseStringArr: Promise<string[]>,
-    arrayOfPromise: Promise<string>[],
-    promiseNumber: Promise<number>,
-    promiseAny: Promise<any>,
-    thenable: Thenable<string>;
-
-// constructor test
-var constructResult = new Promise<string>((resolve, reject) => {
-    resolve('a string');
-});
-promiseString = constructResult;
-
-
-var constructResult1 = new Promise<string>((resolve: (promise: Thenable<string>) => void) => {
-    resolve(Promise.resolve('a string'));
-});
-promiseString = constructResult1;
-
-//resolve test
-var resolveResult = Promise.resolve('a string');
-promiseString = resolveResult;
-
-var resolveResult1 = Promise.resolve(thenable);
-promiseString = resolveResult1;
-
-//reject test
-var rejectResult = Promise.reject('there is an error');
-promiseAny = rejectResult;
-
-//all test
-var allResult = Promise.all(arrayOfPromise);
-promiseStringArr = allResult;
-
-//race test
-var raceResult = Promise.race(arrayOfPromise);
-promiseString = raceResult;
-
-
-//then test
-var thenWithPromiseResult = promiseString.then(word => Promise.resolve(word.length));
-promiseNumber = thenWithPromiseResult;
-
-var thenWithPromiseResultAndPromiseReject = promiseString.then(word => Promise.resolve(word.length), error => Promise.resolve(10));
-promiseNumber = thenWithPromiseResultAndPromiseReject;
-
-var thenWithPromiseResultAndSimpleReject = promiseString.then(word => Promise.resolve(word.length), error => 10);
-promiseNumber = thenWithPromiseResultAndSimpleReject;
-
-var thenWithSimpleResult = promiseString.then(word => word.length);
-promiseNumber = thenWithSimpleResult;
-
-var thenWithSimpleResultAndPromiseReject = promiseString.then(word => word.length, error => Promise.resolve(10));
-promiseNumber = thenWithSimpleResultAndPromiseReject;
-
-var thenWithSimpleResultAndSimpleReject = promiseString.then(word => word.length, error => 10);
-promiseNumber = thenWithSimpleResultAndSimpleReject;
-
-var thenWithUndefinedFullFillAndSimpleReject = promiseString.then(undefined, error => 10);
-promiseNumber = thenWithUndefinedFullFillAndSimpleReject;
-
-var thenWithUndefinedFullFillAndPromiseReject = promiseString.then(undefined, error => Promise.resolve(10));
-promiseNumber = thenWithUndefinedFullFillAndPromiseReject;
-
-var thenWithNoResultAndNoReject = promiseString.then<number>();
-promiseNumber = thenWithNoResultAndNoReject;
-
-//catch test
-var catchWithSimpleResult = promiseString.catch(error => 10);
-promiseNumber = catchWithSimpleResult;
-
-var catchWithPromiseResult = promiseString.catch(error => Promise.resolve(10));
-promiseNumber = catchWithPromiseResult;
-
-
-//examples coming from http://www.html5rocks.com/en/tutorials/es6/promises/
-
-function get(url: string) {
-    // Return a new promise.
-    return new Promise<string>(function (resolve, reject) {
-        // Do the usual XHR stuff
-        var req = new XMLHttpRequest();
-        req.open('GET', url);
-
-        req.onload = function () {
-            // This is called even on 404 etc
-            // so check the status
-            if (req.status == 200) {
-                // Resolve the promise with the response text
-                resolve(req.response);
-            }
-            else {
-                // Otherwise reject with the status text
-                // which will hopefully be a meaningful error
-                reject(Error(req.statusText));
-            }
-        };
-
-        // Handle network errors
-        req.onerror = function () {
-            reject(Error("Network Error"));
-        };
-
-        // Make the request
-        req.send();
-    });
-}
-
-
-
-function getJSON(url: string) {
-    return get(url).then(JSON.parse);
-}
-
-function addHtmlToPage(html: string) {
-
-}
-
-function addTextToPage(text: string) {
-
-}
-
-interface Story {
-    heading: string;
-    chapterUrls: string[]
-}
-
-getJSON('story.json').then(function (story: Story) {
-    addHtmlToPage(story.heading);
-
-    // Map our array of chapter urls to
-    // an array of chapter json promises.
-    // This makes sure they all download parallel.
-    return story.chapterUrls.map(getJSON)
-        .reduce(function (sequence, chapterPromise) {
-            // Use reduce to chain the promises together,
-            // adding content to the page for each chapter
-            return sequence.then(function () {
-                // Wait for everything in the sequence so far,
-                // then wait for this chapter to arrive.
-                return chapterPromise;
-            }).then(function (chapter) {
-                    addHtmlToPage(chapter.html);
-                });
-        }, Promise.resolve());
-}).then(function () {
-        addTextToPage("All done");
-    }).catch(function (err) {
-        // catch any error that happened along the way
-        addTextToPage("Argh, broken: " + err.message);
-    }).then(function () {
-        (<HTMLElement>document.querySelector('.spinner')).style.display = 'none';
-    });
-
diff --git a/estree/UNUSED_FILES.txt b/estree/UNUSED_FILES.txt
new file mode 100644
index 0000000000..4cee47e30f
--- /dev/null
+++ b/estree/UNUSED_FILES.txt
@@ -0,0 +1 @@
+flow.d.ts
\ No newline at end of file
diff --git a/estree/estree-tests.ts b/estree/estree-tests.ts
index ebfb4efe57..0d4b8f5bd9 100644
--- a/estree/estree-tests.ts
+++ b/estree/estree-tests.ts
@@ -1,4 +1,4 @@
-import * as ESTree from './index';
+import * as ESTree from 'estree';
 
 declare var node: ESTree.Node;
 declare var program: ESTree.Program;
diff --git a/eventemitter3/eventemitter3-tests.ts.tscparams b/eventemitter3/eventemitter3-tests.ts.tscparams
deleted file mode 100644
index 30c9419a57..0000000000
--- a/eventemitter3/eventemitter3-tests.ts.tscparams
+++ /dev/null
@@ -1 +0,0 @@
--m commonjs
diff --git a/expect.js/expect.js-commonjs-tests.ts b/expect.js/expect.js-commonjs-tests.ts
deleted file mode 100644
index 52442be9a2..0000000000
--- a/expect.js/expect.js-commonjs-tests.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-
-
-import expect = require("expect.js");
-
-function test_expect() {
-    expect();
-    expect(1);
-    expect(true);
-    expect({});
-    expect(0);
-}
-
-function test_expect_properties() {
-    expect(0).be.an;
-    expect(0).have.own;
-    expect(0).not.be.an;
-    expect(0).not.have.own;
-    expect(0).not.include;
-    expect(0).not.only.have.own;
-    expect(0).not.to.be;
-    expect(0).not.to.have.own;
-    expect(0).not.to.include;
-    expect(0).not.to.only.have.own;
-    expect(0).only.have.own;
-    expect(0).to.be.an;
-    expect(0).to.have.own;
-    expect(0).to.include;
-    expect(0).to.not.be.an;
-    expect(0).to.not.have.own;
-    expect(0).to.not.include;
-    expect(0).to.not.only.have.own;
-    expect(0).to.only.have.own;
-    expect(0).be;
-}
-
-function test_ok() {
-    expect(true).to.be.ok();
-}
-
-function test_be() {
-    expect(1).to.be(1);
-}
-
-function test_equal() {
-    expect(1).to.equal(1);
-}
-
-function test_eql() {
-    expect({ a: 'b' }).to.eql({ a: 'b' });
-}
-
-function test_a() {
-    // string
-    expect(5).to.be.a('number');
-    expect([]).to.be.an('array');
-
-    // constructors
-    expect(5).to.be.a(Number);
-    expect([]).to.be.an(Array);
-}
-
-function test_match() {
-    expect('1.2.3').to.match(/[0-9]+\.[0-9]+\.[0-9]+/);
-}
-
-function test_contain() {
-    // string
-    expect('hello world').to.contain('world');
-    expect('hello world').to.string('world');
-    // any
-    expect([1, 2]).to.contain(1);
-    expect([1, 2]).to.string(1);
-}
-
-function test_length() {
-    expect([1,2,3]).to.have.length(3);
-}
-
-function test_empty() {
-    expect([]).to.be.empty();
-}
-
-function test_property() {
-    expect(window).to.have.property('expect');
-    expect(window).to.have.property('expect', expect);
-}
-
-function test_key() {
-    expect({ a: 'b' }).to.have.key('a');
-    expect({ a: 'b' }).to.include.key('a');
-    expect({ a: 'b', c: 'd' }).to.only.have.keys('a', 'c');
-    expect({ a: 'b', c: 'd' }).to.only.have.keys(['a', 'c']);
-    expect({ a: 'b', c: 'd' }).to.not.only.have.key('a');
-}
-
-function test_throwException() {
-    var fn = () => {};
-    expect(fn).to.throwError();
-    expect(fn).to.throwException(function (e) {
-        expect(e).to.be.a(SyntaxError);
-    });
-    expect(fn).to.throwException(/matches the exception message/);
-    expect(fn).to.not.throwException();
-}
-
-function test_withArgs() {
-    var fn = () => {};
-    expect(fn).withArgs().to.throwException();
-    expect(fn).withArgs(true, 1, '').to.throwException();
-}
-
-function test_within() {
-    expect(1).to.be.within(0, Infinity);
-}
-
-function test_greaterThan() {
-    expect(5).to.be.greaterThan(3);
-    expect(3).to.be.above(0);
-}
-
-function test_lessThan() {
-    expect(1).to.be.lessThan(3);
-    expect(0).to.be.below(3);
-}
-
-function test_fail() {
-    expect().fail();
-    expect().fail('Custom failure message');
-}
\ No newline at end of file
diff --git a/express-brute-mongo/express-brute-mongo-tests.ts b/express-brute-mongo/express-brute-mongo-tests.ts
index 23fdab05a8..f242da216e 100644
--- a/express-brute-mongo/express-brute-mongo-tests.ts
+++ b/express-brute-mongo/express-brute-mongo-tests.ts
@@ -1,4 +1,4 @@
-import express = require("../express");
+import express = require("express");
 import ExpressBrute = require("express-brute");
 import MongoStore = require("express-brute-mongo");
 import mongodb = require("mongodb");
diff --git a/express-brute/express-brute-tests.ts b/express-brute/express-brute-tests.ts
index ac6a11fe9f..f977ab0aee 100644
--- a/express-brute/express-brute-tests.ts
+++ b/express-brute/express-brute-tests.ts
@@ -1,4 +1,4 @@
-import express = require("../express");
+import express = require("express");
 import ExpressBrute = require("express-brute");
 
 var store = new ExpressBrute.MemoryStore();
diff --git a/express-useragent/express-useragent-tests.ts b/express-useragent/express-useragent-tests.ts
index 93b0c20eb6..b959c4e0c2 100644
--- a/express-useragent/express-useragent-tests.ts
+++ b/express-useragent/express-useragent-tests.ts
@@ -1,8 +1,4 @@
-
-
-
-
-import express = require("../express");
+import express = require("express");
 import useragent = require("express-useragent");
 
 var app = express();
diff --git a/express/express-tests.ts b/express/express-tests.ts
index e643ba208b..04165d5e09 100644
--- a/express/express-tests.ts
+++ b/express/express-tests.ts
@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import * as express from './';
+import * as express from 'express';
 
 namespace express_tests {
 
diff --git a/ffi/tsconfig.json b/ffi/tsconfig.json
index 5824401d8d..df00f708f8 100644
--- a/ffi/tsconfig.json
+++ b/ffi/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
+        "node-ffi-buffer.d.ts",
         "node-ffi-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/field/field-test.ts b/field/field-tests.ts
similarity index 100%
rename from field/field-test.ts
rename to field/field-tests.ts
diff --git a/field/tsconfig.json b/field/tsconfig.json
index cdcaca971c..722570015b 100644
--- a/field/tsconfig.json
+++ b/field/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "field-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/firebase/tsconfig.json b/firebase/tsconfig.json
index 4f16288a22..ead8399d7a 100644
--- a/firebase/tsconfig.json
+++ b/firebase/tsconfig.json
@@ -15,6 +15,8 @@
     },
     "files": [
         "index.d.ts",
-        "firebase-tests.ts"
+        "firebase-simplelogin.d.ts",
+        "firebase-tests.ts",
+        "firebase-simplelogin-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/fixed-data-table/fixed-data-table-0.4.7-tests.tsx b/fixed-data-table/fixed-data-table-0.4.7-tests.tsx
deleted file mode 100644
index 9e87f8ae5d..0000000000
--- a/fixed-data-table/fixed-data-table-0.4.7-tests.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-
-/// <reference types="react"/>
-/// <reference types="react-dom"/>
-
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import * as FixedDataTable from "fixed-data-table";
-
-var rows = [
-    ['a1', 'b1', 'c1'],
-    ['a2', 'b2', 'c2'],
-    ['a3', 'b3', 'c3'],
-    // .... and more
-];
-
-function rowGetter(rowIndex: number) {
-    return rows[rowIndex];
-}
-
- var table = <FixedDataTable.Table
-                rowHeight={50}
-                rowGetter={rowGetter}
-                rowsCount={rows.length}
-                width={5000}
-                height={5000}
-                headerHeight={50}>
-                <FixedDataTable.Column
-                label="Col 1"
-                width={3000}
-                dataKey={0}
-                />
-                <FixedDataTable.Column
-                label="Col 2"
-                width={2000}
-                dataKey={1}
-                />
-            </FixedDataTable.Table>   
-
-ReactDOM.render(table, document.body);
diff --git a/fixed-data-table/fixed-data-table-0.4.7.d.ts b/fixed-data-table/fixed-data-table-0.4.7.d.ts
deleted file mode 100644
index 04fd6d32c1..0000000000
--- a/fixed-data-table/fixed-data-table-0.4.7.d.ts
+++ /dev/null
@@ -1,399 +0,0 @@
-// Type definitions for fixed-data-table 0.4.7
-// Project: https://github.com/facebook/fixed-data-table
-// Definitions by: Petar Paar <https://github.com/pepaar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="react"/>
-
-declare namespace FixedDataTable {
-    export var version: string;
-
-    export interface TableProps extends __React.Props<Table> {
-         /**
-	     * Pixel width of table. If all columns do not fit,
-	     * a horizontal scrollbar will appear.
-	     */
-	    width: number;
-
-	    /**
-	     * Pixel height of table. If all rows do not fit,
-	     * a vertical scrollbar will appear.
-	     *
-	     * Either `height` or `maxHeight` must be specified.
-	     */
-	    height?: number;
-
-	    /**
-	     * Maximum pixel height of table. If all rows do not fit,
-	     * a vertical scrollbar will appear.
-	     *
-	     * Either `height` or `maxHeight` must be specified.
-	     */
-	    maxHeight?: number;
-
-	    /**
-	     * Pixel height of table's owner, this is used in a managed scrolling
-	     * situation when you want to slide the table up from below the fold
-	     * without having to constantly update the height on every scroll tick.
-	     * Instead, vary this property on scroll. By using `ownerHeight`, we
-	     * over-render the table while making sure the footer and horizontal
-	     * scrollbar of the table are visible when the current space for the table
-	     * in view is smaller than the final, over-flowing height of table. It
-	     * allows us to avoid resizing and reflowing table when it is moving in the
-	     * view.
-	     *
-	     * This is used if `ownerHeight < height` (or `maxHeight`).
-	     */
-	    ownerHeight?: number;
-
-        /**
-         * hidden or auto
-         */
-	    overflowX?: string;
-	    overflowY?: string;
-
-	    /**
-	     * Number of rows in the table.
-	     */
-	    rowsCount: number;
-
-	    /**
-	     * Pixel height of rows unless `rowHeightGetter` is specified and returns
-	     * different value.
-	     */
-	    rowHeight: number;
-
-	    /**
-	     * If specified, `rowHeightGetter(index)` is called for each row and the
-	     * returned value overrides `rowHeight` for particular row.
-	     */
-	    rowHeightGetter?: Function;
-
-	    /**
-	     * To get rows to display in table, `rowGetter(index)`
-	     * is called. `rowGetter` should be smart enough to handle async
-	     * fetching of data and return temporary objects
-	     * while data is being fetched.
-	     */
-	    rowGetter: Function;
-
-	    /**
-	     * To get any additional CSS classes that should be added to a row,
-	     * `rowClassNameGetter(index)` is called.
-	     */
-	    rowClassNameGetter?: Function;
-
-	    /**
-	     * Pixel height of the column group header.
-	     */
-	    groupHeaderHeight?: number;
-
-	    /**
-	     * Pixel height of header.
-	     */
-	    headerHeight: number;
-
-	    /**
-	     * Function that is called to get the data for the header row.
-	     * If the function returns null, the header will be set to the
-	     * Column's label property.
-	     */
-	    headerDataGetter?: Function;
-
-	    /**
-	     * Pixel height of footer.
-	     */
-	    footerHeight?: number;
-
-	    /**
-	     * DEPRECATED - use footerDataGetter instead.
-	     * Data that will be passed to footer cell renderers.
-	     */
-	    footerData?: any;
-
-	    /**
-	     * Function that is called to get the data for the footer row.
-	     */
-	    footerDataGetter?: Function;
-
-	    /**
-	     * Value of horizontal scroll.
-	     */
-	    scrollLeft?: number;
-
-	    /**
-	     * Index of column to scroll to.
-	     */
-	    scrollToColumn?: number;
-
-	    /**
-	     * Value of vertical scroll.
-	     */
-	    scrollTop?: number;
-
-	    /**
-	     * Index of row to scroll to.
-	     */
-	    scrollToRow?: number;
-
-	    /**
-	     * Callback that is called when scrolling starts with current horizontal
-	     * and vertical scroll values.
-	     */
-	    onScrollStart?: Function;
-
-	    /**
-	     * Callback that is called when scrolling ends or stops with new horizontal
-	     * and vertical scroll values.
-	     */
-	    onScrollEnd?: Function;
-
-	    /**
-	     * Callback that is called when `rowHeightGetter` returns a different height
-	     * for a row than the `rowHeight` prop. This is necessary because initially
-	     * table estimates heights of some parts of the content.
-	     */
-	    onContentHeightChange?: Function;
-
-	    /**
-	     * Callback that is called when a row is clicked.
-	     */
-	    onRowClick?: Function;
-
-	    /**
-	     * Callback that is called when a row is double clicked.
-	     */
-	    onRowDoubleClick?: Function;
-
-	    /**
-	     * Callback that is called when a mouse-down event happens on a row.
-	     */
-	    onRowMouseDown?: Function;
-
-	    /**
-	     * Callback that is called when a mouse-enter event happens on a row.
-	     */
-	    onRowMouseEnter?: Function;
-
-	    /**
-	     * Callback that is called when a mouse-leave event happens on a row.
-	     */
-	    onRowMouseLeave?: Function;
-
-	    /**
-	     * Callback that is called when resizer has been released
-	     * and column needs to be updated.
-	     *
-	     * Required if the isResizable property is true on any column.
-	     *
-	     * ```
-	     * function(
-	     *   newColumnWidth: number,
-	     *   dataKey: string,
-	     * )
-	     * ```
-	     */
-	    onColumnResizeEndCallback?: Function;
-
-	    /**
-	     * Whether a column is currently being resized.
-	     */
-	    isColumnResizing?: boolean
-    }
-
-    interface ColumnProps {
-        /**
-	     * The horizontal alignment of the table cell content.
-         * 'left', 'center', 'right'
-	     */
-	    align?: string;
-
-	    /**
-	     * className for this column's header cell.
-	     */
-	    headerClassName?: string;
-
-	    /**
-	     * className for this column's footer cell.
-	     */
-	    footerClassName?: string;
-
-	    /**
-	     * className for each of this column's data cells.
-	     */
-	    cellClassName?: string;
-
-	    /**
-	     * The cell renderer that returns React-renderable content for table cell.
-	     * ```
-	     * function(
-	     *   cellData: any,
-	     *   cellDataKey: string,
-	     *   rowData: object,
-	     *   rowIndex: number,
-	     *   columnData: any,
-	     *   width: number
-	     * ): ?$jsx
-	     * ```
-	     */
-	    cellRenderer?: Function;
-
-	    /**
-	     * The getter `function(string_cellDataKey, object_rowData)` that returns
-	     * the cell data for the `cellRenderer`.
-	     * If not provided, the cell data will be collected from
-	     * `rowData[cellDataKey]` instead. The value that `cellDataGetter` returns
-	     * will be used to determine whether the cell should re-render.
-	     */
-	    cellDataGetter?: Function;
-
-	    /**
-	     * The key to retrieve the cell data from the data row. Provided key type
-	     * must be either `string` or `number`. Since we use this
-	     * for keys, it must be specified for each column.
-	     */
-	    dataKey: string|number;
-
-	    /**
-	     * Controls if the column is fixed when scrolling in the X axis.
-	     */
-	    fixed?: boolean;
-
-	    /**
-	     * The cell renderer that returns React-renderable content for table column
-	     * header.
-	     * ```
-	     * function(
-	     *   label: ?string,
-	     *   cellDataKey: string,
-	     *   columnData: any,
-	     *   rowData: array<?object>,
-	     *   width: number
-	     * ): ?$jsx
-	     * ```
-	     */
-	    headerRenderer?: Function;
-
-	    /**
-	     * The cell renderer that returns React-renderable content for table column
-	     * footer.
-	     * ```
-	     * function(
-	     *   label: ?string,
-	     *   cellDataKey: string,
-	     *   columnData: any,
-	     *   rowData: array<?object>,
-	     *   width: number
-	     * ): ?$jsx
-	     * ```
-	     */
-	    footerRenderer?: Function;
-
-	    /**
-	     * Bucket for any data to be passed into column renderer functions.
-	     */
-	    columnData?: any;
-
-	    /**
-	     * The column's header label.
-	     */
-	    label: string;
-
-	    /**
-	     * The pixel width of the column.
-	     */
-	    width: number;
-
-	    /**
-	     * If this is a resizable column this is its minimum pixel width.
-	     */
-	    minWidth?: number;
-
-	    /**
-	     * If this is a resizable column this is its maximum pixel width.
-	     */
-	    maxWidth?: number;
-
-	    /**
-	     * The grow factor relative to other columns. Same as the flex-grow API
-	     * from http://www.w3.org/TR/css3-flexbox/. Basically, take any available
-	     * extra width and distribute it proportionally according to all columns'
-	     * flexGrow values. Defaults to zero (no-flexing).
-	     */
-	    flexGrow?: number;
-
-	    /**
-	     * Whether the column can be resized with the
-	     * FixedDataTableColumnResizeHandle. Please note that if a column
-	     * has a flex grow, once you resize the column this will be set to 0.
-	     *
-	     * This property only provides the UI for the column resizing. If this
-	     * is set to true, you will need ot se the onColumnResizeEndCallback table
-	     * property and render your columns appropriately.
-	     */
-	    isResizable?: boolean;
-
-	    /**
-	     * Experimental feature
-	     * Whether cells in this column can be removed from document when outside
-	     * of viewport as a result of horizontal scrolling.
-	     * Setting this property to true allows the table to not render cells in
-	     * particular column that are outside of viewport for visible rows. This
-	     * allows to create table with many columns and not have vertical scrolling
-	     * performance drop.
-	     * Setting the property to false will keep previous behaviour and keep
-	     * cell rendered if the row it belongs to is visible.
-	     */
-	    allowCellsRecycling?: boolean;
-    }
-
-    export interface ColumnGroupProps {
-        /**
-	     * The horizontal alignment of the table cell content.
-         * 'left', 'center', 'right'
-	     */
-	    align?: string;
-
-	    /**
-	     * Controls if the column group is fixed when scrolling in the X axis.
-	     */
-	    fixed?: boolean;
-
-	    /**
-	     * Bucket for any data to be passed into column group renderer functions.
-	     */
-	    columnGroupData?: any;
-
-	    /**
-	     * The column group's header label.
-	     */
-	    label?: string;
-
-	    /**
-	     * The cell renderer that returns React-renderable content for a table
-	     * column group header. If it's not specified, the label from props will
-	     * be rendered as header content.
-	     * ```
-	     * function(
-	     *   label: ?string,
-	     *   cellDataKey: string,
-	     *   columnGroupData: any,
-	     *   rowData: array<?object>, // array of labels of all columnGroups
-	     *   width: number
-	     * ): ?$jsx
-	     * ```
-	     */
-	    groupHeaderRenderer?: Function;
-    }
-
-    export class Table extends __React.Component<TableProps, {}> {
-    }
-    export class Column extends __React.Component<ColumnProps, {}> {
-    }
-    export class ColumnGroup extends __React.Component<ColumnGroupProps, {}> {
-    }
-}
-
-declare module "fixed-data-table" {
-    export = FixedDataTable;
-}
diff --git a/freedom/UNUSED_FILES.txt b/freedom/UNUSED_FILES.txt
new file mode 100644
index 0000000000..0ec05e5266
--- /dev/null
+++ b/freedom/UNUSED_FILES.txt
@@ -0,0 +1,2 @@
+freedom-core-env.d.ts
+freedom-module-env.d.ts
\ No newline at end of file
diff --git a/fullcalendar/v1/fullCalendar-tests.ts b/fullcalendar/v1/fullCalendar-tests.ts
index 59b9753369..4cec7039de 100644
--- a/fullcalendar/v1/fullCalendar-tests.ts
+++ b/fullcalendar/v1/fullCalendar-tests.ts
@@ -1,6 +1,6 @@
-/// <reference types="fullCalendar" />
 /// <reference types="jquery"/>
 /// <reference types="jqueryui"/>
+/// <reference types="moment"/>
 
 // All examples from http://arshaw.com/fullcalendar/docs/
 
@@ -779,16 +779,16 @@ $(document).ready(function () {
     /* initialize the external events
     -----------------------------------------------------------------*/
     $('#external-events div.external-event').each(function () {
-        
+
         // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
         // it doesn't need to have a start or end
         var eventObject = {
             title: $.trim($(this).text()) // use the element's text as the event title
         };
-        
+
         // store the Event Object in the DOM element so we can get to it later
         $(this).data('eventObject', eventObject);
-        
+
         // make the event draggable using jQuery UI
         $(this).draggable({
             zIndex: 999,
@@ -809,21 +809,21 @@ $(document).ready(function () {
         editable: true,
         droppable: true, // this allows things to be dropped onto the calendar !!!
         drop: function (date, allDay) { // this function is called when something is dropped
-            
+
             // retrieve the dropped element's stored Event Object
             var originalEventObject = $(this).data('eventObject');
-            
+
             // we need to copy it, so that multiple events don't have a reference to the same object
             var copiedEventObject: any = $.extend({}, originalEventObject);
-            
+
             // assign it the date that was reported
             copiedEventObject.start = date;
             copiedEventObject.allDay = allDay;
-            
+
             // render the event on the calendar
             // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
             $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
-            
+
             // is the "remove after drop" checkbox checked?
             if ($('#drop-remove').is(':checked')) {
                 // if so, remove the element from the "Draggable Events" list
diff --git a/fullcalendar/v1/fullCalendar.d.ts b/fullcalendar/v1/fullCalendar.d.ts
deleted file mode 100644
index 43959c0477..0000000000
--- a/fullcalendar/v1/fullCalendar.d.ts
+++ /dev/null
@@ -1,431 +0,0 @@
-// Type definitions for FullCalendar 1.6.1
-// Project: http://arshaw.com/fullcalendar/
-// Definitions by: Neil Stalker <https://github.com/nestalk>, Marcelo Camargo <https://github.com/hasellcamargo>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="jquery"/>
-/// <reference types="moment"/>
-
-declare namespace FullCalendar {
-    export interface Calendar {
-
-        /**
-         * Formats a Date object into a string.
-         */
-        formatDate(date: Date, format: string, options?: Options): string;
-
-        /**
-         * Formats a date range (two Date objects) into a string.
-         */
-        formatDates(date1: Date, date2: Date, format: string, options?: Options): string;
-
-        /**
-         * Parses a string into a Date object.
-         */
-        parseDate(dateString: string, ignoreTimezone?: boolean): Date;
-
-        /**
-         * Parses an ISO8601 string into a Date object.
-         */
-        parseISO8601(dateString: string, ignoreTimezone?: boolean): Date;
-
-        /**
-         * Gets the version of Fullcalendar
-         */
-        version: string;
-    }
-
-    export interface BusinessHours {
-        start: moment.Duration;
-        end: moment.Duration;
-        dow: Array<number>;
-    }
-
-    export interface Timespan {
-        start: moment.Moment;
-        end: moment.Moment;
-    }
-
-    export interface Options extends AgendaOptions, EventDraggingResizingOptions, DroppingExternalElementsOptions, SelectionOptions {
-
-        // General display - http://arshaw.com/fullcalendar/docs/display/
-
-        header?: {
-            left: string;
-            center: string;
-            right: string;
-        }
-        theme?: boolean
-        buttonIcons?: {
-            prev: string;
-            next: string;
-        }
-        firstDay?: number;
-        isRTL?: boolean;
-        weekends?: boolean;
-        hiddenDays?: number[];
-        weekMode?: string;
-        weekNumbers?: boolean;
-        weekNumberCalculation?: any; // String/Function
-        businessHours?: boolean | BusinessHours;
-        height?: number;
-        contentHeight?: number;
-        aspectRatio?: number;
-        handleWindowResize?: boolean;
-        viewRender?: (view: ViewObject, element: JQuery) => void;
-        viewDestroy?: (view: ViewObject, element: JQuery) => void;
-        dayRender?: (date: Date, cell: HTMLTableDataCellElement) => void;
-        windowResize?: (view: ViewObject) => void;
-
-        // Timezone
-        timezone?: string | boolean;
-        now?: moment.Moment | Date | string | (() => moment.Moment)
-
-        // Views - http://arshaw.com/fullcalendar/docs/views/
-
-        defaultView?: string;
-
-        // Current Date - http://arshaw.com/fullcalendar/docs/current_date/
-
-        defaultDate?: moment.Moment | Date | string;
-        year?: number;
-        month?: number;
-        date?: number;
-
-        // Text/Time Customization - http://arshaw.com/fullcalendar/docs/text/
-
-        timeFormat?: any; // String/ViewOptionHash
-        columnFormat?: any; // String/ViewOptionHash
-        titleFormat?: any; // String/ViewOptionHash
-
-        buttonText?: ButtonTextObject;
-        monthNames?: Array<string>;
-        monthNamesShort?: Array<string>;
-        dayNames?: Array<string>;
-        dayNamesShort?: Array<string>;
-        weekNumberTitle?: string;
-
-        // Clicking & Hovering - http://arshaw.com/fullcalendar/docs/mouse/
-
-        dayClick?: (date: Date, allDay: boolean, jsEvent: MouseEvent, view: ViewObject) => void;
-        eventClick?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => any; // return type boolean or void
-        eventMouseover?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => void;
-        eventMouseout?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => void;
-
-        // Event Data - http://arshaw.com/fullcalendar/docs/event_data/
-
-        /**
-         * This has one of the following types:
-         *
-         * - EventObject[]
-         * - string (JSON feed)
-         * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
-         */
-        events?: any;
-
-        /**
-         * An array, each element being one of the following types:
-         *
-         * - EventSource
-         * - EventObject[]
-         * - string (JSON feed)
-         * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
-         */
-        eventSources?: any[];
-
-        allDayDefault?: boolean;
-        ignoreTimezone?: boolean;
-        startParam?: string;
-        endParam?: string
-        lazyFetching?: boolean;
-        eventDataTransform?: (eventData: any) => EventObject;
-        loading?: (isLoading: boolean, view: ViewObject) => void;
-
-        // Event Rendering - http://arshaw.com/fullcalendar/docs/event_rendering/
-
-        eventColor?: string;
-        eventBackgroundColor?: string;
-        eventBorderColor?: string;
-        eventTextColor?: string;
-        eventRender?: (event: EventObject, element: HTMLDivElement, view: ViewObject) => void;
-        eventAfterRender?: (event: EventObject, element: HTMLDivElement, view: ViewObject) => void;
-        eventAfterAllRender?: (view: ViewObject) => void;
-        eventDestroy?: (event: EventObject, element: JQuery, view: ViewObject) => void;
-
-
-    }
-
-    export interface ViewOptionHash {
-        month?: any;
-        week?: any;
-        day?: any;
-        agenda?: any;
-        agendaDay?: any;
-        agendaWeek?: any;
-        basic?: any;
-        basicDay?: any;
-        basicWeek?: any;
-        ''?: any;
-    }
-
-    /**
-     * Agenda Options - http://arshaw.com/fullcalendar/docs/agenda/
-     */
-    export interface AgendaOptions {
-        allDaySlot?: boolean;
-        allDayText?: string;
-        slotDuration?: moment.Duration;
-        slotLabelFormat?: string;
-        slotLabelInterval?: moment.Duration;
-        snapDuration?: moment.Duration;
-        scrollTime?: moment.Duration;
-        minTime?: moment.Duration; // Integer/String
-        maxTime?: moment.Duration; // Integer/String
-        slotEventOverlap?: boolean;
-    }
-
-    /*
-    * Event Dragging & Resizing
-    */
-    export interface EventDraggingResizingOptions {
-        editable?: boolean;
-        eventStartEditable?: boolean;
-        eventDurationEditable?: boolean;
-        dragRevertDuration?: number; // integer, milliseconds
-        dragOpacity?: number; // float
-        dragScroll?: boolean;
-        eventOverlap?: boolean | ((stillEvent: EventObject, movingEvent: EventObject) => boolean);
-        eventConstraint?: BusinessHours | Timespan;
-        eventDragStart?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
-        eventDragStop?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
-        eventDrop?: (event: EventObject, delta: moment.Duration, revertFunc: Function, jsEvent: Event, ui: any, view: ViewObject) => void;
-        eventResizeStart?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
-        eventResizeStop?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
-        eventResize?: (event: EventObject, delta: moment.Duration, revertFunc: Function, jsEvent: Event, ui: any, view: ViewObject) => void;
-    }
-    /*
-    * Selection - http://arshaw.com/fullcalendar/docs/selection/
-    */
-    export interface SelectionOptions {
-        selectable?: boolean;
-        selectHelper?: boolean | ((start: moment.Moment, end: moment.Moment) => HTMLElement);
-        unselectAuto?: boolean;
-        unselectCancel?: string;
-        selectOverlap?: boolean | ((event: EventObject) => boolean);
-        selectConstraint?: Timespan | BusinessHours;
-        select?: (start: moment.Moment, end: moment.Moment, jsEvent: MouseEvent, view: ViewObject, resource?: any) => void;
-        unselect?: (view: ViewObject, jsEvent: Event) => void;
-    }
-
-    export interface DroppingExternalElementsOptions {
-        droppable?: boolean;
-        dropAccept?: string | ((draggable: any) => boolean);
-        drop?: (date: moment.Moment, jsEvent: MouseEvent, ui: any) => void;
-        eventReceive?: (event: EventObject) => void
-    }
-
-    export interface ButtonTextObject {
-        prev?: string;
-        next?: string;
-        prevYear?: string;
-        nextYear?: string;
-        today?: string;
-        month?: string;
-        week?: string;
-        day?: string;
-    }
-
-    export interface EventObject extends Timespan {
-        id?: any // String/number
-        title: string;
-        allDay?: boolean;
-        url?: string;
-        className?: any; // string/Array<string>
-        editable?: boolean;
-        source?: EventSource;
-        color?: string;
-        backgroundColor?: string;
-        borderColor?: string;
-        textColor?: string;
-        rendering?: string;
-    }
-
-    export interface ViewObject extends Timespan {
-        name: string;
-        title: string;
-        intervalStart: moment.Moment;
-        intervalEnd: moment.Moment;
-    }
-
-    export interface EventSource extends JQueryAjaxSettings {
-
-        /**
-         * This has one of the following types:
-         *
-         * - EventObject[]
-         * - string (JSON feed)
-         * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
-         */
-        events?: any;
-
-        color?: string;
-        backgroundColor?: string;
-        borderColor?: string;
-        textColor?: string;
-        className?: any; // string/Array<string>
-        editable?: boolean;
-        allDayDefault?: boolean;
-        ignoreTimezone?: boolean;
-        eventTransform?: any;
-        startParam?: string;
-        endParam?: string
-    }
-
-}
-
-interface JQuery {
-
-    /**
-     * Get/Set option value
-     */
-    fullCalendar(method: 'option', option: string, value?: any): void;
-
-    /**
-     * Immediately forces the calendar to render and/or readjusts its size.
-     */
-    fullCalendar(method: 'render'): void;
-
-    /**
-     * Restores the element to the state before FullCalendar was initialized.
-     */
-    fullCalendar(method: 'destroy'): void;
-
-    /**
-     * Returns the View Object for the current view.
-     */
-    fullCalendar(method: 'getView'): FullCalendar.ViewObject;
-
-    /**
-     * Immediately switches to a different view.
-     */
-    fullCalendar(method: 'changeView', viewName: string): void;
-
-    /**
-     * Moves the calendar one step back (either by a month, week, or day).
-     */
-    fullCalendar(method: 'prev'): void;
-
-    /**
-     * Moves the calendar one step forward (either by a month, week, or day).
-     */
-    fullCalendar(method: 'next'): void;
-
-    /**
-     * Moves the calendar back one year.
-     */
-    fullCalendar(method: 'prevYear'): void;
-
-    /**
-     * Moves the calendar forward one year.
-     */
-    fullCalendar(method: 'nextYear'): void;
-
-    /**
-     * Moves the calendar to the current date.
-     */
-    fullCalendar(method: 'today'): void;
-
-    /**
-     * Moves the calendar to an arbitrary year/month/date.
-     */
-    fullCalendar(method: 'gotoDate', year: number, month?: number, date?: number): void;
-
-    /**
-     * Moves the calendar to an arbitrary date.
-     */
-    fullCalendar(method: 'gotoDate', date: Date | string): void;
-
-    /**
-     * Moves the calendar forward/backward an arbitrary amount of time.
-     */
-    fullCalendar(method: 'incrementDate', year: number, month?: number, date?: number): void;
-
-    /**
-     * Returns a Date object for the current date of the calendar.
-     */
-    fullCalendar(method: 'getDate'): Date;
-
-    /**
-     * A method for programmatically selecting a period of time.
-     */
-    fullCalendar(method: 'select', startDate: Date, endDate: Date, allDay: boolean): void;
-
-    /**
-     * A method for programmatically clearing the current selection.
-     */
-    fullCalendar(method: 'unselect'): void;
-
-    /**
-     * Reports changes to an event and renders them on the calendar.
-     */
-    fullCalendar(method: 'updateEvent', event: FullCalendar.EventObject): void;
-
-    /**
-     * Retrieves events that FullCalendar has in memory.
-     */
-    fullCalendar(method: 'clientEvents', idOrfilter?: any): Array<FullCalendar.EventObject>;
-
-    /**
-     * Retrieves events that FullCalendar has in memory.
-     */
-    fullCalendar(method: 'clientEvents', idOrfilter?: (e: FullCalendar.EventObject) => boolean): Array<FullCalendar.EventObject>;
-
-    /**
-     * Removes events from the calendar.
-     */
-    fullCalendar(method: 'removeEvents', idOrfilter?: any): void;
-
-    /**
-     * Removes events from the calendar.
-     */
-    fullCalendar(method: 'removeEvents', idOrfilter?: (e: FullCalendar.EventObject) => boolean): void;
-
-    /**
-     * Refetches events from all sources and rerenders them on the screen.
-     */
-    fullCalendar(method: 'refetchEvents'): void;
-
-    /**
-     * Dynamically adds an event source.
-     */
-    fullCalendar(method: 'addEventSource', source: any): void;
-
-    /**
-     * Dynamically removes an event source.
-     */
-    fullCalendar(method: 'removeEventSource', source: any): void;
-
-    /**
-     * Renders a new event on the calendar.
-     */
-    fullCalendar(method: 'renderEvent', event: FullCalendar.EventObject, stick?: boolean): void;
-
-    /**
-     * Rerenders all events on the calendar.
-     */
-    fullCalendar(method: 'rerenderEvents'): void;
-
-    /**
-     * Create calendar object
-     */
-    fullCalendar(options: FullCalendar.Options): JQuery;
-
-    /**
-     * Generic method function
-     */
-    fullCalendar(method: string, arg1: any, arg2: any, arg3: any): void;
-}
-
-interface JQueryStatic {
-    fullCalendar: FullCalendar.Calendar;
-}
diff --git a/fullcalendar/v1/index.d.ts b/fullcalendar/v1/index.d.ts
new file mode 100644
index 0000000000..9f521ca8fc
--- /dev/null
+++ b/fullcalendar/v1/index.d.ts
@@ -0,0 +1,433 @@
+// Type definitions for FullCalendar 1.6
+// Project: http://arshaw.com/fullcalendar/
+// Definitions by: Neil Stalker <https://github.com/nestalk>, Marcelo Camargo <https://github.com/hasellcamargo>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="jquery"/>
+import * as moment from "moment";
+
+declare global {
+    namespace FullCalendar {
+        export interface Calendar {
+
+            /**
+             * Formats a Date object into a string.
+             */
+            formatDate(date: Date, format: string, options?: Options): string;
+
+            /**
+             * Formats a date range (two Date objects) into a string.
+             */
+            formatDates(date1: Date, date2: Date, format: string, options?: Options): string;
+
+            /**
+             * Parses a string into a Date object.
+             */
+            parseDate(dateString: string, ignoreTimezone?: boolean): Date;
+
+            /**
+             * Parses an ISO8601 string into a Date object.
+             */
+            parseISO8601(dateString: string, ignoreTimezone?: boolean): Date;
+
+            /**
+             * Gets the version of Fullcalendar
+             */
+            version: string;
+        }
+
+        export interface BusinessHours {
+            start: moment.Duration;
+            end: moment.Duration;
+            dow: number[];
+        }
+
+        export interface Timespan {
+            start: moment.Moment;
+            end: moment.Moment;
+        }
+
+        export interface Options extends AgendaOptions, EventDraggingResizingOptions, DroppingExternalElementsOptions, SelectionOptions {
+
+            // General display - http://arshaw.com/fullcalendar/docs/display/
+
+        header?: {
+                left: string;
+                center: string;
+                right: string;
+            };
+            theme?: boolean;
+            buttonIcons?: {
+                prev: string;
+                next: string;
+            };
+            firstDay?: number;
+            isRTL?: boolean;
+            weekends?: boolean;
+            hiddenDays?: number[];
+            weekMode?: string;
+            weekNumbers?: boolean;
+            weekNumberCalculation?: any; // String/Function
+            businessHours?: boolean | BusinessHours;
+            height?: number;
+            contentHeight?: number;
+            aspectRatio?: number;
+            handleWindowResize?: boolean;
+            viewRender?: (view: ViewObject, element: JQuery) => void;
+            viewDestroy?: (view: ViewObject, element: JQuery) => void;
+            dayRender?: (date: Date, cell: HTMLTableDataCellElement) => void;
+            windowResize?: (view: ViewObject) => void;
+
+            // Timezone
+            timezone?: string | boolean;
+            now?: moment.Moment | Date | string | (() => moment.Moment);
+
+            // Views - http://arshaw.com/fullcalendar/docs/views/
+
+            defaultView?: string;
+
+            // Current Date - http://arshaw.com/fullcalendar/docs/current_date/
+
+            defaultDate?: moment.Moment | Date | string;
+            year?: number;
+            month?: number;
+            date?: number;
+
+            // Text/Time Customization - http://arshaw.com/fullcalendar/docs/text/
+
+            timeFormat?: any; // String/ViewOptionHash
+            columnFormat?: any; // String/ViewOptionHash
+            titleFormat?: any; // String/ViewOptionHash
+
+            buttonText?: ButtonTextObject;
+            monthNames?: string[];
+            monthNamesShort?: string[];
+            dayNames?: string[];
+            dayNamesShort?: string[];
+            weekNumberTitle?: string;
+
+            // Clicking & Hovering - http://arshaw.com/fullcalendar/docs/mouse/
+
+            dayClick?: (date: Date, allDay: boolean, jsEvent: MouseEvent, view: ViewObject) => void;
+            eventClick?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => any; // return type boolean or void
+            eventMouseover?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => void;
+            eventMouseout?: (event: EventObject, jsEvent: MouseEvent, view: ViewObject) => void;
+
+            // Event Data - http://arshaw.com/fullcalendar/docs/event_data/
+
+            /**
+             * This has one of the following types:
+             *
+             * - EventObject[]
+             * - string (JSON feed)
+             * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
+             */
+            events?: any;
+
+            /**
+             * An array, each element being one of the following types:
+             *
+             * - EventSource
+             * - EventObject[]
+             * - string (JSON feed)
+             * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
+             */
+            eventSources?: any[];
+
+            allDayDefault?: boolean;
+            ignoreTimezone?: boolean;
+            startParam?: string;
+            endParam?: string;
+            lazyFetching?: boolean;
+            eventDataTransform?: (eventData: any) => EventObject;
+            loading?: (isLoading: boolean, view: ViewObject) => void;
+
+            // Event Rendering - http://arshaw.com/fullcalendar/docs/event_rendering/
+
+            eventColor?: string;
+            eventBackgroundColor?: string;
+            eventBorderColor?: string;
+            eventTextColor?: string;
+            eventRender?: (event: EventObject, element: HTMLDivElement, view: ViewObject) => void;
+            eventAfterRender?: (event: EventObject, element: HTMLDivElement, view: ViewObject) => void;
+            eventAfterAllRender?: (view: ViewObject) => void;
+            eventDestroy?: (event: EventObject, element: JQuery, view: ViewObject) => void;
+
+
+        }
+
+        export interface ViewOptionHash {
+            month?: any;
+            week?: any;
+            day?: any;
+            agenda?: any;
+            agendaDay?: any;
+            agendaWeek?: any;
+            basic?: any;
+            basicDay?: any;
+            basicWeek?: any;
+            ''?: any;
+        }
+
+        /**
+         * Agenda Options - http://arshaw.com/fullcalendar/docs/agenda/
+         */
+        export interface AgendaOptions {
+            allDaySlot?: boolean;
+            allDayText?: string;
+            slotDuration?: moment.Duration;
+            slotLabelFormat?: string;
+            slotLabelInterval?: moment.Duration;
+            snapDuration?: moment.Duration;
+            scrollTime?: moment.Duration;
+            minTime?: moment.Duration; // Integer/String
+            maxTime?: moment.Duration; // Integer/String
+            slotEventOverlap?: boolean;
+        }
+
+        /*
+        * Event Dragging & Resizing
+        */
+        export interface EventDraggingResizingOptions {
+            editable?: boolean;
+            eventStartEditable?: boolean;
+            eventDurationEditable?: boolean;
+            dragRevertDuration?: number; // integer, milliseconds
+            dragOpacity?: number; // float
+            dragScroll?: boolean;
+            eventOverlap?: boolean | ((stillEvent: EventObject, movingEvent: EventObject) => boolean);
+            eventConstraint?: BusinessHours | Timespan;
+            eventDragStart?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
+            eventDragStop?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
+            eventDrop?: (event: EventObject, delta: moment.Duration, revertFunc: Function, jsEvent: Event, ui: any, view: ViewObject) => void;
+            eventResizeStart?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
+            eventResizeStop?: (event: EventObject, jsEvent: MouseEvent, ui: any, view: ViewObject) => void;
+            eventResize?: (event: EventObject, delta: moment.Duration, revertFunc: Function, jsEvent: Event, ui: any, view: ViewObject) => void;
+        }
+        /*
+        * Selection - http://arshaw.com/fullcalendar/docs/selection/
+        */
+        export interface SelectionOptions {
+            selectable?: boolean;
+            selectHelper?: boolean | ((start: moment.Moment, end: moment.Moment) => HTMLElement);
+            unselectAuto?: boolean;
+            unselectCancel?: string;
+            selectOverlap?: boolean | ((event: EventObject) => boolean);
+            selectConstraint?: Timespan | BusinessHours;
+            select?: (start: moment.Moment, end: moment.Moment, jsEvent: MouseEvent, view: ViewObject, resource?: any) => void;
+            unselect?: (view: ViewObject, jsEvent: Event) => void;
+        }
+
+        export interface DroppingExternalElementsOptions {
+            droppable?: boolean;
+            dropAccept?: string | ((draggable: any) => boolean);
+            drop?: (date: moment.Moment, jsEvent: MouseEvent, ui: any) => void;
+            eventReceive?: (event: EventObject) => void;
+        }
+
+        export interface ButtonTextObject {
+            prev?: string;
+            next?: string;
+            prevYear?: string;
+            nextYear?: string;
+            today?: string;
+            month?: string;
+            week?: string;
+            day?: string;
+        }
+
+        export interface EventObject extends Timespan {
+            id?: any; // String/number
+            title: string;
+            allDay?: boolean;
+            url?: string;
+            className?: any; // string/Array<string>
+            editable?: boolean;
+            source?: EventSource;
+            color?: string;
+            backgroundColor?: string;
+            borderColor?: string;
+            textColor?: string;
+            rendering?: string;
+        }
+
+        export interface ViewObject extends Timespan {
+            name: string;
+            title: string;
+            intervalStart: moment.Moment;
+            intervalEnd: moment.Moment;
+        }
+
+        export interface EventSource extends JQueryAjaxSettings {
+
+            /**
+             * This has one of the following types:
+             *
+             * - EventObject[]
+             * - string (JSON feed)
+             * - (start: Date | string, end: Date | string, callback: {(events: EventObject[]) => void;}) => void;
+             */
+            events?: any;
+
+            color?: string;
+            backgroundColor?: string;
+            borderColor?: string;
+            textColor?: string;
+            className?: any; // string/Array<string>
+            editable?: boolean;
+            allDayDefault?: boolean;
+            ignoreTimezone?: boolean;
+            eventTransform?: any;
+            startParam?: string;
+            endParam?: string;
+        }
+
+    }
+
+    interface JQuery {
+
+        /**
+         * Get/Set option value
+         */
+        fullCalendar(method: 'option', option: string, value?: any): void;
+
+        /**
+         * Immediately forces the calendar to render and/or readjusts its size.
+         */
+        fullCalendar(method: 'render'): void;
+
+        /**
+         * Restores the element to the state before FullCalendar was initialized.
+         */
+        fullCalendar(method: 'destroy'): void;
+
+        /**
+         * Returns the View Object for the current view.
+         */
+        fullCalendar(method: 'getView'): FullCalendar.ViewObject;
+
+        /**
+         * Immediately switches to a different view.
+         */
+        fullCalendar(method: 'changeView', viewName: string): void;
+
+        /**
+         * Moves the calendar one step back (either by a month, week, or day).
+         */
+        fullCalendar(method: 'prev'): void;
+
+        /**
+         * Moves the calendar one step forward (either by a month, week, or day).
+         */
+        fullCalendar(method: 'next'): void;
+
+        /**
+         * Moves the calendar back one year.
+         */
+        fullCalendar(method: 'prevYear'): void;
+
+        /**
+         * Moves the calendar forward one year.
+         */
+        fullCalendar(method: 'nextYear'): void;
+
+        /**
+         * Moves the calendar to the current date.
+         */
+        fullCalendar(method: 'today'): void;
+
+        /**
+         * Moves the calendar to an arbitrary year/month/date.
+         */
+        fullCalendar(method: 'gotoDate', year: number, month?: number, date?: number): void;
+
+        /**
+         * Moves the calendar to an arbitrary date.
+         */
+        fullCalendar(method: 'gotoDate', date: Date | string): void;
+
+        /**
+         * Moves the calendar forward/backward an arbitrary amount of time.
+         */
+        fullCalendar(method: 'incrementDate', year: number, month?: number, date?: number): void;
+
+        /**
+         * Returns a Date object for the current date of the calendar.
+         */
+        fullCalendar(method: 'getDate'): Date;
+
+        /**
+         * A method for programmatically selecting a period of time.
+         */
+        fullCalendar(method: 'select', startDate: Date, endDate: Date, allDay: boolean): void;
+
+        /**
+         * A method for programmatically clearing the current selection.
+         */
+        fullCalendar(method: 'unselect'): void;
+
+        /**
+         * Reports changes to an event and renders them on the calendar.
+         */
+        fullCalendar(method: 'updateEvent', event: FullCalendar.EventObject): void;
+
+        /**
+         * Retrieves events that FullCalendar has in memory.
+         */
+        fullCalendar(method: 'clientEvents', idOrfilter?: any): FullCalendar.EventObject[];
+
+        /**
+         * Retrieves events that FullCalendar has in memory.
+         */
+        fullCalendar(method: 'clientEvents', idOrfilter?: (e: FullCalendar.EventObject) => boolean): FullCalendar.EventObject[];
+
+        /**
+         * Removes events from the calendar.
+         */
+        fullCalendar(method: 'removeEvents', idOrfilter?: any): void;
+
+        /**
+         * Removes events from the calendar.
+         */
+        fullCalendar(method: 'removeEvents', idOrfilter?: (e: FullCalendar.EventObject) => boolean): void;
+
+        /**
+         * Refetches events from all sources and rerenders them on the screen.
+         */
+        fullCalendar(method: 'refetchEvents'): void;
+
+        /**
+         * Dynamically adds an event source.
+         */
+        fullCalendar(method: 'addEventSource', source: any): void;
+
+        /**
+         * Dynamically removes an event source.
+         */
+        fullCalendar(method: 'removeEventSource', source: any): void;
+
+        /**
+         * Renders a new event on the calendar.
+         */
+        fullCalendar(method: 'renderEvent', event: FullCalendar.EventObject, stick?: boolean): void;
+
+        /**
+         * Rerenders all events on the calendar.
+         */
+        fullCalendar(method: 'rerenderEvents'): void;
+
+        /**
+         * Create calendar object
+         */
+        fullCalendar(options: FullCalendar.Options): JQuery;
+
+        /**
+         * Generic method function
+         */
+        fullCalendar(method: string, arg1: any, arg2: any, arg3: any): void;
+    }
+
+    interface JQueryStatic {
+        fullCalendar: FullCalendar.Calendar;
+    }
+}
diff --git a/fullcalendar/v1/package.json b/fullcalendar/v1/package.json
new file mode 100644
index 0000000000..d33ff913ce
--- /dev/null
+++ b/fullcalendar/v1/package.json
@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "moment": ">=2.14.0"
+    }
+}
diff --git a/fullcalendar/v1/tsconfig.json b/fullcalendar/v1/tsconfig.json
new file mode 100644
index 0000000000..a589491226
--- /dev/null
+++ b/fullcalendar/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "fullcalendar": ["fullcalendar/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "fullCalendar-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/fullcalendar/v1/tslint.json b/fullcalendar/v1/tslint.json
new file mode 100644
index 0000000000..7d876390fe
--- /dev/null
+++ b/fullcalendar/v1/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "../../tslint.json",
+    "rules": {
+        "forbidden-types": false,
+        "unified-signatures": false
+    }
+}
\ No newline at end of file
diff --git a/gaussian/gaussian-tests.ts b/gaussian/gaussian-tests.ts
index bd2a226e88..05b75854e7 100644
--- a/gaussian/gaussian-tests.ts
+++ b/gaussian/gaussian-tests.ts
@@ -1,4 +1,4 @@
-import * as gaussian from ".";
+import * as gaussian from "gaussian";
 
 const d = gaussian(0, 1);
 const a = d.mean !== d.variance;
diff --git a/generic-functions/genetic-functions-tests.ts b/generic-functions/generic-functions-tests.ts
similarity index 91%
rename from generic-functions/genetic-functions-tests.ts
rename to generic-functions/generic-functions-tests.ts
index d3dc53665a..7178c6f6a4 100644
--- a/generic-functions/genetic-functions-tests.ts
+++ b/generic-functions/generic-functions-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="generic-functions.d.ts" />
-
 import g = require('generic-functions');
 
 var tvShow: Object = {
diff --git a/generic-functions/tsconfig.json b/generic-functions/tsconfig.json
index cdcaca971c..7a46abfbd9 100644
--- a/generic-functions/tsconfig.json
+++ b/generic-functions/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "generic-functions-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/git-config/gitconfig b/git-config/gitconfig
deleted file mode 100644
index 0ee61d5b18..0000000000
--- a/git-config/gitconfig
+++ /dev/null
@@ -1,5 +0,0 @@
-[user]
-	name = A Git User
-	email = git.user@domain.xyz
-[push]
-	default = simple
diff --git a/gl-matrix/gl-matrix-legacy-tests.ts b/gl-matrix/gl-matrix-legacy-tests.ts
deleted file mode 100644
index 5cfa9a1c3a..0000000000
--- a/gl-matrix/gl-matrix-legacy-tests.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-/// <reference path="gl-matrix-legacy.d.ts" />
-
-// common
-var result: number = glMatrix.toRadian(180);
-
-var out: GLM.IArray;
-var outVal: number;
-var outStr: string;
-
-// vec2
-var vecA: GLM.IArray, vecB: GLM.IArray, matA: GLM.IArray;
-var vecArray: GLM.IArray;
-
-vecA = [1, 2];
-vecB = new Float32Array([3, 4]);
-out = [0, 0];
-matA = [1, 2, 3, 4, 5, 6];
-vecArray  = [1, 2, 3, 4, 0, 0];
-
-out = vec2.create();
-out = vec2.clone(vecA);
-out = vec2.fromValues(1, 2);
-out = vec2.copy(out, vecA);
-out = vec2.set(out, 1, 2);
-out = vec2.add(out, vecA, vecB);
-out = vec2.subtract(out, vecA, vecB);
-out = vec2.sub(out, vecA, vecB);
-out = vec2.multiply(out, vecA, vecB);
-out = vec2.mul(out, vecA, vecB);
-out = vec2.divide(out, vecA, vecB);
-out = vec2.div(out, vecA, vecB);
-out = vec2.min(out, vecA, vecB);
-out = vec2.max(out, vecA, vecB);
-out = vec2.scale(out, vecA, 2);
-out = vec2.scaleAndAdd(out, vecA, vecB, 0.5);
-outVal = vec2.distance(vecA, vecB);
-outVal = vec2.dist(vecA, vecB);
-outVal = vec2.squaredDistance(vecA, vecB);
-outVal = vec2.sqrDist(vecA, vecB);
-outVal = vec2.length(vecA);
-outVal = vec2.len(vecA);
-outVal = vec2.squaredLength(vecA);
-outVal = vec2.sqrLen(vecA);
-out = vec2.negate(out, vecA);
-out = vec2.inverse(out, vecA);
-out = vec2.normalize(out, vecA);
-outVal = vec2.dot(vecA, vecB);
-out = vec2.cross(out, vecA, vecB);
-out = vec2.lerp(out, vecA, vecB, 0.5);
-out = vec2.random(out);
-out = vec2.random(out, 5.0);
-out = vec2.transformMat2(out, vecA, matA);
-out = vec2.transformMat2d(out, vecA, matA);
-out = vec2.transformMat3(out, vecA, matA);
-out = vec2.transformMat4(out, vecA, matA);
-out = vec2.forEach(vecArray, 0, 0, 0, vec2.normalize);
-outStr = vec2.str(vecA);
-
-// vec3
-var matr: GLM.IArray;
-var q: GLM.IArray;
-
-vecA = [1, 2, 3];
-vecB = new Float32Array([4, 5, 6]);
-out = [0, 0, 0];
-vecArray  = [1, 2, 3, 4, 5, 6, 0, 0, 0];
-matr = [1, 0, 0, 0, 1, 0, 0, 0, 1 ];
-
-out = vec3.create();
-out = vec3.clone(vecA);
-out = vec3.fromValues(1, 2, 3);
-out = vec3.copy(out, vecA);
-out = vec3.set(out, 1, 2, 3);
-out = vec3.add(out, vecA, vecB);
-out = vec3.subtract(out, vecA, vecB);
-out = vec3.sub(out, vecA, vecB);
-out = vec3.multiply(out, vecA, vecB);
-out = vec3.mul(out, vecA, vecB);
-out = vec3.divide(out, vecA, vecB);
-out = vec3.div(out, vecA, vecB);
-out = vec3.min(out, vecA, vecB);
-out = vec3.max(out, vecA, vecB);
-out = vec3.scale(out, vecA, 2);
-out = vec3.scaleAndAdd(out, vecA, vecB, 0.5);
-outVal = vec3.distance(vecA, vecB);
-outVal = vec3.dist(vecA, vecB);
-outVal = vec3.squaredDistance(vecA, vecB);
-outVal = vec3.sqrDist(vecA, vecB);
-outVal = vec3.length(vecA);
-outVal = vec3.len(vecA);
-outVal = vec3.squaredLength(vecA);
-outVal = vec3.sqrLen(vecA);
-out = vec3.negate(out, vecA);
-out = vec3.inverse(out, vecA);
-out = vec3.normalize(out, vecA);
-outVal = vec3.dot(vecA, vecB);
-out = vec3.cross(out, vecA, vecB);
-out = vec3.lerp(out, vecA, vecB, 0.5);
-out = vec3.random(out);
-out = vec3.random(out, 5.0);
-out = vec3.rotateX(out, vecA, vecB, Math.PI);
-out = vec3.rotateY(out, vecA, vecB, Math.PI);
-out = vec3.rotateZ(out, vecA, vecB, Math.PI);
-out = vec3.transformMat3(out, vecA, matr);
-
-matr = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ];
-out = vec3.transformMat4(out, vecA, matr);
-
-q = [1, 2, 3, 4];
-out = vec3.transformQuat(out, vecA, matr);
-
-out = vec3.forEach(vecArray, 0, 0, 0, vec3.normalize);
-outVal = vec3.angle(vecA, vecB);
-outStr = vec3.str(vecA);
-
-// vec4
-var q: GLM.IArray;
-
-vecA = [1, 2, 3, 4];
-vecB = new Float32Array([5, 6, 7, 8]);
-out = [0, 0, 0, 0];
-q = [1, 2, 3, 4];
-
-out = vec4.create();
-out = vec4.clone(vecA);
-out = vec4.fromValues(1, 2, 3, 4);
-out = vec4.copy(out, vecA);
-out = vec4.set(out, 1, 2, 3, 4);
-out = vec4.add(out, vecA, vecB);
-out = vec4.subtract(out, vecA, vecB);
-out = vec4.sub(out, vecA, vecB);
-out = vec4.multiply(out, vecA, vecB);
-out = vec4.mul(out, vecA, vecB);
-out = vec4.divide(out, vecA, vecB);
-out = vec4.div(out, vecA, vecB);
-out = vec4.min(out, vecA, vecB);
-out = vec4.max(out, vecA, vecB);
-out = vec4.scale(out, vecA, 2);
-out = vec4.scaleAndAdd(out, vecA, vecB, 0.5);
-outVal = vec4.distance(vecA, vecB);
-outVal = vec4.dist(vecA, vecB);
-outVal = vec4.squaredDistance(vecA, vecB);
-outVal = vec4.sqrDist(vecA, vecB);
-outVal = vec4.length(vecA);
-outVal = vec4.len(vecA);
-outVal = vec4.squaredLength(vecA);
-outVal = vec4.sqrLen(vecA);
-out = vec4.negate(out, vecA);
-out = vec4.inverse(out, vecA);
-out = vec4.normalize(out, vecA);
-outVal = vec4.dot(vecA, vecB);
-out = vec4.lerp(out, vecA, vecB, 0.5);
-out = vec4.random(out);
-out = vec4.random(out, 5.0);
-
-matr = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]
-out = vec4.transformMat4(out, vecA, matr);
-out = vec4.transformQuat(out, vecA, q);
-
-vecArray  = [1, 2, 3, 4, 5, 6, 7, 8, 0, 0, 0, 0];
-out = vec4.forEach(vecArray, 0, 0, 0, vec4.normalize);
-outStr = vec4.str(vecA);
-
-// mat2
-var matB: GLM.IArray, identity: GLM.IArray;
-
-matA = [1, 2, 3, 4];
-matB = new Float32Array([5, 6, 7, 8]);
-out =  [0, 0, 0, 0];
-identity = [1, 0, 0, 1];
-
-out = mat2.create();
-out = mat2.clone(matA);
-out = mat2.copy(out, matA);
-out = mat2.identity(out);
-out = mat2.transpose(out, matA);
-out = mat2.invert(out, matA);
-out = mat2.adjoint(out, matA);
-outVal = mat2.determinant(matA);
-out = mat2.multiply(out, matA, matB);
-out = mat2.mul(out, matA, matB);
-out = mat2.rotate(out, matA, Math.PI * 0.5);
-
-vecA = [2, 3];
-out = mat2.scale(out, matA, vecA);
-outStr = mat2.str(matA);
-outVal = mat2.frob(matA);
-
-var L = mat2.create();
-var D = mat2.create();
-var U = mat2.create();
-out = mat2.LDU(L, D, U, [4,3,6,3]);
-
-// mat2d
-matA = [1, 2, 3, 4, 5, 6];
-matB = [7, 8, 9, 10, 11, 12];
-out =  [0, 0, 0, 0, 0, 0];
-identity = [1, 0, 0, 1, 0, 0];
-
-out = mat2d.create();
-out = mat2d.clone(matA);
-out = mat2d.copy(out, matA);
-out = mat2d.identity(out);
-out = mat2d.invert(out, matA);
-outVal = mat2d.determinant(matA);
-out = mat2d.multiply(out, matA, matB);
-out = mat2d.mul(out, matA, matB);
-out = mat2d.rotate(out, matA, Math.PI * 0.5);
-
-vecA = [2, 3];
-out = mat2d.scale(out, matA, vecA);
-out = mat2d.translate(out, matA, vecA);
-outStr = mat2d.str(matA);
-outVal = mat2d.frob(matA);
-
-// mat3
-matA = [1, 0, 0, 0, 1, 0, 1, 2, 1];
-matB = [1, 0, 0, 0, 1, 0, 3, 4, 1];
-out =  [0, 0, 0, 0, 0, 0, 0, 0, 0];
-identity = [1, 0, 0, 0, 1, 0, 0, 0, 1];
-
-out = mat3.create();
-out = mat3.clone(matA);
-out = mat3.copy(out, matA);
-out = mat3.identity(out);
-out = mat3.transpose(out, matA);
-out = mat3.invert(out, matA);
-out = mat3.adjoint(out, matA);
-outVal = mat3.determinant(matA);
-out = mat3.multiply(out, matA, matB);
-out = mat3.mul(out, matA, matB);
-outStr = mat3.str(matA);
-outVal = mat3.frob(matA);
-
-matA = [1, 0, 0, 0,
-        0, 1, 0, 0,
-        0, 0, 1, 0,
-        0, 0, 0, 1];
-out = mat3.normalFromMat4(out, matA);
-
-q = [ 0, -0.7071067811865475, 0, 0.7071067811865475 ];
-out = mat3.fromQuat(out, q);
-
-out = mat3.normalFromMat4(out, [ 1, 2, 3, 4, 5, 6, 7, 8, 9,10,11,12, 13,14,15,16]);
-out = mat3.fromMat4(out, [ 1, 2, 3, 4, 5, 6, 7, 8, 9,10,11,12, 13,14,15,16]);
-out = mat3.scale(out, matA, [2,2]);
-out = mat3.fromMat2d(out, [1, 2, 3, 4, 5, 6]);
-
-out = mat3.translate(out, matA, [1, 2, 3]);
-out = mat3.rotate(out, matA, Math.PI/2);
-
-// mat4
-matA = [1, 0, 0, 0,
-        0, 1, 0, 0,
-        0, 0, 1, 0,
-        1, 2, 3, 1];
-
-matB = [1, 0, 0, 0,
-        0, 1, 0, 0,
-        0, 0, 1, 0,
-        4, 5, 6, 1];
-
-out =  [0, 0, 0, 0,
-        0, 0, 0, 0,
-        0, 0, 0, 0,
-        0, 0, 0, 0];
-
-identity = [1, 0, 0, 0,
-            0, 1, 0, 0,
-            0, 0, 1, 0,
-            0, 0, 0, 1];
-
-out = mat4.create();
-out = mat4.clone(matA);
-out = mat4.copy(out, matA);
-out = mat4.identity(out);
-out = mat4.transpose(out, matA);
-out = mat4.invert(out, matA);
-out = mat4.adjoint(out, matA);
-outVal = mat4.determinant(matA);
-out = mat4.multiply(out, matA, matB);
-out = mat4.mul(out, matA, matB);
-out = mat4.translate(out, matA, [4, 5, 6]);
-out = mat4.scale(out, matA, [4, 5, 6]);
-
-var rad = Math.PI * 0.5;
-var axis = [1, 0, 0];
-out = mat4.rotate(out, matA, rad, axis);
-out = mat4.rotateX(out, matA, rad);
-out = mat4.rotateY(out, matA, rad);
-out = mat4.rotateZ(out, matA, rad);
-
-out = mat4.frustum(out, -1, 1, -1, 1, -1, 1);
-
-var fovy = Math.PI * 0.5;
-out = mat4.perspective(out, fovy, 1, 0, 1);
-out = mat4.ortho(out, -1, 1, -1, 1, -1, 1);
-
-var eye    = [0, 0, 1];
-var center = [0, 0, -1];
-var up     = [0, 1, 0];
-out = mat4.lookAt(out, eye, center, up);
-
-outStr = mat4.str(matA);
-outVal = mat4.frob(matA);
-
-q = [0, 0, 0, 1];
-out = mat4.fromRotationTranslation(out, q, [1, 2, 3]);
-out = mat4.fromQuat(out, q);
-
-q = [0, 0, 0, 1];
-out = mat4.fromRotationTranslationScale(out, q, [1, 2, 3], [1, 2, 3]);
-out = mat4.fromQuat(out, q);
-
-
-// quat
-var quatA = [1, 2, 3, 4];
-var quatB = [5, 6, 7, 8];
-out = [0, 0, 0, 0];
-var vec = [1, 1, -1];
-var id = [0, 0, 0, 1];
-var deg90 = Math.PI / 2;
-
-out = quat.create();
-out = quat.clone(quatA);
-out = quat.fromValues(1, 2, 3, 4);
-out = quat.copy(out, quatA);
-out = quat.set(out, 1, 2, 3, 4);
-out = quat.identity(out);
-out = quat.setAxisAngle(out, [1, 0, 0], Math.PI * 0.5);
-out = quat.add(out, quatA, quatB);
-out = quat.multiply(out, quatA, quatB);
-out = quat.mul(out, quatA, quatB);
-out = quat.scale(out, quatA, 2);
-outVal = quat.length(quatA);
-outVal = quat.len(quatA);
-outVal = quat.squaredLength(quatA);
-outVal = quat.sqrLen(quatA);
-out = quat.normalize(out, quatA);
-outVal = quat.dot(out, quatA, quatB);
-out = quat.lerp(out, quatA, quatB, 0.5);
-out = quat.slerp(out, quatA, quatB, 0.5);
-out = quat.invert(out, quatA);
-out = quat.conjugate(out, quatA);
-outStr = quat.str(quatA);
-out = quat.rotateX(out, id, deg90);
-out = quat.rotateY(out, id, deg90);
-out = quat.rotateZ(out, id, deg90);
-
-matr = [ 1, 0,  0,
-         0, 0, -1,
-         0, 1,  0 ];
-out = quat.fromMat3(out, matr);
-
-var view = [-1, 0, 0];
-up   = [ 0, 1, 0];
-var right= [ 0, 0,-1];
-out = quat.setAxes([], view, right, up);
-
-out = quat.rotationTo(out, [0, 1, 0], [1, 0, 0]);
-out = quat.calculateW(out, quatA);
-
diff --git a/gl-matrix/gl-matrix-legacy.d.ts b/gl-matrix/gl-matrix-legacy.d.ts
deleted file mode 100644
index 16366f263a..0000000000
--- a/gl-matrix/gl-matrix-legacy.d.ts
+++ /dev/null
@@ -1,2163 +0,0 @@
-// Type definitions for gl-matrix 2.2.2
-// Project: https://github.com/toji/gl-matrix
-// Definitions by: Tat <https://github.com/tatchx>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace GLM {
-    interface IArray
-    {
-        /**
-         * Must be indexable like an array
-         */
-        [index: number]: number;
-    }
-}
-
-// Common
-declare namespace glMatrix {
-    /**
-    * Convert Degree To Radian
-    *
-    * @param a Angle in Degrees
-    */
-    export function toRadian(a: number): number;
-}
-
-// vec2
-declare namespace vec2 {
-    /**
-     * Creates a new, empty vec2
-     *
-     * @returns a new 2D vector
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new vec2 initialized with values from an existing vector
-     *
-     * @param a a vector to clone
-     * @returns a new 2D vector
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Creates a new vec2 initialized with the given values
-     *
-     * @param x X component
-     * @param y Y component
-     * @returns a new 2D vector
-     */
-    export function fromValues(x: number, y: number): GLM.IArray;
-
-    /**
-     * Copy the values from one vec2 to another
-     *
-     * @param out the receiving vector
-     * @param a the source vector
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set the components of a vec2 to the given values
-     *
-     * @param out the receiving vector
-     * @param x X component
-     * @param y Y component
-     * @returns out
-     */
-    export function set(out: GLM.IArray, x: number, y: number): GLM.IArray;
-
-    /**
-     * Adds two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function add(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function subtract(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function sub(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function divide(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function div(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the minimum of two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function min(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the maximum of two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function max(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales a vec2 by a scalar number
-     *
-     * @param out the receiving vector
-     * @param a the vector to scale
-     * @param b amount to scale the vector by
-     * @returns out
-     */
-    export function scale(out: GLM.IArray, a: GLM.IArray, b: number): GLM.IArray;
-
-    /**
-     * Adds two vec2's after scaling the second operand by a scalar value
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param scale the amount to scale b by before adding
-     * @returns out
-     */
-    export function scaleAndAdd(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Calculates the euclidian distance between two vec2's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function distance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the euclidian distance between two vec2's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function dist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec2's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function squaredDistance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec2's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function sqrDist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec2
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function length(a: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec2
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function len(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec2
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function squaredLength(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec2
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function sqrLen(a: GLM.IArray): number;
-
-    /**
-     * Negates the components of a vec2
-     *
-     * @param out the receiving vector
-     * @param a vector to negate
-     * @returns out
-     */
-    export function negate(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the inverse of the components of a vec2
-     *
-     * @param out the receiving vector
-     * @param a vector to invert
-     * @returns out
-     */
-    export function inverse(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Normalize a vec2
-     *
-     * @param out the receiving vector
-     * @param a vector to normalize
-     * @returns out
-     */
-    export function normalize(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the dot product of two vec2's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns dot product of a and b
-     */
-    export function dot(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Computes the cross product of two vec2's
-     * Note that the cross product must by definition produce a 3D vector
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function cross(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Performs a linear interpolation between two vec2's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param t interpolation amount between the two inputs
-     * @returns out
-     */
-    export function lerp(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, t: number): GLM.IArray;
-
-    /**
-     * Generates a random unit vector
-     *
-     * @param out the receiving vector
-     * @returns out
-     */
-    export function random(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Generates a random vector with the given scale
-     *
-     * @param out the receiving vector
-     * @param scale Length of the resulting vector. If ommitted, a unit vector will be returned
-     * @returns out
-     */
-    export function random(out: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Transforms the vec2 with a mat2
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat2(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec2 with a mat2d
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat2d(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec2 with a mat3
-     * 3rd vector component is implicitly '1'
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat3(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec2 with a mat4
-     * 3rd vector component is implicitly '0'
-     * 4th vector component is implicitly '1'
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat4(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Perform some operation over an array of vec2s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec2. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec2s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @param arg additional argument to pass to fn
-     * @returns a
-     */
-    export function forEach(a: GLM.IArray, stride: number, offset: number, count: number,
-        fn: (a: GLM.IArray, b: GLM.IArray, arg: any) => void, arg: any): GLM.IArray;
-
-    /**
-     * Perform some operation over an array of vec2s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec2. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec2s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @returns a
-     */
-    export function forEach(a: GLM.IArray, stride: number, offset: number, count: number,
-        fn: (a: GLM.IArray, b: GLM.IArray) => void): GLM.IArray;
-
-    /**
-     * Returns a string representation of a vector
-     *
-     * @param vec vector to represent as a string
-     * @returns string representation of the vector
-     */
-    export function str(a: GLM.IArray): string;
-}
-
-// vec3
-declare namespace vec3 {
-
-    /**
-     * Creates a new, empty vec3
-     *
-     * @returns a new 3D vector
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new vec3 initialized with values from an existing vector
-     *
-     * @param a vector to clone
-     * @returns a new 3D vector
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Creates a new vec3 initialized with the given values
-     *
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @returns a new 3D vector
-     */
-    export function fromValues(x: number, y: number, z: number): GLM.IArray;
-
-    /**
-     * Copy the values from one vec3 to another
-     *
-     * @param out the receiving vector
-     * @param a the source vector
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set the components of a vec3 to the given values
-     *
-     * @param out the receiving vector
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @returns out
-     */
-    export function set(out: GLM.IArray, x: number, y: number, z: number): GLM.IArray;
-
-    /**
-     * Adds two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function add(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function subtract(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function sub(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray
-
-    /**
-     * Multiplies two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function divide(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function div(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the minimum of two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function min(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the maximum of two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function max(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales a vec3 by a scalar number
-     *
-     * @param out the receiving vector
-     * @param a the vector to scale
-     * @param b amount to scale the vector by
-     * @returns out
-     */
-    export function scale(out: GLM.IArray, a: GLM.IArray, b: number): GLM.IArray;
-
-    /**
-     * Adds two vec3's after scaling the second operand by a scalar value
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param scale the amount to scale b by before adding
-     * @returns out
-     */
-    export function scaleAndAdd(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Calculates the euclidian distance between two vec3's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function distance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the euclidian distance between two vec3's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function dist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec3's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function squaredDistance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec3's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function sqrDist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec3
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function length(a: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec3
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function len(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec3
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function squaredLength(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec3
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function sqrLen(a: GLM.IArray): number;
-
-    /**
-     * Negates the components of a vec3
-     *
-     * @param out the receiving vector
-     * @param a vector to negate
-     * @returns out
-     */
-    export function negate(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the inverse of the components of a vec3
-     *
-     * @param out the receiving vector
-     * @param a vector to invert
-     * @returns out
-     */
-    export function inverse(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Normalize a vec3
-     *
-     * @param out the receiving vector
-     * @param a vector to normalize
-     * @returns out
-     */
-    export function normalize(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the dot product of two vec3's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns dot product of a and b
-     */
-    export function dot(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Computes the cross product of two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function cross(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Performs a linear interpolation between two vec3's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param t interpolation amount between the two inputs
-     * @returns out
-     */
-    export function lerp(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, t: number): GLM.IArray;
-
-    /**
-     * Generates a random unit vector
-     *
-     * @param out the receiving vector
-     * @returns out
-     */
-    export function random(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Generates a random vector with the given scale
-     *
-     * @param out the receiving vector
-     * @param [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
-     * @returns out
-     */
-    export function random(out: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Rotate a 3D vector around the x-axis
-     * @param out The receiving vec3
-     * @param a The vec3 point to rotate
-     * @param b The origin of the rotation
-     * @param c The angle of rotation
-     * @returns out
-     */
-    export function rotateX(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, c: number): GLM.IArray;
-
-    /**
-     * Rotate a 3D vector around the y-axis
-     * @param out The receiving vec3
-     * @param a The vec3 point to rotate
-     * @param b The origin of the rotation
-     * @param c The angle of rotation
-     * @returns out
-     */
-    export function rotateY(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, c: number): GLM.IArray;
-
-    /**
-     * Rotate a 3D vector around the z-axis
-     * @param out The receiving vec3
-     * @param a The vec3 point to rotate
-     * @param b The origin of the rotation
-     * @param c The angle of rotation
-     * @returns out
-     */
-    export function rotateZ(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, c: number): GLM.IArray;
-
-    /**
-     * Transforms the vec3 with a mat3.
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m the 3x3 matrix to transform with
-     * @returns out
-     */
-    export function transformMat3(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec3 with a mat4.
-     * 4th vector component is implicitly '1'
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat4(out: GLM.IArray, a: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec3 with a quat
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param q quaternion to transform with
-     * @returns out
-     */
-    export function transformQuat(out: GLM.IArray, a: GLM.IArray, q: GLM.IArray): GLM.IArray;
-
-
-    /**
-     * Perform some operation over an array of vec3s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec3. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec3s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @param arg additional argument to pass to fn
-     * @returns a
-     * @function
-     */
-    export function forEach(out: GLM.IArray, string: number, offset: number, count: number,
-        fn: (a: GLM.IArray, b: GLM.IArray, arg: any) => void, arg: any): GLM.IArray;
-
-    /**
-     * Perform some operation over an array of vec3s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec3. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec3s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @returns a
-     * @function
-     */
-    export function forEach(out: GLM.IArray, string: number, offset: number, count: number,
-        fn: (a: GLM.IArray, b: GLM.IArray) => void): GLM.IArray;
-
-    /**
-     * Get the angle between two 3D vectors
-     * @param a The first operand
-     * @param b The second operand
-     * @returns The angle in radians
-     */
-    export function angle(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Returns a string representation of a vector
-     *
-     * @param vec vector to represent as a string
-     * @returns string representation of the vector
-     */
-    export function str(a: GLM.IArray): string;
-}
-
-// vec4
-declare namespace vec4 {
-
-    /**
-     * Creates a new, empty vec4
-     *
-     * @returns a new 4D vector
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new vec4 initialized with values from an existing vector
-     *
-     * @param a vector to clone
-     * @returns a new 4D vector
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Creates a new vec4 initialized with the given values
-     *
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @param w W component
-     * @returns a new 4D vector
-     */
-    export function fromValues(x: number, y: number, z: number, w: number): GLM.IArray;
-
-    /**
-     * Copy the values from one vec4 to another
-     *
-     * @param out the receiving vector
-     * @param a the source vector
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set the components of a vec4 to the given values
-     *
-     * @param out the receiving vector
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @param w W component
-     * @returns out
-     */
-    export function set(out: GLM.IArray, x: number, y: number, z: number, w: number): GLM.IArray;
-
-    /**
-     * Adds two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function add(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function subtract(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Subtracts vector b from vector a
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function sub(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function divide(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Divides two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function div(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the minimum of two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function min(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the maximum of two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function max(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales a vec4 by a scalar number
-     *
-     * @param out the receiving vector
-     * @param a the vector to scale
-     * @param b amount to scale the vector by
-     * @returns out
-     */
-    export function scale(out: GLM.IArray, a: GLM.IArray, b: number): GLM.IArray;
-
-    /**
-     * Adds two vec4's after scaling the second operand by a scalar value
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param scale the amount to scale b by before adding
-     * @returns out
-     */
-    export function scaleAndAdd(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Calculates the euclidian distance between two vec4's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function distance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the euclidian distance between two vec4's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns distance between a and b
-     */
-    export function dist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec4's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function squaredDistance(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the squared euclidian distance between two vec4's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns squared distance between a and b
-     */
-    export function sqrDist(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec4
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function length(a: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a vec4
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     */
-    export function len(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec4
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function squaredLength(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a vec4
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     */
-    export function sqrLen(a: GLM.IArray): number;
-
-    /**
-     * Negates the components of a vec4
-     *
-     * @param out the receiving vector
-     * @param a vector to negate
-     * @returns out
-     */
-    export function negate(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns the inverse of the components of a vec4
-     *
-     * @param out the receiving vector
-     * @param a vector to invert
-     * @returns out
-     */
-    export function inverse(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Normalize a vec4
-     *
-     * @param out the receiving vector
-     * @param a vector to normalize
-     * @returns out
-     */
-    export function normalize(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the dot product of two vec4's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns dot product of a and b
-     */
-    export function dot(a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Performs a linear interpolation between two vec4's
-     *
-     * @param out the receiving vector
-     * @param a the first operand
-     * @param b the second operand
-     * @param t interpolation amount between the two inputs
-     * @returns out
-     */
-    export function lerp(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, t: number): GLM.IArray;
-
-    /**
-     * Generates a random unit vector
-     *
-     * @param out the receiving vector
-     * @returns out
-     */
-    export function random(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Generates a random vector with the given scale
-     *
-     * @param out the receiving vector
-     * @param Length of the resulting vector. If ommitted, a unit vector will be returned
-     * @returns out
-     */
-    export function random(out: GLM.IArray, scale: number): GLM.IArray;
-
-    /**
-     * Transforms the vec4 with a mat4.
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param m matrix to transform with
-     * @returns out
-     */
-    export function transformMat4(out: GLM.IArray, a: GLM.IArray, mat: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transforms the vec4 with a quat
-     *
-     * @param out the receiving vector
-     * @param a the vector to transform
-     * @param q quaternion to transform with
-     * @returns out
-     */
-    export function transformQuat(out: GLM.IArray, a: GLM.IArray, quat: GLM.IArray): GLM.IArray;
-
-    /**
-     * Perform some operation over an array of vec4s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec4. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec4s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @param additional argument to pass to fn
-     * @returns a
-     * @function
-     */
-    export function forEach(out: GLM.IArray, string: number, offset: number, count: number,
-        callback: (a: GLM.IArray, b: GLM.IArray, arg: any) => void, arg: any): GLM.IArray;
-
-    /**
-     * Perform some operation over an array of vec4s.
-     *
-     * @param a the array of vectors to iterate over
-     * @param stride Number of elements between the start of each vec4. If 0 assumes tightly packed
-     * @param offset Number of elements to skip at the beginning of the array
-     * @param count Number of vec4s to iterate over. If 0 iterates over entire array
-     * @param fn Function to call for each vector in the array
-     * @returns a
-     * @function
-     */
-    export function forEach(out: GLM.IArray, string: number, offset: number, count: number,
-        callback: (a: GLM.IArray, b: GLM.IArray) => void): GLM.IArray;
-
-    /**
-     * Returns a string representation of a vector
-     *
-     * @param vec vector to represent as a string
-     * @returns string representation of the vector
-     */
-    export function str(a: GLM.IArray): string;
-}
-
-// mat2
-declare namespace mat2 {
-
-    /**
-     * Creates a new identity mat2
-     *
-     * @returns a new 2x2 matrix
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new mat2 initialized with values from an existing matrix
-     *
-     * @param a matrix to clone
-     * @returns a new 2x2 matrix
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copy the values from one mat2 to another
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set a mat2 to the identity matrix
-     *
-     * @param out the receiving matrix
-     * @returns out
-     */
-    export function identity(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transpose the values of a mat2
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function transpose(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Inverts a mat2
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function invert(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the adjugate of a mat2
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function adjoint(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the determinant of a mat2
-     *
-     * @param a the source matrix
-     * @returns determinant of a
-     */
-    export function determinant(a: GLM.IArray): number;
-
-    /**
-     * Multiplies two mat2's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two mat2's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Rotates a mat2 by the given angle
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-    export function rotate(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Scales the mat2 by the dimensions in the given vec2
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param v the vec2 to scale the matrix by
-     * @returns out
-     **/
-    export function scale(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns a string representation of a mat2
-     *
-     * @param a matrix to represent as a string
-     * @returns string representation of the matrix
-     */
-    export function str(a: GLM.IArray): string;
-
-    /**
-     * Returns Frobenius norm of a mat2
-     *
-     * @param a the matrix to calculate Frobenius norm of
-     * @returns Frobenius norm
-     */
-    export function frob(a: GLM.IArray): number;
-
-    /**
-     * Returns L, D and U matrices (Lower triangular, Diagonal and Upper triangular) by factorizing the input matrix
-     * @param L the lower triangular matrix
-     * @param D the diagonal matrix
-     * @param U the upper triangular matrix
-     * @param a the input matrix to factorize
-     */
-    export function LDU(L: GLM.IArray, D: GLM.IArray, U: GLM.IArray, a: GLM.IArray): GLM.IArray;
-}
-
-// mat2d
-declare namespace mat2d {
-
-    /**
-     * Creates a new identity mat2d
-     *
-     * @returns a new 2x3 matrix
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new mat2d initialized with values from an existing matrix
-     *
-     * @param a matrix to clone
-     * @returns a new 2x3 matrix
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copy the values from one mat2d to another
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set a mat2d to the identity matrix
-     *
-     * @param out the receiving matrix
-     * @returns out
-     */
-    export function identity(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Inverts a mat2d
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function invert(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the determinant of a mat2d
-     *
-     * @param a the source matrix
-     * @returns determinant of a
-     */
-    export function determinant(a: GLM.IArray): number;
-
-    /**
-     * Multiplies two mat2d's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two mat2d's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Rotates a mat2d by the given angle
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-    export function rotate(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Scales the mat2d by the dimensions in the given vec2
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to translate
-     * @param v the vec2 to scale the matrix by
-     * @returns out
-     **/
-    export function scale(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Translates the mat2d by the dimensions in the given vec2
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to translate
-     * @param v the vec2 to translate the matrix by
-     * @returns out
-     **/
-    export function translate(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns a string representation of a mat2d
-     *
-     * @param a matrix to represent as a string
-     * @returns string representation of the matrix
-     */
-    export function str(a: GLM.IArray): string;
-
-    /**
-     * Returns Frobenius norm of a mat2d
-     *
-     * @param a the matrix to calculate Frobenius norm of
-     * @returns Frobenius norm
-     */
-    export function frob(a: GLM.IArray): number;
-}
-
-// mat3
-declare namespace mat3 {
-
-    /**
-     * Creates a new identity mat3
-     *
-     * @returns a new 3x3 matrix
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new mat3 initialized with values from an existing matrix
-     *
-     * @param a matrix to clone
-     * @returns a new 3x3 matrix
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copy the values from one mat3 to another
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set a mat3 to the identity matrix
-     *
-     * @param out the receiving matrix
-     * @returns out
-     */
-    export function identity(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transpose the values of a mat3
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function transpose(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Inverts a mat3
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function invert(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the adjugate of a mat3
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function adjoint(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the determinant of a mat3
-     *
-     * @param a the source matrix
-     * @returns determinant of a
-     */
-    export function determinant(a: GLM.IArray): number;
-
-    /**
-     * Multiplies two mat3's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two mat3's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns a string representation of a mat3
-     *
-     * @param mat matrix to represent as a string
-     * @returns string representation of the matrix
-     */
-    export function str(mat: GLM.IArray): string;
-
-    /**
-     * Returns Frobenius norm of a mat3
-     *
-     * @param a the matrix to calculate Frobenius norm of
-     * @returns Frobenius norm
-     */
-    export function frob(a: GLM.IArray): number;
-
-    /**
-    * Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
-    *
-    * @param out mat3 receiving operation result
-    * @param a Mat4 to derive the normal matrix from
-    *
-    * @returns out
-    */
-    export function normalFromMat4(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-    * Calculates a 3x3 matrix from the given quaternion
-    *
-    * @param out mat3 receiving operation result
-    * @param q Quaternion to create matrix from
-    *
-    * @returns out
-    */
-    export function fromQuat(out: GLM.IArray, q: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copies the upper-left 3x3 values into the given mat3.
-     *
-     * @param out the receiving 3x3 matrix
-     * @param a   the source 4x4 matrix
-     * @returns out
-     */
-    export function fromMat4(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales the mat3 by the dimensions in the given vec2
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param v the vec2 to scale the matrix by
-     * @returns out
-     **/
-    export function scale(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copies the values from a mat2d into a mat3
-     *
-     * @param out the receiving matrix
-     * @param {mat2d} a the matrix to copy
-     * @returns out
-     **/
-    export function fromMat2d(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Translate a mat3 by the given vector
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to translate
-     * @param v vector to translate by
-     * @returns out
-     */
-     export function translate(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Rotates a mat3 by the given angle
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-     export function rotate(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-}
-
-// mat4
-declare namespace mat4 {
-
-    /**
-     * Creates a new identity mat4
-     *
-     * @returns a new 4x4 matrix
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new mat4 initialized with values from an existing matrix
-     *
-     * @param a matrix to clone
-     * @returns a new 4x4 matrix
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Copy the values from one mat4 to another
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set a mat4 to the identity matrix
-     *
-     * @param out the receiving matrix
-     * @returns out
-     */
-    export function identity(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Transpose the values of a mat4
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function transpose(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Inverts a mat4
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function invert(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the adjugate of a mat4
-     *
-     * @param out the receiving matrix
-     * @param a the source matrix
-     * @returns out
-     */
-    export function adjoint(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the determinant of a mat4
-     *
-     * @param a the source matrix
-     * @returns determinant of a
-     */
-    export function determinant(a: GLM.IArray): number;
-
-    /**
-     * Multiplies two mat4's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two mat4's
-     *
-     * @param out the receiving matrix
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Translate a mat4 by the given vector
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to translate
-     * @param v vector to translate by
-     * @returns out
-     */
-    export function translate(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales the mat4 by the dimensions in the given vec3
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to scale
-     * @param v the vec3 to scale the matrix by
-     * @returns out
-     **/
-    export function scale(out: GLM.IArray, a: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-    /**
-     * Rotates a mat4 by the given angle
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @param axis the axis to rotate around
-     * @returns out
-     */
-    export function rotate(out: GLM.IArray, a: GLM.IArray, rad: number, axis: GLM.IArray): GLM.IArray;
-
-    /**
-     * Rotates a matrix by the given angle around the X axis
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-    export function rotateX(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Rotates a matrix by the given angle around the Y axis
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-    export function rotateY(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Rotates a matrix by the given angle around the Z axis
-     *
-     * @param out the receiving matrix
-     * @param a the matrix to rotate
-     * @param rad the angle to rotate the matrix by
-     * @returns out
-     */
-    export function rotateZ(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Generates a frustum matrix with the given bounds
-     *
-     * @param out mat4 frustum matrix will be written into
-     * @param left Left bound of the frustum
-     * @param right Right bound of the frustum
-     * @param bottom Bottom bound of the frustum
-     * @param top Top bound of the frustum
-     * @param near Near bound of the frustum
-     * @param far Far bound of the frustum
-     * @returns out
-     */
-    export function frustum(out: GLM.IArray, left: number, right: number,
-        bottom: number, top: number, near: number, far: number): GLM.IArray;
-
-    /**
-     * Generates a perspective projection matrix with the given bounds
-     *
-     * @param out mat4 frustum matrix will be written into
-     * @param fovy Vertical field of view in radians
-     * @param aspect Aspect ratio. typically viewport width/height
-     * @param near Near bound of the frustum
-     * @param far Far bound of the frustum
-     * @returns out
-     */
-    export function perspective(out: GLM.IArray, fovy: number, aspect: number,
-        near: number, far: number): GLM.IArray;
-
-    /**
-     * Generates a orthogonal projection matrix with the given bounds
-     *
-     * @param out mat4 frustum matrix will be written into
-     * @param left Left bound of the frustum
-     * @param right Right bound of the frustum
-     * @param bottom Bottom bound of the frustum
-     * @param top Top bound of the frustum
-     * @param near Near bound of the frustum
-     * @param far Far bound of the frustum
-     * @returns out
-     */
-    export function ortho(out: GLM.IArray, left: number, right: number,
-        bottom: number, top: number, near: number, far: number): GLM.IArray;
-
-    /**
-     * Generates a look-at matrix with the given eye position, focal point, and up axis
-     *
-     * @param out mat4 frustum matrix will be written into
-     * @param eye Position of the viewer
-     * @param center Point the viewer is looking at
-     * @param up vec3 pointing up
-     * @returns out
-     */
-    export function lookAt(out: GLM.IArray, eye: GLM.IArray,
-        center: GLM.IArray, up: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns a string representation of a mat4
-     *
-     * @param mat matrix to represent as a string
-     * @returns string representation of the matrix
-     */
-    export function str(mat: GLM.IArray): string;
-
-    /**
-     * Returns Frobenius norm of a mat4
-     *
-     * @param a the matrix to calculate Frobenius norm of
-     * @returns Frobenius norm
-     */
-    export function frob(a: GLM.IArray): number;
-
-    /**
-     * Creates a matrix from a quaternion rotation and vector translation
-     * This is equivalent to (but much faster than):
-     *
-     *     mat4.identity(dest);
-     *     mat4.translate(dest, vec);
-     *     var quatMat = mat4.create();
-     *     quat4.toMat4(quat, quatMat);
-     *     mat4.multiply(dest, quatMat);
-     *
-     * @param out mat4 receiving operation result
-     * @param q Rotation quaternion
-     * @param v Translation vector
-     * @returns out
-     */
-    export function fromRotationTranslation(out: GLM.IArray, q: GLM.IArray, v: GLM.IArray): GLM.IArray;
-
-     /**
-     * Creates a matrix from a quaternion rotation, vector translation and vector scale.
-     * 
-     * This is equivalent to (but much faster than):
-     * 
-     *     mat4.identity(dest); 
-     *     mat4.translate(dest, vec); 
-     *     var quatMat = mat4.create(); 
-     *     quat4.toMat4(quat, quatMat); 
-     *     mat4.multiply(dest, quatMat); 
-     *     mat4.scale(dest, scale)
-     * 
-     * @param out mat4 receiving operation result
-     * @param q Rotation quaternion
-     * @param v Translation vector
-     * @param s Scale vector
-     * @returns out
-     */
-    export function fromRotationTranslationScale(out: GLM.IArray, q: GLM.IArray, v: GLM.IArray, s: GLM.IArray): GLM.IArray
-
-    /**
-     * Creates a matrix from a quaternion
-     *
-     * @param out mat4 receiving operation result
-     * @param q Rotation quaternion
-     * @returns out
-     */
-    export function fromQuat(out: GLM.IArray, q: GLM.IArray): GLM.IArray;
-}
-
-// quat
-declare namespace quat {
-
-    /**
-     * Creates a new identity quat
-     *
-     * @returns a new quaternion
-     */
-    export function create(): GLM.IArray;
-
-    /**
-     * Creates a new quat initialized with values from an existing quaternion
-     *
-     * @param a quaternion to clone
-     * @returns a new quaternion
-     * @function
-     */
-    export function clone(a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Creates a new quat initialized with the given values
-     *
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @param w W component
-     * @returns a new quaternion
-     * @function
-     */
-    export function fromValues(x: number, y: number, z: number, w: number): GLM.IArray;
-
-    /**
-     * Copy the values from one quat to another
-     *
-     * @param out the receiving quaternion
-     * @param a the source quaternion
-     * @returns out
-     * @function
-     */
-    export function copy(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Set the components of a quat to the given values
-     *
-     * @param out the receiving quaternion
-     * @param x X component
-     * @param y Y component
-     * @param z Z component
-     * @param w W component
-     * @returns out
-     * @function
-     */
-    export function set(out: GLM.IArray, x: number, y: number, z: number, w: number): GLM.IArray;
-
-    /**
-     * Set a quat to the identity quaternion
-     *
-     * @param out the receiving quaternion
-     * @returns out
-     */
-    export function identity(out: GLM.IArray): GLM.IArray;
-
-    /**
-     * Sets a quat from the given angle and rotation axis,
-     * then returns it.
-     *
-     * @param out the receiving quaternion
-     * @param axis the axis around which to rotate
-     * @param rad the angle in radians
-     * @returns out
-     **/
-    export function setAxisAngle(out: GLM.IArray, axis: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Adds two quat's
-     *
-     * @param out the receiving quaternion
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     * @function
-     */
-    export function add(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two quat's
-     *
-     * @param out the receiving quaternion
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function multiply(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Multiplies two quat's
-     *
-     * @param out the receiving quaternion
-     * @param a the first operand
-     * @param b the second operand
-     * @returns out
-     */
-    export function mul(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Scales a quat by a scalar number
-     *
-     * @param out the receiving vector
-     * @param a the vector to scale
-     * @param b amount to scale the vector by
-     * @returns out
-     * @function
-     */
-    export function scale(out: GLM.IArray, a: GLM.IArray, b: number): GLM.IArray;
-
-    /**
-     * Calculates the length of a quat
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     * @function
-     */
-    export function length(a: GLM.IArray): number;
-
-    /**
-     * Calculates the length of a quat
-     *
-     * @param a vector to calculate length of
-     * @returns length of a
-     * @function
-     */
-    export function len(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a quat
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     * @function
-     */
-    export function squaredLength(a: GLM.IArray): number;
-
-    /**
-     * Calculates the squared length of a quat
-     *
-     * @param a vector to calculate squared length of
-     * @returns squared length of a
-     * @function
-     */
-    export function sqrLen(a: GLM.IArray): number;
-
-    /**
-     * Normalize a quat
-     *
-     * @param out the receiving quaternion
-     * @param a quaternion to normalize
-     * @returns out
-     * @function
-     */
-    export function normalize(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the dot product of two quat's
-     *
-     * @param a the first operand
-     * @param b the second operand
-     * @returns dot product of a and b
-     * @function
-     */
-    export function dot(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): number;
-
-    /**
-     * Performs a linear interpolation between two quat's
-     *
-     * @param out the receiving quaternion
-     * @param a the first operand
-     * @param b the second operand
-     * @param t interpolation amount between the two inputs
-     * @returns out
-     * @function
-     */
-    export function lerp(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, t: number): GLM.IArray;
-
-    /**
-     * Performs a spherical linear interpolation between two quat
-     *
-     * @param out the receiving quaternion
-     * @param a the first operand
-     * @param b the second operand
-     * @param t interpolation amount between the two inputs
-     * @returns out
-     */
-    export function slerp(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray, t: number): GLM.IArray;
-
-    /**
-     * Calculates the inverse of a quat
-     *
-     * @param out the receiving quaternion
-     * @param a quat to calculate inverse of
-     * @returns out
-     */
-    export function invert(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the conjugate of a quat
-     * If the quaternion is normalized, this function is faster than quat.inverse and produces the same result.
-     *
-     * @param out the receiving quaternion
-     * @param a quat to calculate conjugate of
-     * @returns out
-     */
-    export function conjugate(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-
-    /**
-     * Returns a string representation of a quatenion
-     *
-     * @param vec vector to represent as a string
-     * @returns string representation of the vector
-     */
-    export function str(a: GLM.IArray): string;
-
-    /**
-     * Rotates a quaternion by the given angle about the X axis
-     *
-     * @param out quat receiving operation result
-     * @param a quat to rotate
-     * @param rad angle (in radians) to rotate
-     * @returns out
-     */
-    export function rotateX(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Rotates a quaternion by the given angle about the Y axis
-     *
-     * @param out quat receiving operation result
-     * @param a quat to rotate
-     * @param rad angle (in radians) to rotate
-     * @returns out
-     */
-    export function rotateY(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Rotates a quaternion by the given angle about the Z axis
-     *
-     * @param out quat receiving operation result
-     * @param a quat to rotate
-     * @param rad angle (in radians) to rotate
-     * @returns out
-     */
-    export function rotateZ(out: GLM.IArray, a: GLM.IArray, rad: number): GLM.IArray;
-
-    /**
-     * Creates a quaternion from the given 3x3 rotation matrix.
-     *
-     * NOTE: The resultant quaternion is not normalized, so you should be sure
-     * to renormalize the quaternion yourself where necessary.
-     *
-     * @param out the receiving quaternion
-     * @param m rotation matrix
-     * @returns out
-     * @function
-     */
-    export function fromMat3(out: GLM.IArray, m: GLM.IArray): GLM.IArray;
-
-    /**
-     * Sets the specified quaternion with values corresponding to the given
-     * axes. Each axis is a vec3 and is expected to be unit length and
-     * perpendicular to all other specified axes.
-     *
-     * @param view  the vector representing the viewing direction
-     * @param right the vector representing the local "right" direction
-     * @param up    the vector representing the local "up" direction
-     * @returns out
-     */
-    export function setAxes(out: GLM.IArray, view: GLM.IArray, right: GLM.IArray,
-        up: GLM.IArray): GLM.IArray;
-
-    /**
-     * Sets a quaternion to represent the shortest rotation from one
-     * vector to another.
-     *
-     * Both vectors are assumed to be unit length.
-     *
-     * @param out the receiving quaternion.
-     * @param a the initial vector
-     * @param b the destination vector
-     * @returns out
-     */
-    export function rotationTo(out: GLM.IArray, a: GLM.IArray, b: GLM.IArray): GLM.IArray;
-
-    /**
-     * Calculates the W component of a quat from the X, Y, and Z components.
-     * Assumes that quaternion is 1 unit in length.
-     * Any existing W component will be ignored.
-     *
-     * @param out the receiving quaternion
-     * @param a quat to calculate W component of
-     * @returns out
-     */
-    export function calculateW(out: GLM.IArray, a: GLM.IArray): GLM.IArray;
-}
diff --git a/glob-stream/glob-stream-tests.ts b/glob-stream/glob-stream-tests.ts
index 84e34dfe3e..617246799c 100644
--- a/glob-stream/glob-stream-tests.ts
+++ b/glob-stream/glob-stream-tests.ts
@@ -1,4 +1,4 @@
-import gs = require('./');
+import gs = require('glob-stream');
 
 var read: NodeJS.ReadableStream;
 
diff --git a/glob/glob-tests.ts b/glob/glob-tests.ts
index c2c17bbbb5..dcc72341cc 100644
--- a/glob/glob-tests.ts
+++ b/glob/glob-tests.ts
@@ -1,4 +1,4 @@
-import glob = require("./");
+import glob = require("glob");
 var Glob = glob.Glob;
 
 (()=> {
diff --git a/globalize/globalize-0.1.3-tests.ts b/globalize/globalize-0.1.3-tests.ts
deleted file mode 100644
index 4e3e9056ed..0000000000
--- a/globalize/globalize-0.1.3-tests.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/// <reference path="globalize-0.1.3.d.ts" />
-module Tests {
-    Globalize.culture('en-US');
-    Globalize.addCultureInfo('nb-NO', 'no', { messages: {Test: "Test"} });
-    var cult = Globalize.findClosestCulture('nb-NO');
-    var numberString = Globalize.format(1.245, 'n2');
-    var testString = Globalize.localize('Test');
-    var dateParsed = Globalize.parseDate('2016-02-03');
-    var intParsed = Globalize.parseInt('123');
-    var floatParsed = Globalize.parseFloat('12.3');
-}
\ No newline at end of file
diff --git a/globalize/globalize-0.1.3.d.ts b/globalize/globalize-0.1.3.d.ts
deleted file mode 100644
index b31a1cc092..0000000000
--- a/globalize/globalize-0.1.3.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// Type definitions for Globalize v0.1.3 (NuGet package version)
-// Project: https://github.com/jquery/globalize
-// Definitions by: Aram Taieb <https://github.com/afromogli/>
-// Definitions: https://github.com/afromogli/DefinitelyTyped
-
-interface GlobalizeStatic {
-    addCultureInfo(cultureName: string, baseCultureName: string, info: any): void;
-    findClosestCulture(name: string): any;
-    format(value: any, format: string): string;
-    format(value: any, format: string, cultureSelector: string): string;
-    localize(key: string): string;
-    localize(key: string, cultureSelector: string): string;
-    parseDate(value: any): Date;
-    parseDate(value: any, formats: any): Date;
-    parseDate(value: any, formats: any, culture: string): Date;
-    parseInt(value: any): number;
-    parseInt(value: any, radix: number): number;
-    parseInt(value: any, radix: number, cultureSelector: string): number;
-    parseFloat(value: any): number;
-    parseFloat(value: any, radix: number): number;
-    parseFloat(value: any, radix: number, cultureSelector: string): number;
-    culture(cultureSelector: string): any;
-}
-
-declare var Globalize: GlobalizeStatic;
diff --git a/google-apps-script/index.d.ts b/google-apps-script/index.d.ts
index 76a3bbec61..f80598c391 100644
--- a/google-apps-script/index.d.ts
+++ b/google-apps-script/index.d.ts
@@ -20,7 +20,7 @@
 /// <reference path="google-apps-script.language.d.ts"/>
 /// <reference path="google-apps-script.lock.d.ts"/>
 /// <reference path="google-apps-script.mail.d.ts"/>
-/// reference path="google-apps-script.maps.d.ts"/>
+/// <reference path="google-apps-script.maps.d.ts"/>
 /// <reference path="google-apps-script.optimization.d.ts"/>
 /// <reference path="google-apps-script.properties.d.ts"/>
 /// <reference path="google-apps-script.script.d.ts"/>
diff --git a/graphql-relay/graphql-relay-tests.ts b/graphql-relay/graphql-relay-tests.ts
index 1ee0b5e111..f1b18a4521 100644
--- a/graphql-relay/graphql-relay-tests.ts
+++ b/graphql-relay/graphql-relay-tests.ts
@@ -29,7 +29,7 @@ import {
     pluralIdentifyingRootField,
     // Mutations
     mutationWithClientMutationId,
-} from ".";
+} from "graphql-relay";
 // Connections
 // connectionArgs returns the arguments that fields should provide when they return a connection type that supports bidirectional pagination.
 connectionArgs.first = 10;
diff --git a/gulp-cheerio/gulp-cheerio-tests.ts b/gulp-cheerio/gulp-cheerio-tests.ts
index d31c0c51dc..464abccead 100644
--- a/gulp-cheerio/gulp-cheerio-tests.ts
+++ b/gulp-cheerio/gulp-cheerio-tests.ts
@@ -4,7 +4,7 @@
 
 import cheerio = require('gulp-cheerio');
 import gulp = require('gulp');
-import Vinyl = require('../vinyl');
+import Vinyl = require('vinyl');
 
 //
 // There are two ways to use gulp-cheerio: synchronous and asynchronous. See the following usage examples:
diff --git a/gulp-istanbul/gulp-istanbul-0.8.1.d.ts b/gulp-istanbul/gulp-istanbul-0.8.1.d.ts
deleted file mode 100644
index de6d54635c..0000000000
--- a/gulp-istanbul/gulp-istanbul-0.8.1.d.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-// Type definitions for gulp-istanbul v0.8.1
-// Project: https://github.com/SBoudrias/gulp-istanbul
-// Definitions by: Asana <https://asana.com>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="node"/>
-
-
-declare function GulpIstanbul(opts?: GulpIstanbul.Options): NodeJS.ReadWriteStream;
-
-declare namespace GulpIstanbul {
-    export function hookRequire(): NodeJS.ReadWriteStream;
-    export function summarizeCoverage(opts?: { coverageVariable?: string }): Coverage;
-    export function writeReports(opts?: ReportOptions): NodeJS.ReadWriteStream;
-
-    interface Options {
-        coverageVariable?: string;
-        includeUntested?: boolean;
-        embedSource?: boolean;
-        preserveComments?: boolean;
-        noCompact?: boolean;
-        noAutoWrap?: boolean;
-        codeGenerationOptions?: Object;
-        debug?: boolean;
-        walkDebug?: boolean;
-    }
-
-    interface Coverage {
-        lines: CoverageStats;
-        statements: CoverageStats;
-        functions: CoverageStats;
-        branches: CoverageStats;
-    }
-
-    interface CoverageStats {
-        total: number;
-        covered: number;
-        skipped: number;
-        pct: number;
-    }
-
-    interface ReportOptions {
-        dir?: string;
-        reporters?: string[];
-        reportOpts?: { dir?: string };
-        coverageVariable?: string;
-    }
-}
-
-export = GulpIstanbul;
diff --git a/gulp-tslint/gulp-tslint-tests.ts b/gulp-tslint/gulp-tslint-tests.ts
index 75c79954a9..efadfa9bb1 100644
--- a/gulp-tslint/gulp-tslint-tests.ts
+++ b/gulp-tslint/gulp-tslint-tests.ts
@@ -1,6 +1,6 @@
 import * as gulp from 'gulp';
 import * as tslint from 'gulp-tslint';
-import vinyl = require('../vinyl');
+import vinyl = require('vinyl');
 
 // Taken from gulp-tslint README https://github.com/panuhorsmalahti/gulp-tslint/blob/master/README.md
 
diff --git a/halogen/tsconfig.json b/halogen/tsconfig.json
index 1b880dc4e8..5e6c8ab8f5 100644
--- a/halogen/tsconfig.json
+++ b/halogen/tsconfig.json
@@ -15,9 +15,10 @@
         "jsx": "react"
     },
     "files": [
-        "index.d.ts"
-    ],
-    "include": [
-        "halogen-*-loader-tests.tsx"
+        "index.d.ts",
+        "halogen-clip-loader-tests.tsx",
+        "halogen-fade-loader-tests.tsx",
+        "halogen-pacman-loader-tests.tsx",
+        "halogen-rotate-loader-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/hammerjs/hammerjs-commonjs-tests.ts b/hammerjs/hammerjs-commonjs-tests.ts
deleted file mode 100644
index 5788d67906..0000000000
--- a/hammerjs/hammerjs-commonjs-tests.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-// Tests based on examples at http://hammerjs.github.io/examples/
-
-
-
-import Hammer = require("hammerjs");
-
-(() =>
-{
-  var myElement = document.getElementById( 'myElement' );
-
-  // create a simple instance
-  // by default, it only adds horizontal recognizers
-  var mc = new Hammer( myElement );
-
-  // listen to events...
-  mc.on( "panleft panright tap press", function ( ev )
-  {
-    myElement.textContent = ev.type + " gesture detected.";
-  } );
-})();
-
-
-(() =>
-{
-  var myElement = document.getElementById( 'myElement' );
-
-  // create a simple instance
-  // by default, it only adds horizontal recognizers
-  var mc = new Hammer( myElement );
-
-  // let the pan gesture support all directions.
-  // this will block the vertical scrolling on a touch-device while on the element
-  mc.get( 'pan' ).set( {direction: Hammer.DIRECTION_ALL} );
-
-  // listen to events...
-  mc.on( "panleft panright panup pandown tap press", function ( ev:HammerInput )
-  {
-    myElement.textContent = ev.type + " gesture detected.";
-  } );
-})();
-
-
-(() =>
-{
-  var myElement = document.getElementById( 'myElement' );
-
-  var mc = new Hammer.Manager( myElement );
-
-  // create a pinch and rotate recognizer
-  // these require 2 pointers
-  var pinch = new Hammer.Pinch();
-  var rotate = new Hammer.Rotate();
-
-  // we want to detect both the same time
-  pinch.recognizeWith( rotate );
-
-  // add to the Manager
-  mc.add( [pinch, rotate] );
-
-
-  mc.on( "pinch rotate", function ( ev:HammerInput )
-  {
-    myElement.textContent += ev.type + " ";
-  } );
-})();
-
-
-(() =>
-{
-  var myElement = document.getElementById( 'myElement' );
-
-  // We create a manager object, which is the same as Hammer(), but without the presetted recognizers.
-  var mc = new Hammer.Manager( myElement );
-
-  // Default, tap recognizer
-  mc.add( new Hammer.Tap() );
-
-  // Tap recognizer with minimal 4 taps
-  mc.add( new Hammer.Tap( {event: 'quadrupletap', taps: 4} ) );
-
-  // we want to recognize this simulatenous, so a quadrupletap will be detected even while a tap has been recognized.
-  // the tap event will be emitted on every tap
-  mc.get( 'quadrupletap' ).recognizeWith( 'tap' );
-
-
-  mc.on( "tap quadrupletap", function ( ev )
-  {
-    myElement.textContent += ev.type + " ";
-  } );
-})();
-
-
-(() =>
-{
-  var myElement = document.getElementById( 'myElement' );
-
-  // We create a manager object, which is the same as Hammer(), but without the presetted recognizers.
-  var mc = new Hammer.Manager( myElement );
-
-
-  // Tap recognizer with minimal 2 taps
-  mc.add( new Hammer.Tap( {event: 'doubletap', taps: 2} ) );
-  // Single tap recognizer
-  mc.add( new Hammer.Tap( {event: 'singletap'} ) );
-
-
-  // we want to recognize this simulatenous, so a quadrupletap will be detected even while a tap has been recognized.
-  mc.get( 'doubletap' ).recognizeWith( 'singletap' );
-  // we only want to trigger a tap, when we don't have detected a doubletap
-  mc.get( 'singletap' ).requireFailure( 'doubletap' );
-
-
-  mc.on( "singletap doubletap", function ( ev )
-  {
-    myElement.textContent += ev.type + " ";
-  } );
-})();
diff --git a/hammerjs/hammerjs-1.1.3-tests.ts b/hammerjs/v1/hammerjs-tests.ts
similarity index 100%
rename from hammerjs/hammerjs-1.1.3-tests.ts
rename to hammerjs/v1/hammerjs-tests.ts
diff --git a/hammerjs/hammerjs-1.1.3.d.ts b/hammerjs/v1/index.d.ts
similarity index 100%
rename from hammerjs/hammerjs-1.1.3.d.ts
rename to hammerjs/v1/index.d.ts
diff --git a/hammerjs/v1/tsconfig.json b/hammerjs/v1/tsconfig.json
new file mode 100644
index 0000000000..deecbdb055
--- /dev/null
+++ b/hammerjs/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "hammerjs": ["hammerjs/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "hammerjs-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/handlebars/handlebars-1.0.0.d.ts b/handlebars/v1/index.d.ts
similarity index 100%
rename from handlebars/handlebars-1.0.0.d.ts
rename to handlebars/v1/index.d.ts
diff --git a/handlebars/v1/tsconfig.json b/handlebars/v1/tsconfig.json
new file mode 100644
index 0000000000..0813f4e359
--- /dev/null
+++ b/handlebars/v1/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "handlebars": ["handlebars/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/hapi/hapi-tests-8.2.0.ts b/hapi/v8/hapi-tests.ts
similarity index 100%
rename from hapi/hapi-tests-8.2.0.ts
rename to hapi/v8/hapi-tests.ts
diff --git a/hapi/hapi-8.2.0.d.ts b/hapi/v8/index.d.ts
similarity index 99%
rename from hapi/hapi-8.2.0.d.ts
rename to hapi/v8/index.d.ts
index 9a9355412d..0a46c60757 100644
--- a/hapi/hapi-8.2.0.d.ts
+++ b/hapi/v8/index.d.ts
@@ -1242,7 +1242,7 @@ export declare class Request extends Events.EventEmitter {
         /** a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events.*/
         tags: string | string[],
         /** an optional message string or object with the application data being logged.*/
-        data?: string,
+        data?: any,
         /**  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).*/
         timestamp?: number): void;
     /** request.getLog([tags], [internal])
diff --git a/hapi/v8/tsconfig.json b/hapi/v8/tsconfig.json
new file mode 100644
index 0000000000..bc6ce3ca68
--- /dev/null
+++ b/hapi/v8/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "hapi": ["hapi/v8"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "hapi-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/hashmap/hashmap-commonjs-tests.ts b/hashmap/hashmap-commonjs-tests.ts
deleted file mode 100644
index 966d62593d..0000000000
--- a/hashmap/hashmap-commonjs-tests.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/// <reference path="hashmap.d.ts"/>
-
-import HashMap = require("hashmap");
-
-var emptyMap:HashMap<string, number> = new HashMap<string, number>();
-var filledMap:HashMap<string, number> = new HashMap<string, number>("bar", 123, "bar2", 234);
-var copiedMap:HashMap<string, number> = new HashMap(filledMap);
-
-emptyMap.set("foo", 123);
-emptyMap.set("foo", 123).set("foo2", 234);
-emptyMap.multi("foo3", 345, "foo4", 456).multi("foo5", 567, "foo6", "678");
-emptyMap.copy(filledMap).copy(copiedMap);
-
-var value:number = emptyMap.get("foo");
-
-var hasFoo:boolean = emptyMap.has("foo");
-
-var key:string = emptyMap.search(567);
-
-emptyMap.remove("foo").remove("foo2");
-
-var keys:string[] = emptyMap.keys();
-
-var values:number[] = emptyMap.values();
-
-var count:number = emptyMap.count();
-
-var clonedMap:HashMap<string, number> = emptyMap.clone();
-
-emptyMap
-    .forEach(function (value:number, key:string):void {
-        console.log(key);
-        console.log(value);
-    })
-    .forEach(function (value:number, key:string):void {
-        console.log("Chained");
-        console.log(key);
-        console.log(value);
-    });
-
-emptyMap.clear().set("foo", 123);
diff --git a/hashmap/hashmap-1.1-tests.ts b/hashmap/v1/hashmap-tests.ts
similarity index 90%
rename from hashmap/hashmap-1.1-tests.ts
rename to hashmap/v1/hashmap-tests.ts
index a3e7fcced3..e4dc5df0c6 100644
--- a/hashmap/hashmap-1.1-tests.ts
+++ b/hashmap/v1/hashmap-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="hashmap-1.1.d.ts"/>
-
 var map : HashMap<string, number> = new HashMap<string, number>();
 
 map.set("foo", 123);
diff --git a/hashmap/hashmap-1.1.d.ts b/hashmap/v1/index.d.ts
similarity index 100%
rename from hashmap/hashmap-1.1.d.ts
rename to hashmap/v1/index.d.ts
diff --git a/hashmap/v1/tsconfig.json b/hashmap/v1/tsconfig.json
new file mode 100644
index 0000000000..daf32660fb
--- /dev/null
+++ b/hashmap/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "hashmap": ["hashmap/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "hashmap-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/helmet/helmet-tests.ts b/helmet/helmet-tests.ts
index 2a2c6e3126..1968c8f848 100644
--- a/helmet/helmet-tests.ts
+++ b/helmet/helmet-tests.ts
@@ -1,6 +1,6 @@
 
 
-import express = require("../express")
+import express = require("express")
 import helmet = require("helmet");
 
 var app = express();
diff --git a/highlight.js/highlightjs-7.5.0.d.ts b/highlight.js/v7/index.d.ts
similarity index 100%
rename from highlight.js/highlightjs-7.5.0.d.ts
rename to highlight.js/v7/index.d.ts
diff --git a/highlight.js/v7/tsconfig.json b/highlight.js/v7/tsconfig.json
new file mode 100644
index 0000000000..8954865798
--- /dev/null
+++ b/highlight.js/v7/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "highlight.js": ["highlight.js/v7"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/html-to-text/h2t-test.html b/html-to-text/h2t-test.html
deleted file mode 100644
index 1a3cafdf6a..0000000000
--- a/html-to-text/h2t-test.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset='utf-8'>
-    <script>
-      function myFunction {
-      document.getElementById("demo").innerHTML = "Hello JavaScript!";
-      }
-    </script>
-  </head>
-  <body>
-    <p>
-      <b>bold</b>
-    </p>
-    <p>
-      <i>italic</i>
-    </p>
-  </body>
-</html>
-
-    
diff --git a/i18n/i18n-node-tests.ts b/i18n/i18n-node-tests.ts
index d649938858..dc87c60a28 100644
--- a/i18n/i18n-node-tests.ts
+++ b/i18n/i18n-node-tests.ts
@@ -1,6 +1,6 @@
-/**  
- * Test suite created by Maxime LUCE <https://github.com/SomaticIT>  
- *   
+/**
+ * Test suite created by Maxime LUCE <https://github.com/SomaticIT>
+ *
  * Created by using code samples from https://github.com/mashpie/i18n-node.
  */
 
@@ -8,7 +8,7 @@
 
 
 
-import express = require("../express");
+import express = require("express");
 import i18n = require("i18n");
 
 var app = express();
diff --git a/i18next/i18next-2.0.17.d.ts b/i18next/i18next-2.0.17.d.ts
deleted file mode 100644
index a5a82f953b..0000000000
--- a/i18next/i18next-2.0.17.d.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-// Type definitions for i18next v2.0.17
-// Project: http://i18next.com
-// Definitions by: Maarten Docter <https://github.com/mdocter>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// Sources: https://github.com/jamuhl/i18next/
-
-/// <reference types="jquery" />
-
-declare namespace I18next {
-    export interface I18nextStatic {}
-    export interface I18nextOptions {}
-}
-
-interface IResourceStore {
-    [language: string]: IResourceStoreLanguage;
-}
-interface IResourceStoreLanguage {
-    [namespace: string]: IResourceStoreKey;
-}
-interface IResourceStoreKey {
-    [key: string]: any;
-}
-
-interface I18nTranslateOptions extends I18nextOptions {
-    defaultValue?: any; // normally a string
-    // NOTE https://github.com/DefinitelyTyped/DefinitelyTyped/pull/5590
-    toAdd?: any;
-    child?: any;
-    sprintf?: any;
-    count?: any;
-    context?: any;
-}
-
-interface I18nextOptions extends I18next.I18nextOptions {
-    lng?: string;                           // Default value: undefined
-    load?: string;                          // Default value: 'all'
-    preload?: string[];                     // Default value: []
-    lowerCaseLng?: boolean;                    // Default value: false
-    returnObjectTrees?: boolean;               // Default value: false
-    fallbackLng?: string|boolean;           // Default value: 'dev'
-    detectLngQS?: string;                   // Default value: 'setLng'
-    ns?: any;                               // Default value: 'translation' (string), can also be an object
-    nsseparator?: string;                   // Default value: '::'
-    keyseparator?: string;                  // Default value: '.'
-    selectorAttr?: string;                  // Default value: 'data-i18n'
-    debug?: boolean;                           // Default value: false
-
-    resGetPath?: string;                    // Default value: 'locales/__lng__/__ns__.json'
-    resPostPath?: string;                   // Default value: 'locales/add/__lng__/__ns__'
-
-    getAsync?: boolean;                        // Default value: true
-    postAsync?: boolean;                       // Default value: true
-
-    resStore?: IResourceStore;              // Default value: undefined
-    useLocalStorage?: boolean;                 // Default value: false
-    localStorageExpirationTime?: number;    // Default value: 7 * 24 * 60 * 60 * 1000 (in ms default one week)
-
-    dynamicLoad?: boolean;                     // Default value: false
-    sendMissing?: boolean;                     // Default value: false
-    sendMissingTo?: string;                 // Default value: 'fallback'. Other options are: current | all
-    sendType?: string;                      // Default value: 'POST'
-
-    interpolationPrefix?: string;           // Default value: '__'
-    interpolationSuffix?: string;           // Default value: '__'
-    reusePrefix?: string;                   // Default value: '$t('
-    reuseSuffix?: string;                   // Default value: ')'
-    pluralSuffix?: string;                  // Default value: '_plural'
-    pluralNotFound?: string;                // Default value: ['plural_not_found' Math.random()].join( '' )
-    contextNotFound?: string;               // Default value: ['context_not_found' Math.random()].join( '' )
-
-    setJqueryExt?: boolean;                    // Default value: true
-    defaultValueFromContent?: boolean;         // Default value: true
-    useDataAttrOptions?: boolean;              // Default value: false
-    cookieExpirationTime?: number;          // Default value: undefined
-    useCookie?: boolean;                       // Default value: true
-    cookieName?: string;                    // Default value: 'i18next'
-
-    postProcess?: string;                   // Default value: undefined
-
-    // NOTE https://github.com/DefinitelyTyped/DefinitelyTyped/pull/5590
-    replace?: any;
-}
-
-interface I18nextStatic extends I18next.I18nextStatic {
-
-    addPostProcessor(name: string, fn: (value: any, key: string, options: any) => string): void;
-    addResources(language: string, namespace: string, resources: IResourceStoreKey): void;
-    detectLanguage(): string;
-    functions: {
-        extend(target: any, ...objs: any[]): Object;
-        extend(deep: boolean, target: any, ...objs: any[]): Object;
-        each(collection: any, callback: (indexInArray: any, valueOfElement: any) => any): any;
-        ajax(settings: JQueryAjaxSettings): JQueryXHR;
-        ajax(url: string, settings?: JQueryAjaxSettings): JQueryXHR;
-        cookie: {
-            create: (name: string, value: string, minutes: number) => void;
-            read: (name: string) => string;
-            remove: (name: string) => void;
-        };
-        detectLanguage(): string;
-        log(message: string): void;
-        toLanguages(language: string): string[];
-        regexEscape(str: string): string;
-    };
-    init(callback?: (err: any, t: (key: string, options?: any) => string) => void ): JQueryDeferred<any>;
-    init(options?: I18nextOptions, callback?: (err: any, t: (key: string, options?: any) => string) => void ): JQueryDeferred<any>;
-    lng(): string;
-    loadNamespace(namespace: string, callback?: () => void ): void;
-    loadNamespaces(namespaces: string[], callback?: () => void ): void;
-    pluralExtensions: {
-        addRule(language: string, obj: {
-            name: string;
-            numbers: number[];
-            plurals: (n: number) => number;
-        }): void;
-        get (language: string, count: number): number;
-        rules: any;
-        setCurrentLng: (language: string) => void;
-    };
-    preload(language: string, callback?: (err: any, t: (key: string, options?: any) => string) => void ): void;
-    preload(languages: string[], callback?: (err: any, t: (key: string, options?: any) => string) => void ): void;
-    setDefaultNamespace(namespace: string): void;
-    setLng(language: string, callback?: (err: any, t: (key: string, options?: any) => string) => void ): void;
-    sync: {
-        load: (languages: string[], options: I18nextOptions, callback: (err: Error, store: IResourceStore) => void ) => void;
-        postMissing: (language: string, namespace: string, key: string, defaultValue: any, languages: string[]) => void;
-    };
-    t(key: string, options?: I18nTranslateOptions): string;
-    translate(key: string, options?: I18nTranslateOptions): string;
-    exists(key: string, options?: any): boolean;
-    use(module: any): I18nextStatic;
-}
-
-// jQuery extensions
-interface JQueryStatic {
-    i18n: I18nextStatic;
-    t: (key: string, options?: any) => string;
-}
-
-interface JQuery {
-    /*  Note: options are same options as used by the translate function. Alternatively by
-        setting init option or translation option 'useDataAttrOptions = true' the Options
-        for translation will be read and cached in the elements data-i18n-options attribute.
-    */
-    i18n: (options?: I18nextOptions) => void;
-}
-
-declare var i18n: I18nextStatic;
-
-declare module 'i18next' {
-    export = i18n;
-}
-
-declare module 'i18next-client' {
-    export = i18n;
-}
diff --git a/i18next/i18next-tests-2.0.17.ts b/i18next/i18next-tests-2.0.17.ts
deleted file mode 100644
index 1333bda1b5..0000000000
--- a/i18next/i18next-tests-2.0.17.ts
+++ /dev/null
@@ -1,1379 +0,0 @@
-/// <reference types="sinon" />
-/// <reference types="mocha" />
-/// <reference types="expect.js" />
-/// <reference types="fixtures" />
-/// <reference types="jquery" />
-
-
-declare function done(): void;
-
-describe('i18next', function () {
-
-    var i18n = $.i18n
-      , opts: I18nextOptions;
-
-    beforeEach(function () {
-        opts = {
-            lng: 'en-US',
-            load: 'all',
-            fallbackLng: 'dev',
-            preload: [],
-            lowerCaseLng: false,
-            ns: 'translation',
-            resGetPath: 'locales/__lng__/__ns__.json',
-            dynamicLoad: false,
-            useLocalStorage: false,
-            sendMissing: false,
-            getAsync: true,
-            returnObjectTrees: false,
-            debug: true,
-            selectorAttr: 'data-i18n',
-            postProcess: '',
-            interpolationPrefix: '__',
-            interpolationSuffix: '__'
-        };
-    });
-
-
-    describe('Initialisation', function () {
-
-        describe('with passed in resource set', function () {
-
-            var resStore = {
-                dev: { translation: { 'simple_dev': 'ok_from_dev' } },
-                en: { translation: { 'simple_en': 'ok_from_en' } },
-                'en-US': { translation: { 'simple_en-US': 'ok_from_en-US' } }
-            };
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, { resStore: resStore }),
-                  function (t) { done(); });
-            });
-
-            it('it should provide passed in resources for translation', function () {
-                expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                expect(i18n.t('simple_en')).to.be('ok_from_en');
-                expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-            });
-
-        });
-
-        describe('loading from server', function () {
-
-            describe('with static route', function () {
-
-                beforeEach(function (done) {
-                    i18n.init(opts, function (t) { done(); });
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect(i18n.t('simple_en')).to.be('ok_from_en');
-                    expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-            describe('with dynamic route', function () {
-
-                beforeEach(function (done) {
-
-                    var res = {
-                        dev: { translation: { 'simple_dev': 'ok_from_dev' } },
-                        en: { translation: { 'simple_en': 'ok_from_en' } },
-                        'en-US': { translation: { 'simple_en-US': 'ok_from_en-US' } }
-                    };
-
-                    var server = sinon.fakeServer.create();
-                    server.autoRespond = true;
-
-                    server.respondWith(<any[]>[200, { "Content-Type": "application/json" }, JSON.stringify(res)]);
-
-                    i18n.init($.extend(opts, {
-                        resGetPath: 'locales/resources.json?lng=__lng__&ns=__ns__',
-                        dynamicLoad: true
-                    }),
-                      function (t) { server.restore(); done(); });
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect(i18n.t('simple_en')).to.be('ok_from_en');
-                    expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-        });
-
-        describe('advanced initialisation options', function () {
-
-            describe('setting load', function () {
-
-                describe('to current', function () {
-
-                    var spy: any;
-
-                    beforeEach(function (done) {
-                        spy = sinon.spy(i18n.sync, '_fetchOne');
-                        i18n.init($.extend(opts, {
-                            load: 'current'
-                        }),
-                          function (t) { done(); });
-                    });
-
-                    afterEach(function () {
-                        spy.restore();
-                    });
-
-                    it('it should load only current and fallback language', function () {
-                        expect(spy.callCount).to.be(2); // en-US, en
-                    });
-
-                    it('it should provide loaded resources for translation', function () {
-                        expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                        expect(i18n.t('simple_en')).not.to.be('ok_from_en');
-                        expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-                    });
-
-                });
-
-                describe('to unspecific', function () {
-
-                    var spy: any;
-
-                    beforeEach(function (done) {
-                        spy = sinon.spy(i18n.sync, '_fetchOne');
-                        i18n.init($.extend(opts, {
-                            load: 'unspecific'
-                        }),
-                          function (t) { done(); });
-                    });
-
-                    afterEach(function () {
-                        spy.restore();
-                    });
-
-                    it('it should load only unspecific and fallback language', function () {
-                        expect(spy.callCount).to.be(2); // en-US, en
-                    });
-
-                    it('it should provide loaded resources for translation', function () {
-                        expect(i18n.t('simple_en-US')).not.to.be('ok_from_en-US');
-                        expect(i18n.t('simple_en')).to.be('ok_from_en');
-                        expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-                    });
-
-                    it('it should return unspecific language', function () {
-                        expect(i18n.lng()).to.be('en');
-                    });
-
-                });
-
-            });
-
-            describe('with fallback language set to false', function () {
-
-                var spy: any;
-
-                beforeEach(function (done) {
-                    spy = sinon.spy(i18n.sync, '_fetchOne');
-                    i18n.init($.extend(opts, {
-                        fallbackLng: false
-                    }),
-                      function (t) { done(); });
-                });
-
-                afterEach(function () {
-                    spy.restore();
-                });
-
-                it('it should load only specific and unspecific languages', function () {
-                    expect(spy.callCount).to.be(2); // en-US, en
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect(i18n.t('simple_en')).to.be('ok_from_en');
-                    expect(i18n.t('simple_dev')).not.to.be('ok_from_dev');
-                });
-
-            });
-
-            describe('preloading multiple languages', function () {
-
-                var spy: any;
-
-                beforeEach(function (done) {
-                    spy = sinon.spy(i18n.sync, '_fetchOne');
-                    i18n.init($.extend(opts, {
-                        preload: ['fr', 'de-DE']
-                    }),
-                      function (t) { done(); });
-                });
-
-                afterEach(function () {
-                    spy.restore();
-                });
-
-                it('it should load additional languages', function () {
-                    expect(spy.callCount).to.be(6); // en-US, en, de-DE, de, fr, dev
-                });
-
-                describe('changing the language', function () {
-
-                    beforeEach(function (done) {
-                        spy.reset();
-                        i18n.setLng('de-DE',
-                          function (t) { done(); });
-                    });
-
-                    it('it should reload the preloaded languages', function () {
-                        expect(spy.callCount).to.be(4); // de-DE, de, fr, dev
-                    });
-
-                });
-
-            });
-
-            describe('with synchronous flag', function () {
-
-                beforeEach(function () {
-                    i18n.init($.extend(opts, { getAsync: false }));
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect(i18n.t('simple_en')).to.be('ok_from_en');
-                    expect(i18n.t('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-            describe('with namespace', function () {
-
-                describe('with one namespace set', function () {
-
-                    beforeEach(function (done) {
-                        i18n.init($.extend(opts, { ns: 'ns.special' }),
-                          function (t) { done(); });
-                    });
-
-                    it('it should provide loaded resources for translation', function () {
-                        expect(i18n.t('simple_en-US')).to.be('ok_from_special_en-US');
-                        expect(i18n.t('simple_en')).to.be('ok_from_special_en');
-                        expect(i18n.t('simple_dev')).to.be('ok_from_special_dev');
-                    });
-
-                });
-
-                describe('with more than one namespace set', function () {
-
-                    beforeEach(function (done) {
-                        i18n.init($.extend(opts, { ns: { namespaces: ['ns.common', 'ns.special'], defaultNs: 'ns.special' } }),
-                          function (t) { done(); });
-                    });
-
-                    it('it should provide loaded resources for translation', function () {
-                        // default ns
-                        expect(i18n.t('simple_en-US')).to.be('ok_from_special_en-US');
-                        expect(i18n.t('simple_en')).to.be('ok_from_special_en');
-                        expect(i18n.t('simple_dev')).to.be('ok_from_special_dev');
-
-                        // ns prefix
-                        expect(i18n.t('ns.common:simple_en-US')).to.be('ok_from_common_en-US');
-                        expect(i18n.t('ns.common:simple_en')).to.be('ok_from_common_en');
-                        expect(i18n.t('ns.common:simple_dev')).to.be('ok_from_common_dev');
-
-                        // ns in options
-                        expect(i18n.t('simple_en-US', { ns: 'ns.common' })).to.be('ok_from_common_en-US');
-                        expect(i18n.t('simple_en', { ns: 'ns.common' })).to.be('ok_from_common_en');
-                        expect(i18n.t('simple_dev', { ns: 'ns.common' })).to.be('ok_from_common_dev');
-                    });
-
-                });
-
-                describe('with reloading additional namespace', function () {
-
-                    describe('without using localStorage', function () {
-                        beforeEach(function (done) {
-                            i18n.init(opts,
-                              function (t) {
-                                  i18n.setDefaultNamespace('ns.special');
-                                  i18n.loadNamespaces(['ns.common', 'ns.special'], done);
-                              });
-                        });
-
-                        it('it should provide loaded resources for translation', function () {
-                            // default ns
-                            expect(i18n.t('simple_en-US')).to.be('ok_from_special_en-US');
-                            expect(i18n.t('simple_en')).to.be('ok_from_special_en');
-                            expect(i18n.t('simple_dev')).to.be('ok_from_special_dev');
-
-                            // ns prefix
-                            expect(i18n.t('ns.common:simple_en-US')).to.be('ok_from_common_en-US');
-                            expect(i18n.t('ns.common:simple_en')).to.be('ok_from_common_en');
-                            expect(i18n.t('ns.common:simple_dev')).to.be('ok_from_common_dev');
-
-                            // ns in options
-                            expect(i18n.t('simple_en-US', { ns: 'ns.common' })).to.be('ok_from_common_en-US');
-                            expect(i18n.t('simple_en', { ns: 'ns.common' })).to.be('ok_from_common_en');
-                            expect(i18n.t('simple_dev', { ns: 'ns.common' })).to.be('ok_from_common_dev');
-                        });
-
-                    });
-
-                    describe('with using localStorage', function () {
-
-                        var spy: any;
-
-                        before(function () {
-                            window.localStorage.removeItem('res_en-US');
-                            window.localStorage.removeItem('res_en');
-                            window.localStorage.removeItem('res_dev');
-                        });
-
-                        beforeEach(function (done) {
-                            spy = sinon.spy(i18n.sync, '_fetchOne');
-                            i18n.init($.extend(opts, {
-                                useLocalStorage: true
-                            }), function (t) {
-                                i18n.setDefaultNamespace('ns.special');
-                                i18n.loadNamespaces(['ns.common', 'ns.special'], done);
-                            });
-                        });
-
-                        afterEach(function () {
-                            spy.restore();
-                        });
-
-                        it('it should load language', function () {
-                            expect(spy.callCount).to.be(9); // en-US, en, de-DE, de, fr, dev * 3 namespaces (translate, common, special)
-                        });
-
-                        describe('on later reload of namespaces', function () {
-
-                            beforeEach(function (done) {
-                                spy.reset();
-                                i18n.init($.extend(opts, {
-                                    useLocalStorage: true,
-                                    ns: 'translation'
-                                }), function (t) {
-                                    i18n.setDefaultNamespace('ns.special');
-                                    i18n.loadNamespaces(['ns.common', 'ns.special'], done);
-                                });
-                            });
-
-                            it('it should not reload language', function () {
-                                expect(spy.callCount).to.be(0);
-                            });
-
-                        });
-
-                    });
-
-                });
-
-            });
-
-            describe('using function provided in callback\'s argument', function () {
-
-                var cbT: any;
-
-                beforeEach(function (done) {
-                    i18n.init(opts, function (t) { cbT = t; done(); });
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect(cbT('simple_en-US')).to.be('ok_from_en-US');
-                    expect(cbT('simple_en')).to.be('ok_from_en');
-                    expect(cbT('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-            describe('using localStorage', function () {
-
-                var spy: any;
-
-                before(function () {
-                    window.localStorage.removeItem('res_en-US');
-                    window.localStorage.removeItem('res_en');
-                    window.localStorage.removeItem('res_dev');
-                });
-
-                beforeEach(function (done) {
-                    spy = sinon.spy(i18n.sync, '_fetchOne');
-                    i18n.init($.extend(opts, {
-                        useLocalStorage: true
-                    }), function (t) { done(); });
-                });
-
-                afterEach(function () {
-                    spy.restore();
-                });
-
-                it('it should load language', function () {
-                    expect(spy.callCount).to.be(3); // en-US, en, de-DE, de, fr, dev
-                });
-
-                describe('on later init', function () {
-
-                    beforeEach(function (done) {
-                        spy.reset();
-                        i18n.init(function (t) { done(); });
-                    });
-
-                    it('it should not reload language', function () {
-                        expect(spy.callCount).to.be(0); // de-DE, de, fr, dev
-                    });
-
-                    describe('on later init - after caching duration', function () {
-
-                        beforeEach(function (done) {
-                            spy.reset();
-
-                            // exipred
-                            var local = window.localStorage.getItem('res_en-US');
-                            local = JSON.parse(local);
-                            local.i18nStamp = 0;
-                            window.localStorage.setItem('res_en-US', JSON.stringify(local));
-
-                            i18n.init(function (t) { done(); });
-                        });
-
-                        it('it should reload language', function () {
-                            expect(spy.callCount).to.be(1); // de-DE, de, fr, dev
-                        });
-
-                    });
-
-                });
-
-            });
-
-            describe('with lowercase flag', function () {
-
-                describe('default behaviour will uppercase specifc country part.', function () {
-
-                    beforeEach(function () {
-                        i18n.init($.extend(opts, {
-                            lng: 'en-us',
-                            resStore: {
-                                'en-US': { translation: { 'simple_en-US': 'ok_from_en-US' } }
-                            }
-                        }, function (t: any) { done(); }));
-                    });
-
-                    it('it should translate the uppercased lng value', function () {
-                        expect(i18n.t('simple_en-US')).to.be('ok_from_en-US');
-                    });
-
-                    it('it should get uppercased set language', function () {
-                        expect(i18n.lng()).to.be('en-US');
-                    });
-
-                });
-
-                describe('overridden behaviour will accept lowercased country part.', function () {
-
-                    beforeEach(function () {
-                        i18n.init($.extend(opts, {
-                            lng: 'en-us',
-                            lowerCaseLng: true,
-                            resStore: {
-                                'en-us': { translation: { 'simple_en-us': 'ok_from_en-us' } }
-                            }
-                        }, function (t: any) { done(); }));
-                    });
-
-                    it('it should translate the lowercase lng value', function () {
-                        expect(i18n.t('simple_en-us')).to.be('ok_from_en-us');
-                    });
-
-                    it('it should get lowercased set language', function () {
-                        expect(i18n.lng()).to.be('en-us');
-                    });
-
-                });
-
-            });
-
-        });
-
-    });
-    describe('basic functionality', function () {
-
-        describe('setting language', function () {
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, {
-                    resStore: {
-                        'en-US': { translation: { 'simpleTest': 'ok_from_en-US' } },
-                        'de-DE': { translation: { 'simpleTest': 'ok_from_de-DE' } }
-                    }
-                }), function (t) { done(); });
-            });
-
-            it('it should provide resources for set language', function (done) {
-                expect(i18n.t('simpleTest')).to.be('ok_from_en-US');
-
-                i18n.setLng('de-DE', function (t) {
-                    expect(t('simpleTest')).to.be('ok_from_de-DE');
-                    done();
-                });
-
-            });
-
-        });
-
-        describe('preloading multiple languages', function () {
-
-            var spy: any;
-
-            beforeEach(function (done) {
-                spy = sinon.spy(i18n.sync, '_fetchOne');
-                i18n.init(opts, function (t) { done(); });
-            });
-
-            afterEach(function () {
-                spy.restore();
-            });
-
-            it('it should preload resources for languages', function (done) {
-                spy.reset();
-                i18n.preload('de-DE', function (t) {
-                    expect(spy.callCount).to.be(5); // en-US, en, de-DE, de, dev
-                    done();
-                });
-
-            });
-
-        });
-
-        describe('postprocessing tranlation', function () {
-
-            describe('having a postprocessor', function () {
-
-                before(function () {
-                    i18n.addPostProcessor('myProcessor', function (val, key, opts) {
-                        return 'ok_from_postprocessor';
-                    });
-                });
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, {
-                        resStore: {
-                            'en-US': { translation: { 'simpleTest': 'ok_from_en-US' } },
-                            'de-DE': { translation: { 'simpleTest': 'ok_from_de-DE' } }
-                        }
-                    }), function (t) { done(); });
-                });
-
-                it('it should postprocess the translation by passing in postProcess name to t function', function () {
-                    expect(i18n.t('simpleTest', { postProcess: 'myProcessor' })).to.be('ok_from_postprocessor');
-                });
-
-                describe('or setting it as default on init', function () {
-
-                    beforeEach(function (done) {
-                        i18n.init($.extend(opts, {
-                            resStore: {
-                                'en-US': { translation: { 'simpleTest': 'ok_from_en-US' } },
-                                'de-DE': { translation: { 'simpleTest': 'ok_from_de-DE' } }
-                            },
-                            postProcess: 'myProcessor'
-                        }), function (t) { done(); });
-                    });
-
-                    it('it should postprocess the translation by default', function () {
-                        expect(i18n.t('simpleTest')).to.be('ok_from_postprocessor');
-                    });
-
-                });
-
-            });
-
-        });
-
-        describe('post missing resources', function () {
-
-            describe('to fallback', function () {
-                var server: any, stub: any;
-
-                beforeEach(function (done) {
-                    server = sinon.fakeServer.create();
-                    stub = sinon.stub(i18n.functions, "ajax");
-
-                    server.respondWith(<any[]>[200, { "Content-Type": "text/html", "Content-Length": 2 }, "OK"]);
-
-                    i18n.init($.extend(opts, {
-                        sendMissing: true,
-                        resStore: {
-                            'en-US': { translation: {} },
-                            'en': { translation: {} },
-                            'dev': { translation: {} }
-                        }
-                    }), function (t) { done(); });
-                });
-
-                afterEach(function () {
-                    server.restore();
-                    stub.restore();
-                });
-
-                it('it should post missing resource to server', function () {
-                    i18n.t('missing');
-                    server.respond();
-                    expect(stub.calledOnce).to.be(true);
-                });
-
-            });
-
-            describe('to all', function () {
-                var server: any, stub: any;
-
-                beforeEach(function (done) {
-                    server = sinon.fakeServer.create();
-                    stub = sinon.stub(i18n.functions, "ajax");
-
-                    server.respondWith(<any[]>[200, { "Content-Type": "text/html", "Content-Length": 2 }, "OK"]);
-
-                    i18n.init($.extend(opts, {
-                        sendMissing: true,
-                        sendMissingTo: 'all',
-                        resStore: {
-                            'en-US': { translation: {} },
-                            'en': { translation: {} },
-                            'dev': { translation: {} }
-                        }
-                    }), function (t) { done(); });
-                });
-
-                afterEach(function () {
-                    server.restore();
-                    stub.restore();
-                });
-
-                it('it should post missing resource for all lng to server', function () {
-                    i18n.t('missing');
-                    server.respond();
-                    expect(stub.calledThrice).to.be(true);
-                });
-
-            });
-
-        });
-
-        describe('adding resources after initialisation', function () {
-
-            var frResource = <IResourceStoreKey>{ 'simple_fr': 'ok_from_fr' };
-            var enResource = <IResourceStoreKey>{ 'simple_en': 'ok_from_en' };
-
-            beforeEach(function (done) {
-                i18n.init({ resStore: {} },
-                  function (t) { done(); });
-            });
-
-            it('it should use resources for translation added after initialisation', function () {
-                i18n.addResources('fr', 'translation', frResource);
-                i18n.addResources('en', 'translation', enResource);
-                expect(i18n.t('simple_fr', { lng: 'fr' })).to.be('ok_from_fr');
-                expect(i18n.t('simple_en', { lng: 'en' })).to.be('ok_from_en');
-            });
-
-        });
-    });
-    describe('translation functionality', function () {
-
-        describe('key with empty string value as valid option', function () {
-            var resStore = {
-                dev: { translation: { empty: '' } },
-                en: { translation: {} },
-                'en-US': { translation: {} }
-            };
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, { resStore: resStore }),
-                    function (t) { done(); });
-            });
-
-            it('it should translate correctly', function () {
-                expect(i18n.t('empty')).to.be('');
-            });
-        });
-
-        describe('exists functionality', function () {
-            var resStore = {
-                dev: { translation: { empty: '' } },
-                en: { translation: {} },
-                'en-US': { translation: {} }
-            };
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, { resStore: resStore }),
-                    function (t) { done(); });
-            });
-
-            it('it should be able to test if a key exists', function () {
-                expect(i18n.exists('empty')).to.be(false);
-            });
-        });
-
-        describe('resource string as array', function () {
-            var resStore = {
-                dev: { translation: { testarray: ["title", "text"] } },
-                en: { translation: {} },
-                'en-US': { translation: {} }
-            };
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, { resStore: resStore }),
-                  function (t) { done(); });
-            });
-
-            it('it should translate nested value', function () {
-                expect(i18n.t('testarray')).to.be('title\ntext');
-            });
-        });
-
-        describe('accessing nested values', function () {
-
-            beforeEach(function (done) {
-                i18n.init(opts, function (t) { done(); });
-            });
-
-            it('it should return nested string', function () {
-                expect(i18n.t('test.simple_en-US')).to.be('ok_from_en-US');
-            });
-
-            it('it should not fail silently on accessing a objectTree', function () {
-                expect(i18n.t('test')).to.be('key \'translation:test (en-US)\' returned a object instead of string.');
-            });
-
-            describe('optional return an objectTree for UI components,...', function () {
-
-                describe('with init flag', function () {
-
-                    var resStore = {
-                        dev: { translation: {} },
-                        en: { translation: {} },
-                        'en-US': {
-                            translation: {
-                                test: { res: 'added __replace__' }
-                            }
-                        }
-                    };
-
-                    beforeEach(function (done) {
-                        i18n.init($.extend(opts, {
-                            returnObjectTrees: true,
-                            resStore: resStore
-                        }
-                          ), function (t) { done(); });
-                    });
-
-                    it('it should return objectTree applying options', function () {
-                        expect(i18n.t('test', { replace: 'two' })).to.eql({ 'res': 'added two' });
-                    });
-
-                });
-
-                describe('with flag in options', function () {
-
-                    beforeEach(function (done) {
-                        i18n.init($.extend(opts, { returnObjectTrees: false }),
-                          function (t) { done(); });
-                    });
-
-                    it('it should return objectTree', function () {
-                        expect(i18n.t('test', { returnObjectTrees: true })).to.eql({ 'simple_en-US': 'ok_from_en-US' });
-                    });
-
-                });
-
-            });
-
-        });
-
-        describe('resource nesting', function () {
-            var resStore = {
-                dev: { translation: { nesting1: '1 $t(nesting2)' } },
-                en: { translation: { nesting2: '2 $t(nesting3)' } },
-                'en-US': { translation: { nesting3: '3' } }
-            };
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, { resStore: resStore }),
-                  function (t) { done(); });
-            });
-
-            it('it should translate nested value', function () {
-                expect(i18n.t('nesting1')).to.be('1 2 3');
-            });
-
-            it('it should apply nested value on defaultValue', function () {
-                expect(i18n.t('nesting_default', { defaultValue: '0 $t(nesting1)' })).to.be('0 1 2 3');
-            });
-        });
-
-        describe('interpolation - replacing values inside a string', function () {
-
-            describe('default i18next way', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': {
-                        translation: {
-                            interpolationTest1: 'added __toAdd__',
-                            interpolationTest2: 'added __toAdd__ __toAdd__ twice',
-                            interpolationTest3: 'added __child.one__ __child.two__',
-                            interpolationTest4: 'added __child.grandChild.three__'
-                        }
-                    }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should replace passed in key/values', function () {
-                    expect(i18n.t('interpolationTest1', { toAdd: 'something' })).to.be('added something');
-                    expect(i18n.t('interpolationTest2', { toAdd: 'something' })).to.be('added something something twice');
-                    expect(i18n.t('interpolationTest3', { child: { one: '1', two: '2' } })).to.be('added 1 2');
-                    expect(i18n.t('interpolationTest4', { child: { grandChild: { three: '3' } } })).to.be('added 3');
-                });
-
-                it('it should replace passed in key/values on defaultValue', function () {
-                    expect(i18n.t('interpolationTest5', { defaultValue: 'added __toAdd__', toAdd: 'something' })).to.be('added something');
-                });
-
-            });
-
-            describe('default i18next way - different prefix/suffix', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': {
-                        translation: {
-                            interpolationTest1: 'added *toAdd*',
-                            interpolationTest2: 'added *toAdd* *toAdd* twice',
-                            interpolationTest3: 'added *child.one* *child.two*',
-                            interpolationTest4: 'added *child.grandChild.three*'
-                        }
-                    }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, {
-                        resStore: resStore,
-                        interpolationPrefix: '*',
-                        interpolationSuffix: '*'
-                    }), function (t) { done(); });
-                });
-
-                it('it should replace passed in key/values', function () {
-                    expect(i18n.t('interpolationTest1', { toAdd: 'something' })).to.be('added something');
-                    expect(i18n.t('interpolationTest2', { toAdd: 'something' })).to.be('added something something twice');
-                    expect(i18n.t('interpolationTest3', { child: { one: '1', two: '2' } })).to.be('added 1 2');
-                    expect(i18n.t('interpolationTest4', { child: { grandChild: { three: '3' } } })).to.be('added 3');
-                });
-
-                it('it should replace passed in key/values on defaultValue', function () {
-                    expect(i18n.t('interpolationTest5', { defaultValue: 'added *toAdd*', toAdd: 'something' })).to.be('added something');
-                });
-
-            });
-
-            describe('using sprintf', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': {
-                        translation: {
-                            interpolationTest1: 'The first 4 letters of the english alphabet are: %s, %s, %s and %s',
-                            interpolationTest2: 'Hello %(users[0].name)s, %(users[1].name)s and %(users[2].name)s'
-                        }
-                    }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should replace passed in key/values', function () {
-                    expect(i18n.t('interpolationTest1', { postProcess: 'sprintf', sprintf: ['a', 'b', 'c', 'd'] })).to.be('The first 4 letters of the english alphabet are: a, b, c and d');
-                    expect(i18n.t('interpolationTest2', { postProcess: 'sprintf', sprintf: { users: [{ name: 'Dolly' }, { name: 'Molly' }, { name: 'Polly' }] } })).to.be('Hello Dolly, Molly and Polly');
-                });
-
-            });
-
-        });
-
-        describe('plural usage', function () {
-
-            describe('basic usage - singular and plural form', function () {
-                var resStore = {
-                    dev: {
-                        'ns.2': {
-                            pluralTest: 'singular from ns.2',
-                            pluralTest_plural: 'plural from ns.2',
-                            pluralTestWithCount: '__count__ item from ns.2',
-                            pluralTestWithCount_plural: '__count__ items from ns.2'
-                        }
-                    },
-                    en: {},
-                    'en-US': {
-                        'ns.1': {
-                            pluralTest: 'singular',
-                            pluralTest_plural: 'plural',
-                            pluralTestWithCount: '__count__ item',
-                            pluralTestWithCount_plural: '__count__ items'
-                        }
-                    }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, {
-                        resStore: resStore,
-                        ns: { namespaces: ['ns.1', 'ns.2'], defaultNs: 'ns.1' }
-                    }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct plural or singular form', function () {
-                    expect(i18n.t('pluralTest', { count: 0 })).to.be('plural');
-                    expect(i18n.t('pluralTest', { count: 1 })).to.be('singular');
-                    expect(i18n.t('pluralTest', { count: 2 })).to.be('plural');
-                    expect(i18n.t('pluralTest', { count: 7 })).to.be('plural');
-
-                    expect(i18n.t('pluralTestWithCount', { count: 0 })).to.be('0 items');
-                    expect(i18n.t('pluralTestWithCount', { count: 1 })).to.be('1 item');
-                    expect(i18n.t('pluralTestWithCount', { count: 7 })).to.be('7 items');
-                });
-
-                it('it should provide correct plural or singular form for second namespace', function () {
-                    expect(i18n.t('ns.2:pluralTest', { count: 0 })).to.be('plural from ns.2');
-                    expect(i18n.t('ns.2:pluralTest', { count: 1 })).to.be('singular from ns.2');
-                    expect(i18n.t('ns.2:pluralTest', { count: 2 })).to.be('plural from ns.2');
-                    expect(i18n.t('ns.2:pluralTest', { count: 7 })).to.be('plural from ns.2');
-
-                    expect(i18n.t('ns.2:pluralTestWithCount', { count: 1 })).to.be('1 item from ns.2');
-                    expect(i18n.t('ns.2:pluralTestWithCount', { count: 7 })).to.be('7 items from ns.2');
-                });
-            });
-
-            describe('basic usage 2 - singular and plural form in french', function () {
-                var resStore = {
-                    dev: {
-                        'ns.2': {
-                            pluralTest: 'singular from ns.2',
-                            pluralTest_plural: 'plural from ns.2',
-                            pluralTestWithCount: '__count__ item from ns.2',
-                            pluralTestWithCount_plural: '__count__ items from ns.2'
-                        }
-                    },
-                    en: {},
-                    'fr': {
-                        'ns.1': {
-                            pluralTest: 'singular',
-                            pluralTest_plural: 'plural',
-                            pluralTestWithCount: '__count__ item',
-                            pluralTestWithCount_plural: '__count__ items'
-                        }
-                    }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, {
-                        lng: 'fr',
-                        resStore: resStore,
-                        ns: { namespaces: ['ns.1', 'ns.2'], defaultNs: 'ns.1' }
-                    }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct plural or singular form', function () {
-                    expect(i18n.t('pluralTest', { count: 0 })).to.be('singular');
-                    expect(i18n.t('pluralTest', { count: 1 })).to.be('singular');
-                    expect(i18n.t('pluralTest', { count: 2 })).to.be('plural');
-                    expect(i18n.t('pluralTest', { count: 7 })).to.be('plural');
-
-                    expect(i18n.t('pluralTestWithCount', { count: 0 })).to.be('0 item');
-                    expect(i18n.t('pluralTestWithCount', { count: 1 })).to.be('1 item');
-                    expect(i18n.t('pluralTestWithCount', { count: 7 })).to.be('7 items');
-                });
-            });
-
-            describe('extended usage - multiple plural forms - ar', function () {
-                var resStore = {
-                    dev: { translation: {} },
-                    ar: {
-                        translation: {
-                            key: 'singular',
-                            key_plural_0: 'zero',
-                            key_plural_2: 'two',
-                            key_plural_3: 'few',
-                            key_plural_11: 'many',
-                            key_plural_100: 'plural'
-                        }
-                    },
-                    'ar-??': { translation: {} }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { lng: 'ar', resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct plural forms', function () {
-                    expect(i18n.t('key', { count: 0 })).to.be('zero');
-                    expect(i18n.t('key', { count: 1 })).to.be('singular');
-                    expect(i18n.t('key', { count: 2 })).to.be('two');
-                    expect(i18n.t('key', { count: 3 })).to.be('few');
-                    expect(i18n.t('key', { count: 4 })).to.be('few');
-                    expect(i18n.t('key', { count: 104 })).to.be('few');
-                    expect(i18n.t('key', { count: 11 })).to.be('many');
-                    expect(i18n.t('key', { count: 99 })).to.be('many');
-                    expect(i18n.t('key', { count: 199 })).to.be('many');
-                    expect(i18n.t('key', { count: 100 })).to.be('plural');
-                });
-            });
-
-            describe('extended usage - multiple plural forms - ru', function () {
-                var resStore = {
-                    dev: { translation: {} },
-                    ru: {
-                        translation: {
-                            key: '1,21,31',
-                            key_plural_2: '2,3,4',
-                            key_plural_5: '0,5,6'
-                        }
-                    },
-                    'ru-??': { translation: {} }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { lng: 'ru', resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct plural forms', function () {
-                    expect(i18n.t('key', { count: 0 })).to.be('0,5,6');
-                    expect(i18n.t('key', { count: 1 })).to.be('1,21,31');
-                    expect(i18n.t('key', { count: 2 })).to.be('2,3,4');
-                    expect(i18n.t('key', { count: 3 })).to.be('2,3,4');
-                    expect(i18n.t('key', { count: 4 })).to.be('2,3,4');
-                    expect(i18n.t('key', { count: 104 })).to.be('2,3,4');
-                    expect(i18n.t('key', { count: 11 })).to.be('0,5,6');
-                    expect(i18n.t('key', { count: 24 })).to.be('2,3,4');
-                    expect(i18n.t('key', { count: 25 })).to.be('0,5,6');
-                    expect(i18n.t('key', { count: 99 })).to.be('0,5,6');
-                    expect(i18n.t('key', { count: 199 })).to.be('0,5,6');
-                    expect(i18n.t('key', { count: 100 })).to.be('0,5,6');
-                });
-            });
-
-        });
-
-        describe('context usage', function () {
-
-            describe('basic usage', function () {
-                var resStore = {
-                    dev: {
-                        'ns.2': {
-                            friend_context: 'A friend from ns2',
-                            friend_context_male: 'A boyfriend from ns2',
-                            friend_context_female: 'A girlfriend from ns2'
-                        }
-                    },
-                    en: {
-                        'ns.1': {
-                            friend_context: 'A friend',
-                            friend_context_male: 'A boyfriend',
-                            friend_context_female: 'A girlfriend'
-                        }
-                    },
-                    'en-US': { translation: {} }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, {
-                        resStore: resStore,
-                        ns: { namespaces: ['ns.1', 'ns.2'], defaultNs: 'ns.1' }
-                    }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct context form', function () {
-                    expect(i18n.t('friend_context')).to.be('A friend');
-                    expect(i18n.t('friend_context', { context: '' })).to.be('A friend');
-                    expect(i18n.t('friend_context', { context: 'male' })).to.be('A boyfriend');
-                    expect(i18n.t('friend_context', { context: 'female' })).to.be('A girlfriend');
-                });
-
-                it('it should provide correct context form for second namespace', function () {
-                    expect(i18n.t('ns.2:friend_context')).to.be('A friend from ns2');
-                    expect(i18n.t('ns.2:friend_context', { context: '' })).to.be('A friend from ns2');
-                    expect(i18n.t('ns.2:friend_context', { context: 'male' })).to.be('A boyfriend from ns2');
-                    expect(i18n.t('ns.2:friend_context', { context: 'female' })).to.be('A girlfriend from ns2');
-                });
-            });
-
-            describe('extended usage - in combination with plurals', function () {
-                var resStore = {
-                    dev: { translation: {} },
-                    en: {
-                        translation: {
-                            friend_context: '__count__ friend',
-                            friend_context_male: '__count__ boyfriend',
-                            friend_context_female: '__count__ girlfriend',
-                            friend_context_plural: '__count__ friends',
-                            friend_context_male_plural: '__count__ boyfriends',
-                            friend_context_female_plural: '__count__ girlfriends'
-                        }
-                    },
-                    'en-US': { translation: {} }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should provide correct context with plural forms', function () {
-                    expect(i18n.t('friend_context', { count: 1 })).to.be('1 friend');
-                    expect(i18n.t('friend_context', { context: '', count: 1 })).to.be('1 friend');
-                    expect(i18n.t('friend_context', { context: 'male', count: 1 })).to.be('1 boyfriend');
-                    expect(i18n.t('friend_context', { context: 'female', count: 1 })).to.be('1 girlfriend');
-
-                    expect(i18n.t('friend_context', { count: 10 })).to.be('10 friends');
-                    expect(i18n.t('friend_context', { context: '', count: 10 })).to.be('10 friends');
-                    expect(i18n.t('friend_context', { context: 'male', count: 10 })).to.be('10 boyfriends');
-                    expect(i18n.t('friend_context', { context: 'female', count: 10 })).to.be('10 girlfriends');
-                });
-
-            });
-
-        });
-
-        describe('with passed in languages different from set one', function () {
-
-            beforeEach(function (done) {
-                i18n.init($.extend(opts, {
-                    preload: ['de-DE']
-                }),
-                  function (t) { done(); });
-            });
-
-            it('it should provide translation for passed in language', function () {
-                expect(i18n.t('simple_de', { lng: 'de-DE' })).to.be('ok_from_de');
-            });
-
-            describe('with language not preloaded', function () {
-
-                it('it should provide translation for passed in language after loading file sync', function () {
-                    expect(i18n.t('simple_fr', { lng: 'fr' })).to.be('ok_from_fr');
-                });
-
-            });
-
-        });
-
-    });
-
-    describe('jQuery integration / specials', function () {
-
-        describe('initialise - use deferrer instead of callback', function () {
-
-            describe('with passed in resource set', function () {
-
-                var resStore = {
-                    dev: { translation: { 'simple_dev': 'ok_from_dev' } },
-                    en: { translation: { 'simple_en': 'ok_from_en' } },
-                    'en-US': { translation: { 'simple_en-US': 'ok_from_en-US' } }
-                };
-
-                beforeEach(function (done) {
-                    i18n.init($.extend(opts, { resStore: resStore })).done(function (t: any) { done(); });
-                });
-
-                it('it should provide passed in resources for translation', function () {
-                    expect($.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect($.t('simple_en')).to.be('ok_from_en');
-                    expect($.t('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-            describe('loading from server', function () {
-
-                beforeEach(function (done) {
-                    i18n.init(opts).done(function () { done(); });
-                });
-
-                it('it should provide loaded resources for translation', function () {
-                    expect($.t('simple_en-US')).to.be('ok_from_en-US');
-                    expect($.t('simple_en')).to.be('ok_from_en');
-                    expect($.t('simple_dev')).to.be('ok_from_dev');
-                });
-
-            });
-
-        });
-
-        describe('use translation function shortcut $.t', function () {
-
-            beforeEach(function (done) {
-                i18n.init(opts, function (t) { done(); });
-            });
-
-            it('it should provide translation via $.t', function () {
-                expect($.t('simple_en-US')).to.be('ok_from_en-US');
-                expect($.t('simple_en')).to.be('ok_from_en');
-                expect($.t('simple_dev')).to.be('ok_from_dev');
-            });
-
-        });
-
-        describe('using bindings $([selector].i18n())', function () {
-
-            describe('basic - setting text', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': { translation: { 'simpleTest': 'ok_from_en-US' } }
-                };
-
-                beforeEach(function (done) {
-                    fixtures.set('');
-
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should set text of elements inside selector having data-i18n attribute', function () {
-                    $('#container').i18n();
-                    expect($('#testBtn').text()).to.be('ok_from_en-US');
-                });
-
-                it('it should set text of element itself if having data-i18n attribute', function () {
-                    $('#testBtn').i18n();
-                    expect($('#testBtn').text()).to.be('ok_from_en-US');
-                });
-
-            });
-
-            describe('extended - setting other attributes', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': { translation: { 'simpleTest': 'ok_from_en-US' } }
-                };
-
-                beforeEach(function (done) {
-                    fixtures.set('');
-
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should set text of elements inside selector having data-i18n attribute', function () {
-                    $('#container').i18n();
-                    expect($('#testBtn').text()).to.be('ok_from_en-US');
-                });
-
-                it('it should set attributes of elements inside selector having data-i18n attribute', function () {
-                    $('#container').i18n();
-                    expect($('#testBtn').attr('title')).to.be('ok_from_en-US');
-                });
-
-            });
-
-            describe('extended - pass in options', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': { translation: { 'simpleTest': '__replace__ ok_from_en-US' } }
-                };
-
-                beforeEach(function (done) {
-                    fixtures.set('');
-
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should set text with passed in options', function () {
-                    $('#container').i18n({ replace: 'replaced' });
-                    expect($('#testBtn').text()).to.be('replaced ok_from_en-US');
-                });
-
-            });
-
-            describe('extended - render inner html', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': { translation: { 'simpleTest': 'test' } }
-                };
-
-                beforeEach(function (done) {
-                    fixtures.set('');
-
-                    i18n.init($.extend(opts, { resStore: resStore }),
-                      function (t) { done(); });
-                });
-
-                it('it should set inner html', function () {
-                    $('#container').i18n();
-                    expect($('#inner').html()).to.be('test');
-                });
-
-            });
-
-
-            describe('extended - read options from data attribute', function () {
-
-                var resStore = {
-                    dev: { translation: {} },
-                    en: { translation: {} },
-                    'en-US': { translation: { 'simpleTest': '__replace__ ok_from_en-US' } }
-                };
-
-                beforeEach(function (done) {
-                    fixtures.set('');
-
-                    i18n.init($.extend(opts, {
-                        resStore: resStore,
-                        useDataAttrOptions: true
-                    }),
-                      function (t) {
-                          $('#container').i18n({ replace: 'replaced' });
-                          $('#testBtn').text('');
-                          done();
-                      });
-                });
-
-                it('it should set text with attributes options', function () {
-                    $('#container').i18n(); // without option
-                    expect($('#testBtn').text()).to.be('replaced ok_from_en-US');
-                });
-
-            });
-
-        });
-
-    });
-
-
-});
diff --git a/iconv-lite/iconv-lite-tests.ts b/iconv-lite/iconv-lite-tests.ts
index 30aca7968b..f89e84e195 100644
--- a/iconv-lite/iconv-lite-tests.ts
+++ b/iconv-lite/iconv-lite-tests.ts
@@ -1,6 +1,6 @@
 // Code examples from iconv-lite README
 
-import * as iconv from "./";
+import * as iconv from "iconv-lite";
 
 import * as assert from "assert";
 import * as fs from "fs";
diff --git a/inert/inert-tests-es6.ts b/inert/inert-tests-es6.ts
deleted file mode 100644
index ac50196d00..0000000000
--- a/inert/inert-tests-es6.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-
-import * as HapiES6 from 'hapi';
-import * as InertES6 from 'inert';
-
-
-const server = new HapiES6.Server({});
-server.register(InertES6, () => {});
\ No newline at end of file
diff --git a/inert/inert-tests.ts b/inert/inert-tests.ts
index cd12de7780..e917fb9e41 100644
--- a/inert/inert-tests.ts
+++ b/inert/inert-tests.ts
@@ -1,9 +1,5 @@
+import * as HapiES6 from 'hapi';
+import * as InertES6 from 'inert';
 
-const Inert = require('inert');
-const Hapi = require('hapi');
-
-
-const server = new Hapi.Server({});
-server.register(Inert, () => {});
-
-export var makeThisAModule: any;
\ No newline at end of file
+const server = new HapiES6.Server({});
+server.register(InertES6, () => {});
diff --git a/inert/tsconfig.json b/inert/tsconfig.json
index f19b878114..2614a83e22 100644
--- a/inert/tsconfig.json
+++ b/inert/tsconfig.json
@@ -15,7 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "inert-tests.ts",
-        "inert-tests-es6.ts"
+        "inert-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/inversify-devtools/inversify-devtools-test.ts b/inversify-devtools/inversify-devtools-tests.ts
similarity index 100%
rename from inversify-devtools/inversify-devtools-test.ts
rename to inversify-devtools/inversify-devtools-tests.ts
diff --git a/inversify-devtools/package.json b/inversify-devtools/package.json
new file mode 100644
index 0000000000..2ec416e55c
--- /dev/null
+++ b/inversify-devtools/package.json
@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "inversify": "^2.0.1"
+    }
+}
\ No newline at end of file
diff --git a/inversify-devtools/tsconfig.json b/inversify-devtools/tsconfig.json
index ab530b69c7..451d07224b 100644
--- a/inversify-devtools/tsconfig.json
+++ b/inversify-devtools/tsconfig.json
@@ -16,6 +16,6 @@
     },
     "files": [
         "index.d.ts",
-        "inversify-devtools-test.ts"
+        "inversify-devtools-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/ion.rangeslider/ion.rangeSlider-1.9.1.d.ts b/ion.rangeslider/v1/index.d.ts
similarity index 100%
rename from ion.rangeslider/ion.rangeSlider-1.9.1.d.ts
rename to ion.rangeslider/v1/index.d.ts
diff --git a/ion.rangeslider/ion.rangeSlider-1.9.1-tests.ts b/ion.rangeslider/v1/ion.rangeSlider-tests.ts
similarity index 93%
rename from ion.rangeslider/ion.rangeSlider-1.9.1-tests.ts
rename to ion.rangeslider/v1/ion.rangeSlider-tests.ts
index 224deab397..ba10fa776f 100644
--- a/ion.rangeslider/ion.rangeSlider-1.9.1-tests.ts
+++ b/ion.rangeslider/v1/ion.rangeSlider-tests.ts
@@ -1,5 +1,4 @@
 /// <reference types="jquery"/>
-/// <reference path="ion.rangeSlider-1.9.1.d.ts"/>
 
 var sliderInputElement = $('<input />');
 sliderInputElement.ionRangeSlider({
diff --git a/ion.rangeslider/v1/tsconfig.json b/ion.rangeslider/v1/tsconfig.json
new file mode 100644
index 0000000000..fa756621f2
--- /dev/null
+++ b/ion.rangeslider/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "ion.rangeslider": ["ion.rangeslider/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "ion.rangeSlider-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/is-promise/is-promise-tests.ts b/is-promise/is-promise-tests.ts
index df9a1d316f..25071e21fd 100644
--- a/is-promise/is-promise-tests.ts
+++ b/is-promise/is-promise-tests.ts
@@ -1,4 +1,4 @@
-import isPromise = require("./");
+import isPromise = require("is-promise");
 
 isPromise({ then() { }});
 isPromise(null);
diff --git a/iscroll/UNUSED_FILES.txt b/iscroll/UNUSED_FILES.txt
new file mode 100644
index 0000000000..b3ebf4f3ea
--- /dev/null
+++ b/iscroll/UNUSED_FILES.txt
@@ -0,0 +1 @@
+iscroll-lite.d.ts
\ No newline at end of file
diff --git a/iscroll/index.d.ts b/iscroll/index.d.ts
index dbb3e851b6..b4a8d62763 100644
--- a/iscroll/index.d.ts
+++ b/iscroll/index.d.ts
@@ -1,76 +1,96 @@
-// Type definitions for iScroll 4.2
-// Project: http://cubiq.org/iscroll-4
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christiaan Rakowski <https://github.com/csrakowski/>
+// Type definitions for iScroll 5
+// Project: http://cubiq.org/iscroll-5-ready-for-beta-test
+// Definitions by: Christiaan Rakowski <https://github.com/csrakowski/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+interface IScrollOptions {
+	x?: number;
+	y?: number;
+	bounce?: boolean;
+	bounceLock?: boolean;
+	momentum?: boolean;
+	lockDirection?: boolean;
+	useTransform?: boolean;
+	useTransition?: boolean;
+	topOffset?: number;
+	checkDOMChanges?: boolean;
+	handleClick?: boolean;
 
-interface iScrollEvent {
-    (e: Event): void;
+	// Scrollbar
+	hScrollbar?: boolean;
+	vScrollbar?: boolean;
+	fixedScrollbar?: boolean;
+	hideScrollbar?: boolean;
+	fadeScrollbar?: boolean;
+	scrollbarClass?: string;
+
+	// Zoom
+	zoom?: boolean;
+	zoomMin?: number;
+	zoomMax?: number;
+	doubleTapZoom?: number;
+	mouseWheel?: boolean;
+	wheelAction?: string;
+	snap?: string | boolean;
+	snapThreshold?: number;
+
+	// New in IScroll 5?
+	resizeIndicator?: boolean;
+	mouseWheelSpeed?: number;
+	startX?: number;
+	startY?: number;
+	scrollX?: boolean;
+	scrollY?: boolean;
+	scrollbars?: boolean | string;
+	shrinkScrollbars?: string;
+	interactiveScrollbars?: boolean;
+	releaseScroll?: boolean;
+	fadeScrollbars?: boolean;
+	directionLockThreshold?: number;
+
+	bounceTime?: number;
+
+	///String or function
+	bounceEasing?: string|{ style: string, fn: (k: any) => any };
+
+	preventDefault?: boolean;
+	preventDefaultException?: Array<RegExp>|Object;
+
+	HWCompositing?: boolean;
+
+	freeScroll?: boolean;
+
+	resizePolling?: number;
+	tap?: boolean;
+	click?: boolean;
+	invertWheelDirection?: boolean;
+	eventPassthrough?: string | boolean;
+
+	// iScroll probe edition
+	probeType?: number;
 }
 
-interface iScrollOptions {
-    hScroll?: boolean;
-    vScroll?: boolean;
-    x?: number;
-    y?: number;
-    bounce?: boolean;
-    bounceLock?: boolean;
-    momentum?: boolean;
-    lockDirection?: boolean;
-    useTransform?: boolean;
-    useTransition?: boolean;
-    topOffset?: number;
-    checkDOMChanges?: boolean;
-    handleClick?: boolean;
+declare class IScroll {
+	constructor (element: string, options?: IScrollOptions);
+	constructor (element: HTMLElement, options?: IScrollOptions);
 
-    // Scrollbar
-    hScrollbar?: boolean;
-    vScrollbar?: boolean;
-    fixedScrollbar?: boolean;
-    hideScrollbar?: boolean;
-    fadeScrollbar?: boolean;
-    scrollbarClass?: string;
+	x: number;
+	y: number;
 
-    // Zoom
-    zoom?: boolean;
-    zoomMin?: number;
-    zoomMax?: number;
-    doubleTapZoom?: number;
-    wheelAction?: string;
+	destroy(): void;
+	refresh(): void;
+	scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
+	scrollToElement(element: string, time?: number): void;
+	scrollToElement(element: HTMLElement, time?: number): void;
+	scrollToElement(element: HTMLElement, time?: number, offsetX?: number | boolean, offsetY?: number | boolean, easing?: Function): void;
+	goToPage(pageX: number, pageY: number, time?: number): void;
+	disable(): void;
+	enable(): void;
+	stop(): void;
+	zoom(x: number, y: number, scale: number, time?: number): void;
+	isReady(): boolean;
 
-    // Snap
-    snap?: any;
-    snapThreshold?: number;
-
-    // Events
-    onRefresh?: iScrollEvent;
-    onBeforeScrollStart?: iScrollEvent;
-    onScrollStart?: iScrollEvent;
-    onBeforeScrollMove?: iScrollEvent;
-    onScrollMove?: iScrollEvent;
-    onBeforeScrollEnd?: iScrollEvent;
-    onScrollEnd?: iScrollEvent;
-    onTouchEnd?: iScrollEvent;
-    onDestroy?: iScrollEvent;
-    onZoomStart?: iScrollEvent;
-    onZoom?: iScrollEvent;
-    onZoomEnd?: iScrollEvent;
-}
-
-declare class iScroll {
-
-    constructor (element: string, options?: iScrollOptions);
-	constructor (element: HTMLElement, options?: iScrollOptions);
-
-    destroy(): void;
-    refresh(): void;
-    scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
-    scrollToElement(element: string, time?: number): void;
-    scrollToElement(element: HTMLElement, time?: number): void;
-    scrollToPage(pageX: number, pageY: number, time?: number): void;
-    disable(): void;
-    enable(): void;
-    stop(): void;
-    zoom(x: number, y: number, scale: number, time?: number): void;
-    isReady(): boolean;
+	// Events
+	on(type: string, fn: (evt?: any) => void): void;
+	off(type: string, fn?: (evt?: any) => void): void;
 }
diff --git a/iscroll/iscroll-5-lite.d.ts b/iscroll/iscroll-5-lite.d.ts
deleted file mode 100644
index c2c2559c87..0000000000
--- a/iscroll/iscroll-5-lite.d.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-// Type definitions for iScroll Lite 5
-// Project: http://cubiq.org/iscroll-5-ready-for-beta-test
-// Definitions by: Christiaan Rakowski <https://github.com/csrakowski/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-interface IScrollOptions {
-	//hScroll?: boolean;
-	//vScroll?: boolean;
-
-	scrollX?: boolean;
-	scrollY?: boolean;
-
-	x?: number;
-	y?: number;
-	bounce?: boolean;
-	bounceLock?: boolean;
-	momentum?: boolean;
-	lockDirection?: boolean;
-	useTransform?: boolean;
-	useTransition?: boolean;
-}
-
-declare class IScroll {
-
-	constructor (element: string, options?: IScrollOptions);
-	constructor (element: HTMLElement, options?: IScrollOptions);
-
-	destroy(): void;
-	refresh(): void;
-	scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
-	scrollToElement(element: string, time?: number): void;
-	scrollToElement(element: HTMLElement, time?: number): void;
-	disable(): void;
-	enable(): void;
-	stop(): void;
-
-	// Events
-	on: (type: string, fn: () => void) => void;
-}
diff --git a/iscroll/iscroll-5-tests.ts b/iscroll/iscroll-5-tests.ts
deleted file mode 100644
index 3e19397d0f..0000000000
--- a/iscroll/iscroll-5-tests.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-var myScroll1 = new IScroll('#wrapper');
-var myScroll2 = new IScroll('#wrapper', { hScrollbar: false, vScrollbar: false });
-var myScroll3 = new IScroll('#wrapper', {
-    snap: true,
-    momentum: false,
-    hScrollbar: false,
-    vScrollbar: false
-});
-var myScroll4 = new IScroll('#wrapper', {
-    snap: 'li',
-    momentum: false,
-    hScrollbar: false,
-    vScrollbar: false
-});
-var myScroll6 = new IScroll('#wrapper', { scrollbarClass: 'myScrollbar' });
-var myScroll7 = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 1200 });
-
-var myScroll8 = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true, scrollY: false, preventDefault: false });
-
-myScroll1.refresh();
-myScroll1.scrollTo(0, 100);
-myScroll1.scrollTo(0, 100, 200);
-myScroll1.scrollTo(0, 100, 200, true);
-
-myScroll1.scrollToElement('selectedElement');
-myScroll1.scrollToElement('selectedElement', 250);
-
-myScroll1.scrollToElement(document.getElementById('selectedElement'));
-myScroll1.scrollToElement(document.getElementById('selectedElement'), 250);
-
-myScroll2.on('scrollStart', function () { console.log('scroll started'); });
-
-var myScroll9 = new IScroll(document.getElementById('wrapper'));
-var myScroll10 = new IScroll(document.getElementById('wrapper'), { scrollbarClass: 'myScrollbar' });
-var myScroll11 = new IScroll(document.getElementById('wrapper'), { preventDefaultException: [ /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ ] });
-var myScroll12 = new IScroll(document.getElementById('wrapper'), { preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ } });
-
-var myScroll13 = new IScroll(document.getElementById('wrapper'), { bounceEasing: 'circular' });
-var myScroll14 = new IScroll(document.getElementById('wrapper'), { bounceEasing: { style: 'cubic-bezier(0,0,1,1)', fn: function (k) { return k; } } });
diff --git a/iscroll/iscroll-5.d.ts b/iscroll/iscroll-5.d.ts
deleted file mode 100644
index b4a8d62763..0000000000
--- a/iscroll/iscroll-5.d.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-// Type definitions for iScroll 5
-// Project: http://cubiq.org/iscroll-5-ready-for-beta-test
-// Definitions by: Christiaan Rakowski <https://github.com/csrakowski/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-interface IScrollOptions {
-	x?: number;
-	y?: number;
-	bounce?: boolean;
-	bounceLock?: boolean;
-	momentum?: boolean;
-	lockDirection?: boolean;
-	useTransform?: boolean;
-	useTransition?: boolean;
-	topOffset?: number;
-	checkDOMChanges?: boolean;
-	handleClick?: boolean;
-
-	// Scrollbar
-	hScrollbar?: boolean;
-	vScrollbar?: boolean;
-	fixedScrollbar?: boolean;
-	hideScrollbar?: boolean;
-	fadeScrollbar?: boolean;
-	scrollbarClass?: string;
-
-	// Zoom
-	zoom?: boolean;
-	zoomMin?: number;
-	zoomMax?: number;
-	doubleTapZoom?: number;
-	mouseWheel?: boolean;
-	wheelAction?: string;
-	snap?: string | boolean;
-	snapThreshold?: number;
-
-	// New in IScroll 5?
-	resizeIndicator?: boolean;
-	mouseWheelSpeed?: number;
-	startX?: number;
-	startY?: number;
-	scrollX?: boolean;
-	scrollY?: boolean;
-	scrollbars?: boolean | string;
-	shrinkScrollbars?: string;
-	interactiveScrollbars?: boolean;
-	releaseScroll?: boolean;
-	fadeScrollbars?: boolean;
-	directionLockThreshold?: number;
-
-	bounceTime?: number;
-
-	///String or function
-	bounceEasing?: string|{ style: string, fn: (k: any) => any };
-
-	preventDefault?: boolean;
-	preventDefaultException?: Array<RegExp>|Object;
-
-	HWCompositing?: boolean;
-
-	freeScroll?: boolean;
-
-	resizePolling?: number;
-	tap?: boolean;
-	click?: boolean;
-	invertWheelDirection?: boolean;
-	eventPassthrough?: string | boolean;
-
-	// iScroll probe edition
-	probeType?: number;
-}
-
-declare class IScroll {
-	constructor (element: string, options?: IScrollOptions);
-	constructor (element: HTMLElement, options?: IScrollOptions);
-
-	x: number;
-	y: number;
-
-	destroy(): void;
-	refresh(): void;
-	scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
-	scrollToElement(element: string, time?: number): void;
-	scrollToElement(element: HTMLElement, time?: number): void;
-	scrollToElement(element: HTMLElement, time?: number, offsetX?: number | boolean, offsetY?: number | boolean, easing?: Function): void;
-	goToPage(pageX: number, pageY: number, time?: number): void;
-	disable(): void;
-	enable(): void;
-	stop(): void;
-	zoom(x: number, y: number, scale: number, time?: number): void;
-	isReady(): boolean;
-
-	// Events
-	on(type: string, fn: (evt?: any) => void): void;
-	off(type: string, fn?: (evt?: any) => void): void;
-}
diff --git a/iscroll/iscroll-lite.d.ts b/iscroll/iscroll-lite.d.ts
index 8b83664299..c2c2559c87 100644
--- a/iscroll/iscroll-lite.d.ts
+++ b/iscroll/iscroll-lite.d.ts
@@ -1,48 +1,39 @@
-// Type definitions for iScroll Lite 4.1
-// Project: http://cubiq.org/iscroll-4
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christiaan Rakowski <https://github.com/csrakowski/>
+// Type definitions for iScroll Lite 5
+// Project: http://cubiq.org/iscroll-5-ready-for-beta-test
+// Definitions by: Christiaan Rakowski <https://github.com/csrakowski/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+interface IScrollOptions {
+	//hScroll?: boolean;
+	//vScroll?: boolean;
 
-interface iScrollEvent {
-    (e: Event): void;
+	scrollX?: boolean;
+	scrollY?: boolean;
+
+	x?: number;
+	y?: number;
+	bounce?: boolean;
+	bounceLock?: boolean;
+	momentum?: boolean;
+	lockDirection?: boolean;
+	useTransform?: boolean;
+	useTransition?: boolean;
 }
 
-interface iScrollOptions {
-    hScroll?: boolean;
-    vScroll?: boolean;
-    x?: number;
-    y?: number;
-    bounce?: boolean;
-    bounceLock?: boolean;
-    momentum?: boolean;
-    lockDirection?: boolean;
-    useTransform?: boolean;
-    useTransition?: boolean;
+declare class IScroll {
 
-    // Events
-    onRefresh?: iScrollEvent;
-    onBeforeScrollStart?: iScrollEvent;
-    onScrollStart?: iScrollEvent;
-    onBeforeScrollMove?: iScrollEvent;
-    onScrollMove?: iScrollEvent;
-    onBeforeScrollEnd?: iScrollEvent;
-    onScrollEnd?: iScrollEvent;
-    onTouchEnd?: iScrollEvent;
-    onDestroy?: iScrollEvent;
-}
-
-declare class iScroll {
-
-    constructor (element: string, options?: iScrollOptions);
-	constructor (element: HTMLElement, options?: iScrollOptions);
-
-    destroy(): void;
-    refresh(): void;
-    scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
-    scrollToElement(element: string, time?: number): void;
-    scrollToElement(element: HTMLElement, time?: number): void;
-    disable(): void;
-    enable(): void;
-    stop(): void;
+	constructor (element: string, options?: IScrollOptions);
+	constructor (element: HTMLElement, options?: IScrollOptions);
+
+	destroy(): void;
+	refresh(): void;
+	scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
+	scrollToElement(element: string, time?: number): void;
+	scrollToElement(element: HTMLElement, time?: number): void;
+	disable(): void;
+	enable(): void;
+	stop(): void;
+
+	// Events
+	on: (type: string, fn: () => void) => void;
 }
diff --git a/iscroll/iscroll-tests.ts b/iscroll/iscroll-tests.ts
index 09133f4175..3e19397d0f 100644
--- a/iscroll/iscroll-tests.ts
+++ b/iscroll/iscroll-tests.ts
@@ -1,20 +1,23 @@
 
 
-var myScroll1 = new iScroll('wrapper');
-var myScroll2 = new iScroll('wrapper', { hScrollbar: false, vScrollbar: false });
-var myScroll3= new iScroll('wrapper', {
+var myScroll1 = new IScroll('#wrapper');
+var myScroll2 = new IScroll('#wrapper', { hScrollbar: false, vScrollbar: false });
+var myScroll3 = new IScroll('#wrapper', {
     snap: true,
     momentum: false,
     hScrollbar: false,
     vScrollbar: false
 });
-var myScroll4 = new iScroll('wrapper', {
+var myScroll4 = new IScroll('#wrapper', {
     snap: 'li',
     momentum: false,
     hScrollbar: false,
     vScrollbar: false
 });
-var myScroll6 = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
+var myScroll6 = new IScroll('#wrapper', { scrollbarClass: 'myScrollbar' });
+var myScroll7 = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 1200 });
+
+var myScroll8 = new IScroll('#wrapper', { eventPassthrough: true, scrollX: true, scrollY: false, preventDefault: false });
 
 myScroll1.refresh();
 myScroll1.scrollTo(0, 100);
@@ -27,5 +30,12 @@ myScroll1.scrollToElement('selectedElement', 250);
 myScroll1.scrollToElement(document.getElementById('selectedElement'));
 myScroll1.scrollToElement(document.getElementById('selectedElement'), 250);
 
-var myScroll7 = new iScroll(document.getElementById('wrapper'));
-var myScroll8 = new iScroll(document.getElementById('wrapper'), { scrollbarClass: 'myScrollbar' });
\ No newline at end of file
+myScroll2.on('scrollStart', function () { console.log('scroll started'); });
+
+var myScroll9 = new IScroll(document.getElementById('wrapper'));
+var myScroll10 = new IScroll(document.getElementById('wrapper'), { scrollbarClass: 'myScrollbar' });
+var myScroll11 = new IScroll(document.getElementById('wrapper'), { preventDefaultException: [ /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ ] });
+var myScroll12 = new IScroll(document.getElementById('wrapper'), { preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ } });
+
+var myScroll13 = new IScroll(document.getElementById('wrapper'), { bounceEasing: 'circular' });
+var myScroll14 = new IScroll(document.getElementById('wrapper'), { bounceEasing: { style: 'cubic-bezier(0,0,1,1)', fn: function (k) { return k; } } });
diff --git a/iscroll/tsconfig.json b/iscroll/tsconfig.json
index ac5b1f94c2..4e847b3981 100644
--- a/iscroll/tsconfig.json
+++ b/iscroll/tsconfig.json
@@ -1,8 +1,4 @@
 {
-    "files": [
-        "index.d.ts",
-        "iscroll-tests.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
@@ -16,5 +12,9 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "iscroll-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/iscroll/v4/UNUSED_FILES.txt b/iscroll/v4/UNUSED_FILES.txt
new file mode 100644
index 0000000000..b3ebf4f3ea
--- /dev/null
+++ b/iscroll/v4/UNUSED_FILES.txt
@@ -0,0 +1 @@
+iscroll-lite.d.ts
\ No newline at end of file
diff --git a/iscroll/v4/index.d.ts b/iscroll/v4/index.d.ts
new file mode 100644
index 0000000000..dbb3e851b6
--- /dev/null
+++ b/iscroll/v4/index.d.ts
@@ -0,0 +1,76 @@
+// Type definitions for iScroll 4.2
+// Project: http://cubiq.org/iscroll-4
+// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christiaan Rakowski <https://github.com/csrakowski/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+interface iScrollEvent {
+    (e: Event): void;
+}
+
+interface iScrollOptions {
+    hScroll?: boolean;
+    vScroll?: boolean;
+    x?: number;
+    y?: number;
+    bounce?: boolean;
+    bounceLock?: boolean;
+    momentum?: boolean;
+    lockDirection?: boolean;
+    useTransform?: boolean;
+    useTransition?: boolean;
+    topOffset?: number;
+    checkDOMChanges?: boolean;
+    handleClick?: boolean;
+
+    // Scrollbar
+    hScrollbar?: boolean;
+    vScrollbar?: boolean;
+    fixedScrollbar?: boolean;
+    hideScrollbar?: boolean;
+    fadeScrollbar?: boolean;
+    scrollbarClass?: string;
+
+    // Zoom
+    zoom?: boolean;
+    zoomMin?: number;
+    zoomMax?: number;
+    doubleTapZoom?: number;
+    wheelAction?: string;
+
+    // Snap
+    snap?: any;
+    snapThreshold?: number;
+
+    // Events
+    onRefresh?: iScrollEvent;
+    onBeforeScrollStart?: iScrollEvent;
+    onScrollStart?: iScrollEvent;
+    onBeforeScrollMove?: iScrollEvent;
+    onScrollMove?: iScrollEvent;
+    onBeforeScrollEnd?: iScrollEvent;
+    onScrollEnd?: iScrollEvent;
+    onTouchEnd?: iScrollEvent;
+    onDestroy?: iScrollEvent;
+    onZoomStart?: iScrollEvent;
+    onZoom?: iScrollEvent;
+    onZoomEnd?: iScrollEvent;
+}
+
+declare class iScroll {
+
+    constructor (element: string, options?: iScrollOptions);
+	constructor (element: HTMLElement, options?: iScrollOptions);
+
+    destroy(): void;
+    refresh(): void;
+    scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
+    scrollToElement(element: string, time?: number): void;
+    scrollToElement(element: HTMLElement, time?: number): void;
+    scrollToPage(pageX: number, pageY: number, time?: number): void;
+    disable(): void;
+    enable(): void;
+    stop(): void;
+    zoom(x: number, y: number, scale: number, time?: number): void;
+    isReady(): boolean;
+}
diff --git a/iscroll/v4/iscroll-lite.d.ts b/iscroll/v4/iscroll-lite.d.ts
new file mode 100644
index 0000000000..8b83664299
--- /dev/null
+++ b/iscroll/v4/iscroll-lite.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for iScroll Lite 4.1
+// Project: http://cubiq.org/iscroll-4
+// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christiaan Rakowski <https://github.com/csrakowski/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+interface iScrollEvent {
+    (e: Event): void;
+}
+
+interface iScrollOptions {
+    hScroll?: boolean;
+    vScroll?: boolean;
+    x?: number;
+    y?: number;
+    bounce?: boolean;
+    bounceLock?: boolean;
+    momentum?: boolean;
+    lockDirection?: boolean;
+    useTransform?: boolean;
+    useTransition?: boolean;
+
+    // Events
+    onRefresh?: iScrollEvent;
+    onBeforeScrollStart?: iScrollEvent;
+    onScrollStart?: iScrollEvent;
+    onBeforeScrollMove?: iScrollEvent;
+    onScrollMove?: iScrollEvent;
+    onBeforeScrollEnd?: iScrollEvent;
+    onScrollEnd?: iScrollEvent;
+    onTouchEnd?: iScrollEvent;
+    onDestroy?: iScrollEvent;
+}
+
+declare class iScroll {
+
+    constructor (element: string, options?: iScrollOptions);
+	constructor (element: HTMLElement, options?: iScrollOptions);
+
+    destroy(): void;
+    refresh(): void;
+    scrollTo(x: number, y: number, time?: number, relative?: boolean): void;
+    scrollToElement(element: string, time?: number): void;
+    scrollToElement(element: HTMLElement, time?: number): void;
+    disable(): void;
+    enable(): void;
+    stop(): void;
+}
diff --git a/iscroll/v4/iscroll-tests.ts b/iscroll/v4/iscroll-tests.ts
new file mode 100644
index 0000000000..09133f4175
--- /dev/null
+++ b/iscroll/v4/iscroll-tests.ts
@@ -0,0 +1,31 @@
+
+
+var myScroll1 = new iScroll('wrapper');
+var myScroll2 = new iScroll('wrapper', { hScrollbar: false, vScrollbar: false });
+var myScroll3= new iScroll('wrapper', {
+    snap: true,
+    momentum: false,
+    hScrollbar: false,
+    vScrollbar: false
+});
+var myScroll4 = new iScroll('wrapper', {
+    snap: 'li',
+    momentum: false,
+    hScrollbar: false,
+    vScrollbar: false
+});
+var myScroll6 = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
+
+myScroll1.refresh();
+myScroll1.scrollTo(0, 100);
+myScroll1.scrollTo(0, 100, 200);
+myScroll1.scrollTo(0, 100, 200, true);
+
+myScroll1.scrollToElement('selectedElement');
+myScroll1.scrollToElement('selectedElement', 250);
+
+myScroll1.scrollToElement(document.getElementById('selectedElement'));
+myScroll1.scrollToElement(document.getElementById('selectedElement'), 250);
+
+var myScroll7 = new iScroll(document.getElementById('wrapper'));
+var myScroll8 = new iScroll(document.getElementById('wrapper'), { scrollbarClass: 'myScrollbar' });
\ No newline at end of file
diff --git a/iscroll/v4/tsconfig.json b/iscroll/v4/tsconfig.json
new file mode 100644
index 0000000000..f393dcb124
--- /dev/null
+++ b/iscroll/v4/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "iscroll": ["iscroll/v4"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "iscroll-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/ix.js/tsconfig.json b/ix.js/tsconfig.json
index f0ce358bee..670dba223e 100644
--- a/ix.js/tsconfig.json
+++ b/ix.js/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "ix-tests.ts"
+        "ix-tests.ts",
+        "l2o-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/jasmine/legacy/index.d.ts b/jasmine/v1/index.d.ts
similarity index 100%
rename from jasmine/legacy/index.d.ts
rename to jasmine/v1/index.d.ts
diff --git a/jasmine/legacy/jasmine-1.3-tests.ts b/jasmine/v1/jasmine-tests.ts
similarity index 100%
rename from jasmine/legacy/jasmine-1.3-tests.ts
rename to jasmine/v1/jasmine-tests.ts
diff --git a/jasmine/v1/tsconfig.json b/jasmine/v1/tsconfig.json
new file mode 100644
index 0000000000..91e64eb5d2
--- /dev/null
+++ b/jasmine/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "jasmine": ["jasmine/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jasmine-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/joi/joi-6.5.0.d.ts b/joi/v6/index.d.ts
similarity index 100%
rename from joi/joi-6.5.0.d.ts
rename to joi/v6/index.d.ts
diff --git a/joi/joi-6.5.0-tests.ts b/joi/v6/joi-tests.ts
similarity index 100%
rename from joi/joi-6.5.0-tests.ts
rename to joi/v6/joi-tests.ts
diff --git a/js-data/legacy/tsconfig.json b/joi/v6/tsconfig.json
similarity index 51%
rename from js-data/legacy/tsconfig.json
rename to joi/v6/tsconfig.json
index 38975ea097..b7167c5d4f 100644
--- a/js-data/legacy/tsconfig.json
+++ b/joi/v6/tsconfig.json
@@ -3,14 +3,21 @@
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
+        "noImplicitThis": true,
         "strictNullChecks": false,
         "baseUrl": "../../",
-        "typesRoot": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "joi": ["joi/v6"]
+        },
         "noEmit": true,
-		"forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true
     },
     "files": [
         "index.d.ts",
-        "js-data-1.5.4-tests.ts"
+        "joi-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/jquery.bbq/jquery.bbq-tests.ts b/jquery.bbq/jquery.bbq-tests.ts
index 8f3ab25aea..16216ea557 100644
--- a/jquery.bbq/jquery.bbq-tests.ts
+++ b/jquery.bbq/jquery.bbq-tests.ts
@@ -1,5 +1,4 @@
-/// <reference path="../qunit/qunit-1.16.d.ts" />
-
+/// <reference types="qunit/v1" />
 
 // ************** Tests to jquery JQueryParam interface
 var myObject = {
diff --git a/jquery.datatables/jquery.dataTables-1.9.4.d.ts b/jquery.datatables/jquery.dataTables-1.9.4.d.ts
deleted file mode 100644
index a7ff0301aa..0000000000
--- a/jquery.datatables/jquery.dataTables-1.9.4.d.ts
+++ /dev/null
@@ -1,479 +0,0 @@
-// Type definitions for JQuery DataTables 1.9.4
-// Project: http://www.datatables.net
-// Definitions by: Armin Sander <https://github.com/pragmatrix/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// missing:
-// - Static methods that are defined in JQueryStatic.fn are not typed.
-// - Plugin and extension definitions are not typed.
-
-interface JQuery
-{
-	dataTable(param? :DataTables.Options) : DataTables.DataTable;
-}
-
-declare namespace DataTables
-{
-	export interface DataTable
-	{
-		/// Perform a jQuery selector action on the table's TR elements (from the tbody) and return the resulting jQuery object.
-		$(selector:string, opts?:RowParams): JQuery;
-		$(selector:Node[], opts?:RowParams): JQuery;
-		$(selector:JQuery, opts?:RowParams): JQuery;
-
-		/// Almost identical to $ in operation, but in this case returns the data for the matched rows.
-		_(selector:string, opts?:RowParams): any[];
-		_(selector:Node[], opts?:RowParams): any[];
-		_(selector:JQuery, opts?:RowParams): any[];
-
-		/// Add a single new row or multiple rows of data to the table.
-		fnAddData(data:any, redraw?:boolean) : number[];
-
-		/// This function will make DataTables recalculate the column sizes.
-		fnAdjustColumnSizing(redraw? : boolean) : void;
-
-		/// Quickly and simply clear a table
-		fnClearTable(redraw? : boolean) : void;
-
-		/// The exact opposite of 'opening' a row, this function will close any rows which are currently 'open'.
-		fnClose(node: Node) : number;
-
-		///	Remove a row for the table
-		fnDeleteRow(index: number, callback?: () => void, redraw?: boolean) : any[];
-		fnDeleteRow(tr: Node, callback?: () => void, redraw?: boolean) : any[];
-
-		/// Restore the table to it's original state in the DOM by removing all of DataTables enhancements,
-		/// alterations to the DOM structure of the table and event listeners.
-		fnDestroy(remove?: boolean) : void;
-
-		/// Redraw the table
-		fnDraw(complete? : boolean) : void;
-
-		/// Filter the input based on data
-		fnFilter(input: string, column? : number, regex?: boolean, smart? : boolean, showGlobal?: boolean, caseInsensitive? : boolean) : void;
-
-		/// Get the data for the whole table, an individual row or an individual cell based on the provided parameters.
-		fnGetData(row?: Node, col? : number) : any;
-		fnGetData(row?: number, col? : number) : any;
-
-		/// Get an array of the TR nodes that are used in the table's body.
-		fnGetNodes(row? : number) : any; // Node[] | Node
-
-		/// Get the array indexes of a particular cell from it's DOM element and column index including hidden columns
-		fnGetPosition(node: Node) : any; // number | number[]
-
-		/// Check to see if a row is 'open' or not.
-		fnIsOpen(tr: Node) : boolean;
-
-		/// This function will place a new row directly after a row which is currently on display on the page,
-		/// with the HTML contents that is passed into the function.
-		fnOpen(node: Node, html: string, clazz: string) : Node;
-		fnOpen(node: Node, html: Node, clazz: string) : Node;
-		fnOpen(node: Node, html: JQuery, clazz: string) : Node;
-
-		/// Change the pagination - provides the internal logic for pagination in a simple API function.
-		fnPageChange(action: string, redraw?: boolean) : void;
-		fnPageChange(page: number, redraw?: boolean) : void;
-
-		/// Show a particular column
-		fnSetColumnVis(column: number, show: boolean, redraw?: boolean) : void;
-
-		/// Get the settings for a particular table for external manipulation
-		fnSettings() : Settings;
-
-		/// Sort the table by a particular column
-		fnSort(col: number) : void;
-		fnSort(col: any[][]) : void;
-
-		/// Attach a sort listener to an element for a given column
-		fnSortListener(node: Node, column: number, callback? : () => void): void;
-
-		/// Update a table cell or row - this method will accept either a single value to update the cell with,
-		/// an array of values with one element for each column or an object in the same format as the original data source.
-		fnUpdate(data: any, row: Node, column?:number, redraw?: boolean, action? : boolean) : number;
-		fnUpdate(data: any, dataIndex: number, column?:number, redraw?: boolean, action? : boolean) : number;
-
-		/// Provide a common method for plug-ins to check the version of DataTables being used,
-		/// in order to ensure compatibility.
-		fnVersionCheck(version: string) : boolean;
-	}
-
-	export interface Static
-	{
-		/// Provide a common method for plug-ins to check the version of DataTables being used,
-		/// in order to ensure compatibility.
-		fnVersionCheck(version: string) : boolean;
-
-		/// Check if a TABLE node is a DataTable table already or not.
-		fnIsDataTable(table: Node) : boolean;
-
-		/// Get all DataTable tables that have been initialised.
-		fnTables(visible? : boolean) : Node[];
-	}
-
-	export interface RowParams
-	{
-		/// Select TR elements that meet the current filter criterion ("applied") or all TR elements (i.e. no filter).
-		filter?: string;
-
-		/// Order of the TR elements in the processed array.
-		/// Can be either 'current', whereby the current sorting of the table is used, or
-		/// 'original' whereby the original order the data was read into the table is used.
-		order?: string;
-
-		/// Limit the selection to the currently displayed page
-		/// ("current") or not ("all"). If 'current' is given, then order is assumed to be
-		/// 'current' and filter is 'applied', regardless of what they might be given as.
-		page?: string;
-	}
-
-	export interface Options
-	{
-		aaData?: any[];
-		aaSorting?: any[];
-		aaSortingFixed?: any[];
-		ajax?: any;
-		aLengthMenu?: any[];
-		aoColumns?: ColumnOptions[];
-		aoColumnDefs?: ColumnDef[];
-		aoSearchCols?: any[];
-		asStripClasses?: string[];
-		bAutoWidth?: boolean;
-		bDeferRender?: boolean;
-		bDestroy?: boolean;
-		bFilter?: boolean;
-		bInfo?: boolean;
-		bJQueryUI?: boolean;
-		bLengthChange?: boolean;
-		bPaginate?: boolean;
-		bProcessing?: boolean;
-		bRetrieve?: boolean;
-		bScrollAutoCss?: boolean;
-		bScrollCollapse?: boolean;
-		bScrollInfinite?: boolean;
-		bServerSide?: boolean;
-		bSort?: boolean;
-		bSortCellsTop?: boolean;
-		bSortClasses?: boolean;
-		bStateSave?: boolean;
-		fnCookieCallback?: CookieCallback;
-		fnCreatedRow?: RowCreatedCallback;
-		fnDrawCallback?: DrawCallback;
-		fnFooterCallback?: FooterCallback;
-		fnFormatNumber?: FormatNumber;
-		fnHeaderCallback?: HeaderCallback;
-		fnInfoCallback?: InfoCallback;
-		fnInitComplete?: InitComplete;
-		fnPreDrawCallback?: PreDrawCallback;
-		fnRowCallback?: RowCallback;
-
-		fnStateLoadCallback?: StateLoadCallback;
-		fnStateLoadParams?: StateLoadParams;
-		fnStateLoaded?: StateLoaded;
-		fnStateSaveCallback?: StateSaveCallback;
-		fnStateSaveParams?: StateSaveParams;
-		iCookieDuration?: number;
-		iDeferLoading?: any;
-		iDisplayLength?: number;
-		iDisplayStart?: number;
-		iScrollLoadGap?: number;
-		iTabIndex?: number;
-		oLanguage?: LanguageOptions;
-		oSearch?: any;
-		sAjaxDataProp?: string;
-		sAjaxSource?: string;
-		sCookiePrefix?: string;
-		sDom?: string;
-		sPaginationType?: string;
-		sScrollX?: string;
-		sScrollXInner?: string;
-		sScrollY?: string;
-		sServerMethod? : string;
-	}
-
-	export interface LanguageOptions
-	{
-		oAria? : AriaOptions;
-		oPaginate? : PaginateOptions;
-		sEmptyTable?: string;
-		sInfo?: string;
-		sInfoEmpty?: string;
-		sInfoFiltered?: string;
-		sInfoPostFix?: string;
-		sInfoThousands?: string;
-		sLengthMenu?: string;
-		sLoadingRecords?: string;
-		sProcessing?: string;
-		sSearch?: string;
-		sUrl?: string;
-		sZeroRecords?: string;
-	}
-
-	export interface AriaOptions
-	{
-		sSortAscending?: string;
-		sSortDescending?: string;
-	}
-
-	export interface PaginateOptions
-	{
-		sFirst?: string;
-		sLast?: string;
-		sNext?: string;
-		sPrevious?: string;
-	}
-
-	export interface ColumnOptions
-	{
-		aDataSort?: number[];
-		asSorting?: string[];
-		bSearchable? : boolean;
-		bSortable? : boolean;
-		bVisible? : boolean;
-		_bAutoType? : boolean;
-		fnCreatedCell?: CreatedCell;
-		iDataSort?: number;
-		mData?: any;
-		mRender?: any;
-		sCellType?: string;
-		sClass?: string;
-		sContentPadding?: string;
-		sDefaultContent?: string;
-		sName?: string;
-		sSortDataType?: string;
-		sSortingClass?: string;
-		sTitle?: string;
-		sType?: string;
-		sWidth?: string;
-	}
-
-	export interface ColumnDef extends ColumnOptions
-	{
-		aTargets: any[];
-	}
-
-	export interface Settings
-	{
-		oFeatures : Features;
-		oScroll: ScrollingSettings;
-		oLanguage : { fnInfoCallback : InfoCallback; };
-		oBrowser : { bScrollOversize : boolean; };
-		aanFeatures: Node[][];
-		aoData: Row[];
-		aiDisplay: number[];
-		aiDisplayMaster: number[];
-		aoColumns: Column[];
-		aoHeader: any[];
-		aoFooter: any[];
-		asDataSearch: string[];
-		oPreviousSearch: any;
-		aoPreSearchCols: any[];
-		aaSorting: any[][];
-		aaSortingFixed: any[][];
-		asStripeClasses: string[];
-		asDestroyStripes: string[];
-		sDestroyWidth: number;
-		aoRowCallback: RowCallback[];
-		aoHeaderCallback: HeaderCallback[];
-		aoFooterCallback: FooterCallback[];
-		aoDrawCallback: DrawCallback[];
-		aoRowCreatedCallback: RowCreatedCallback[];
-		aoPreDrawCallback: PreDrawCallback[];
-		aoInitComplete: InitComplete[];
-		aoStateSaveParams: StateSaveParams[];
-		aoStateLoadParams: StateLoadParams[];
-		aoStateLoaded: StateLoaded[];
-		sTableId: string;
-		nTable: Node;
-		nTHead: Node;
-		nTFoot: Node;
-		nTBody: Node;
-		nTableWrapper: Node;
-		bDeferLoading: boolean;
-		bInitialized: boolean;
-		aoOpenRows: any[];
-		sDom: string;
-		sPaginationType: string;
-		iCookieDuration: number;
-		sCookiePrefix: string;
-		fnCookieCallback: CookieCallback;
-		aoStateSave: StateSaveCallback[];
-		aoStateLoad: StateLoadCallback[];
-		oLoadedState: any;
-		sAjaxSource: string;
-		sAjaxDataProp: string;
-		bAjaxDataGet: boolean;
-		jqXHR: any;
-		fnServerData: any;
-		aoServerParams: any[];
-		sServerMethod: string;
-		fnFormatNumber: FormatNumber;
-		aLengthMenu: any[];
-		iDraw: number;
-		bDrawing: boolean;
-		iDrawError: number;
-		_iDisplayLength: number;
-		_iDisplayStart: number;
-		_iDisplayEnd: number;
-		_iRecordsTotal: number;
-		_iRecordsDisplay: number;
-		bJUI: boolean;
-		oClasses: any;
-		bFiltered: boolean;
-		bSorted: boolean;
-		bSortCellsTop: boolean;
-		oInit: any;
-		aoDestroyCallback: any[];
-		fnRecordsTotal: () => number;
-		fnRecordsDisplay: () => number;
-		fnDisplayEnd: () => number;
-		oInstance : any;
-		sInstance: string;
-		iTabIndex: number;
-		nScrollHead: Node;
-		nScrollFoot: Node;
-	}
-
-	export interface Features
-	{
-		bAutoWidth: boolean;
-		bDeferRender: boolean;
-		bFilter: boolean;
-		bInfo: boolean;
-		bLengthChange: boolean;
-		bPaginate: boolean;
-		bProcessing: boolean;
-		bServerSide: boolean;
-		bSort: boolean;
-		bSortClasses: boolean;
-		bStateSave: boolean;
-	}
-
-	export interface ScrollingSettings
-	{
-		bAutoCss : boolean;
-		bCollapse: boolean;
-		bInfinite: boolean;
-		iBarWidth: number;
-		iLoadGap: number;
-		sX: string;
-		sY: string;
-	}
-
-	export interface Row
-	{
-		nTr: Node;
-		_aData: any;
-		_aSortData: any[];
-		_anHidden: Node[];
-		_sRowStripe: string;
-	}
-
-	export interface Column
-	{
-		aDataSort: any;
-		asSorting: string[];
-		bSearchable : boolean;
-		bSortable : boolean;
-		bVisible : boolean;
-		_bAutoType : boolean;
-		fnCreatedCell: CreatedCell;
-		fnGetData: (data: any, specific: string) => any;
-		fnSetData: (data: any, value: any) => void;
-		mData: any;
-		mRender: any;
-		nTh: Node;
-		nIf: Node;
-		sClass: string;
-		sContentPadding: string;
-		sDefaultContent: string;
-		sName: string;
-		sSortDataType: string;
-		sSortingClass: string;
-		sSortingClassJUI: string;
-		sTitle: string;
-		sType: string;
-		sWidth: string;
-		sWidthOrig: string;
-	}
-
-	export interface CookieCallback
-	{
-		(name: string, data: any, expires: string, path: string, cookie: string) : void;
-	}
-
-	export interface RowCreatedCallback
-	{
-		(row: Node, data: any[], dataIndex: number) : void;
-	}
-
-	export interface DrawCallback
-	{
-		(settings: Settings) : void;
-	}
-
-	export interface FooterCallback
-	{
-		(foot: Element, data: any[], start:number, end:number, display: number[]) : void;
-	}
-
-	export interface FormatNumber
-	{
-		(toFormat: number) : string;
-	}
-
-	export interface HeaderCallback
-	{
-		(head: Element, data: any[], start:number, end:number, display: number[]) : void;
-	}
-
-	export interface InfoCallback
-	{
-		(settings: Settings, start: number, end: number, max:number, total: number, pre: string) : string;
-	}
-
-	export interface InitComplete
-	{
-		(settings: Settings, json: any) : void;
-	}
-
-	export interface PreDrawCallback
-	{
-		(settings: Settings) : boolean;
-	}
-
-	export interface RowCallback
-	{
-		(row : Settings, data: any[], displayIndex: number, displayIndexFull: number) : void;
-	}
-
-	export interface StateLoadCallback
-	{
-		(settings: Settings) : any;
-	}
-
-	export interface StateLoadParams
-	{
-		(settings: Settings, data: any) : void;
-	}
-
-	export interface StateLoaded
-	{
-		(settings: Settings, data: any) : void;
-	}
-
-	export interface StateSaveCallback
-	{
-		(settings: any, data:any) : void;
-	}
-
-	export interface StateSaveParams
-	{
-		(settings: any, data:any) : void;
-	}
-
-	export interface CreatedCell
-	{
-		(nTd: Node, cellData: any, rowData: any, row: number, col: number) : void;
-	}
-}
diff --git a/jquery.payment/tsconfig.json b/jquery.payment/tsconfig.json
index cdcaca971c..48dedd0dff 100644
--- a/jquery.payment/tsconfig.json
+++ b/jquery.payment/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "jquery.payment-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/js-base64/js-base64-test.ts b/js-base64/js-base64-tests.ts
similarity index 90%
rename from js-base64/js-base64-test.ts
rename to js-base64/js-base64-tests.ts
index c10943df2e..275547d296 100644
--- a/js-base64/js-base64-test.ts
+++ b/js-base64/js-base64-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="js-base64.d.ts" />
-
 import { Base64 } from 'js-base64'
 
 Base64.encode('dankogai');  // ZGFua29nYWk=
diff --git a/js-base64/tsconfig.json b/js-base64/tsconfig.json
index cdcaca971c..89dca69d28 100644
--- a/js-base64/tsconfig.json
+++ b/js-base64/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "js-base64-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/js-combinatorics/js-combinatorics-global-tests.ts b/js-combinatorics/js-combinatorics-global-tests.ts
deleted file mode 100644
index 2bdddc9897..0000000000
--- a/js-combinatorics/js-combinatorics-global-tests.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-
-
-const p:number = Combinatorics.P(1, 2);
-const c:number = Combinatorics.C(1, 2);
-const factorial:number = Combinatorics.factorial(5);
-const factoradic:number[] = Combinatorics.factoradic(5);
-
-const power = Combinatorics.power(["a", "b", "c"]);
-const nextPower:string[] = power.next();
-power.forEach((i:string[]) => console.log(i));
-const powersLengths:number[] = power.map((i:string[]) => i.length);
-const filteredPowers:string[][] = power.filter((i:string[]) => i.length > 0);
-const allPowers:string[][] = power.toArray();
-const powersCount = power.length;
-const nthPower:string[] = power.nth(3);
-
-const limitedCombination = Combinatorics.combination(["a", "b", "c"], 2);
-const combination = Combinatorics.combination(["a", "b", "c"]);
-const nextCombination:string[] = combination.next();
-combination.forEach((i:string[]) => console.log(i));
-const combinationsLengths:number[] = combination.map((i:string[]) => i.length);
-const filteredCombinations:string[][] = combination.filter((i:string[]) => i.length > 0);
-const allCombinations:string[][] = combination.toArray();
-const combinationsCount = combination.length;
-
-const limitedPermutation = Combinatorics.permutation(["a", "b", "c"], 2);
-const permutation = Combinatorics.permutation(["a", "b", "c"]);
-const nextPermutation:string[] = permutation.next();
-permutation.forEach((i:string[]) => console.log(i));
-const permutationsLengths:number[] = permutation.map((i:string[]) => i.length);
-const filteredPermutations:string[][] = permutation.filter((i:string[]) => i.length > 0);
-const allPermutations:string[][] = permutation.toArray();
-const permutationsCount = permutation.length;
-
-const permutationCombination = Combinatorics.permutationCombination(["a", "b", "c"]);
-const nextPermutationCombinations:string[] = permutationCombination.next();
-permutationCombination.forEach((i:string[]) => console.log(i));
-const permutationCombinationsLengths:number[] = permutationCombination.map((i:string[]) => i.length);
-const filteredPermutationCombinationss:string[][] = permutationCombination.filter((i:string[]) => i.length > 0);
-const allPermutationCombinationss:string[][] = permutationCombination.toArray();
-const permutationCombinationsCount = permutationCombination.length;
-
-const limitedBaseN = Combinatorics.baseN(["a", "b", "c"], 2);
-const baseN = Combinatorics.baseN(["a", "b", "c"]);
-const nextbaseN:string[] = baseN.next();
-baseN.forEach((i:string[]) => console.log(i));
-const baseNsLengths:number[] = baseN.map((i:string[]) => i.length);
-const filteredbaseNs:string[][] = baseN.filter((i:string[]) => i.length > 0);
-const allbaseNs:string[][] = baseN.toArray();
-const baseNsCount = baseN.length;
-const nthbaseN:string[] = baseN.nth(3);
-
-const cartesianProduct1 = Combinatorics.cartesianProduct(["a", "b", "c"]);
-const nextCartesianProduct1:[string] = cartesianProduct1.next();
-const nextCartesianProduct1Char = nextCartesianProduct1[0].substr(0, 1);
-cartesianProduct1.forEach((i:[string]) => console.log(i));
-const cartesianProduct1sLengths:number[] = cartesianProduct1.map((i:[string]) => i.length);
-const filteredCartesianProduct1s:[string][] = cartesianProduct1.filter((i:[string]) => i.length > 0);
-const allCartesianProduct1s:[string][] = cartesianProduct1.toArray();
-const cartesianProduct1sCount = cartesianProduct1.length;
-const nthCartesianProduct1:[string] = cartesianProduct1.nth(3);
-const cartesianProduct1ByCoords:[string] = cartesianProduct1.get(1);
-
-const cartesianProduct2 = Combinatorics.cartesianProduct(["a", "b", "c"], [1, 2, 3]);
-const nextCartesianProduct2:[string, number] = cartesianProduct2.next();
-const nextCartesianProduct2Char = nextCartesianProduct2[0].substr(0, 1);
-const nextCartesianProduct2Num = nextCartesianProduct2[1].toFixed(2);
-cartesianProduct2.forEach((i:[string, number]) => console.log(i));
-const cartesianProduct2sLengths:number[] = cartesianProduct2.map((i:[string, number]) => i.length);
-const filteredCartesianProduct2s:[string, number][] = cartesianProduct2.filter((i:[string, number]) => i.length > 0);
-const allCartesianProduct2s:[string, number][] = cartesianProduct2.toArray();
-const cartesianProduct2sCount = cartesianProduct2.length;
-const nthCartesianProduct2:[string, number] = cartesianProduct2.nth(3);
-const cartesianProduct2ByCoords:[string, number] = cartesianProduct2.get(1, 1);
-
-const cartesianProduct3 = Combinatorics.cartesianProduct(["a", "b", "c"], [1, 2, 3], [true, false]);
-const nextCartesianProduct3:[string, number, boolean] = cartesianProduct3.next();
-const nextCartesianProduct3Char = nextCartesianProduct3[0].substr(0, 1);
-const nextCartesianProduct3Num = nextCartesianProduct3[1].toFixed(2);
-const nextCartesianProduct4Cond = nextCartesianProduct3[2] === true;
-cartesianProduct3.forEach((i:[string, number, boolean]) => console.log(i));
-const cartesianProduct3sLengths:number[] = cartesianProduct3.map((i:[string, number, boolean]) => i.length);
-const filteredCartesianProduct3s:[string, number, boolean][] = cartesianProduct3.filter((i:[string, number, boolean]) => i.length > 0);
-const allCartesianProduct3s:[string, number, boolean][] = cartesianProduct3.toArray();
-const cartesianProduct3sCount = cartesianProduct3.length;
-const nthCartesianProduct3:[string, number, boolean] = cartesianProduct3.nth(3);
-const cartesianProduct3ByCoords:[string, number, boolean] = cartesianProduct3.get(1, 1);
-
-const cartesianProductAny = Combinatorics.cartesianProduct(["a", 1, true], [false, 2, "b"]);
-const nextCartesianProductAny:any[] = cartesianProductAny.next();
-cartesianProductAny.forEach((i:any[]) => console.log(i));
-const cartesianProductAnysLengths:number[] = cartesianProductAny.map((i:any[]) => i.length);
-const filteredCartesianProductAnys:any[][] = cartesianProductAny.filter((i:any[]) => i.length > 0);
-const allCartesianProductAnys:any[][] = cartesianProductAny.toArray();
-const cartesianProductAnysCount = cartesianProductAny.length;
-const nthCartesianProductAny:any[] = cartesianProductAny.nth(3);
-const cartesianProductAnyByCoords:any[] = cartesianProductAny.get(1, 1);
-
-const version:string = Combinatorics.VERSION;
diff --git a/js-combinatorics/js-combinatorics-global.d.ts b/js-combinatorics/js-combinatorics-global.d.ts
deleted file mode 100644
index b3a4b7b49a..0000000000
--- a/js-combinatorics/js-combinatorics-global.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// Type definitions for js-combinatorics v0.5.0 (global)
-// Project: https://github.com/dankogai/js-combinatorics
-// Definitions by: Vasya Aksyonov <https://github.com/outring>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-import Combinatorics = __Combinatorics;
diff --git a/js-data/js-data-node-tests.ts b/js-data/js-data-node-tests.ts
deleted file mode 100644
index 7317132605..0000000000
--- a/js-data/js-data-node-tests.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/// <reference types="js-data-http" />
-
-import JSData = require('js-data');
-import DSHttpAdapter = require('js-data-http')
-var store = new JSData.DS();
-
-// register and use http by default for async operations
-store.registerAdapter('redis', new DSHttpAdapter(), {default: true});
-
-// simplest model definition
-var User = store.defineResource('user');
-
-User.find(1).then(function (user: any) {
-    user; // { id: 1, name: 'John' }
-});
diff --git a/js-data/legacy/js-data-node-1.5.4-tests.ts b/js-data/legacy/js-data-node-1.5.4-tests.ts
deleted file mode 100644
index 547643fed0..0000000000
--- a/js-data/legacy/js-data-node-1.5.4-tests.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-import JSData = require('js-data');
-var store = new JSData.DS();
-
-// simplest model definition
-var User = store.defineResource('user');
-
-User.find(1).then(function (user: any) {
-    user; // { id: 1, name: 'John' }
-});
diff --git a/js-data/legacy/index.d.ts b/js-data/v1/index.d.ts
similarity index 100%
rename from js-data/legacy/index.d.ts
rename to js-data/v1/index.d.ts
diff --git a/js-data/legacy/js-data-1.5.4-tests.ts b/js-data/v1/js-data-tests.ts
similarity index 100%
rename from js-data/legacy/js-data-1.5.4-tests.ts
rename to js-data/v1/js-data-tests.ts
diff --git a/js-data/v1/tsconfig.json b/js-data/v1/tsconfig.json
new file mode 100644
index 0000000000..c0af79f5ce
--- /dev/null
+++ b/js-data/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "js-data": ["js-data/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "js-data-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/js-quantities/js-quantities-tests.ts b/js-quantities/js-quantities-tests.ts
index b1916bb626..f743d9a8e5 100644
--- a/js-quantities/js-quantities-tests.ts
+++ b/js-quantities/js-quantities-tests.ts
@@ -1,5 +1,5 @@
-import "../jasmine";
-import Qty from ".";
+/// <reference types="jasmine" />
+import Qty from "js-quantities";
 
 // From project readme
 
diff --git a/jsfl/tsconfig.json b/jsfl/tsconfig.json
index bf97b93a4d..9549c831eb 100644
--- a/jsfl/tsconfig.json
+++ b/jsfl/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "xJSFL.d.ts"
     ]
 }
\ No newline at end of file
diff --git a/jsfl/xJSFL.d.ts b/jsfl/xJSFL.d.ts
index 868f9d1391..3e0be6e4e8 100644
--- a/jsfl/xJSFL.d.ts
+++ b/jsfl/xJSFL.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: soywiz <https://github.com/soywiz/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-///<reference path="./jsfl.d.ts" />
+///<reference path="index.d.ts" />
 
 interface _xjsfl {
 	init(_this: any): void;
diff --git a/jssha/jssha-1.6.0-tests.ts b/jssha/jssha-1.6.0-tests.ts
deleted file mode 100644
index f0df88f7fe..0000000000
--- a/jssha/jssha-1.6.0-tests.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-
-/// <reference types="node" />
-
-var imported = require("jssha");
-
-var shaObj1:jsSHA.jsSHA = new jsSHA("This is a Test", "TEXT", "UTF8");
-var shaObj2 = new imported("This is a Test", "TEXT");
-
-var hash1:string = shaObj2.getHash("SHA-512", "HEX");
-var hash2:string = shaObj2.getHash("SHA-512", "HEX", 2);
-var hash3:string = shaObj2.getHash("SHA-512", "HEX", 2, {outputUpper: false, b64Pad: "foobar"});
-
-var format:jsSHA.OutputFormatOptions = {outputUpper: false, b64Pad: "foobar"};
-var hmac1 = shaObj2.getHMAC("SecretKey", "TEXT", "SHA-512", "HEX");
-var hmac2 = shaObj2.getHMAC("SecretKey", "TEXT", "SHA-512", "HEX", format);
diff --git a/jssha/jssha-1.6.0.d.ts b/jssha/jssha-1.6.0.d.ts
deleted file mode 100644
index dcde33c4a8..0000000000
--- a/jssha/jssha-1.6.0.d.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-// Type definitions for jsSHA-1.6.0
-// Project: https://github.com/Caligatio/jsSHA
-// Definitions by: David Li <https://github.com/randombk>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-declare namespace jsSHA {
-    export interface OutputFormatOptions {
-        outputUpper? : boolean;
-        b64Pad? : string;
-    }
-
-    export interface jsSHA {
-        /**
-         * jsSHA is the workhorse of the library.  Instantiate it with the string to
-         * be hashed as the parameter
-         *
-         * @constructor
-         * @this {jsSHA}
-         * @param {string} srcString The string to be hashed
-         * @param {string} inputFormat The format of srcString, HEX, TEXT, B64, or BYTES
-         * @param {string=} encoding The text encoding to use to encode the source
-         *   string
-         */
-        new (srcString:string, inputFormat:string, encoding?:string):jsSHA;
-
-        /**
-         * Returns the desired SHA hash of the string specified at instantiation
-         * using the specified parameters
-         *
-         * @param {string} variant The desired SHA variant (SHA-1, SHA-224,
-         *   SHA-256, SHA-384, or SHA-512)
-         * @param {string} format The desired output formatting (B64, HEX, or BYTES)
-         * @param {number=} numRounds The number of rounds of hashing to be
-         *   executed
-         * @param {{outputUpper : boolean, b64Pad : string}=} outputFormatOpts
-         *   Hash list of output formatting options
-         * @return {string} The string representation of the hash in the format
-         *   specified
-         */
-        getHash(variant:string, format:string, numRounds?:number, outputFormatOpts?:OutputFormatOptions):string;
-
-        /**
-         * Returns the desired HMAC of the string specified at instantiation
-         * using the key and variant parameter
-         *
-         * @param {string} key The key used to calculate the HMAC
-         * @param {string} inputFormat The format of key, HEX, TEXT, B64, or BYTES
-         * @param {string} variant The desired SHA variant (SHA-1, SHA-224,
-         *   SHA-256, SHA-384, or SHA-512)
-         * @param {string} outputFormat The desired output formatting
-         *   (B64, HEX, or BYTES)
-         * @param {{outputUpper : boolean, b64Pad : string}=} outputFormatOpts
-         *   associative array of output formatting options
-         * @return {string} The string representation of the hash in the format
-         *   specified
-         */
-        getHMAC(key:string, inputFormat:string, variant:string, outputFormat:string, outputFormatOpts?:OutputFormatOptions):string;
-    }
-}
-
-declare var jsSHA: jsSHA.jsSHA;
-declare module 'jssha' {
-    export = jsSHA;
-}
diff --git a/jwt-simple/jwt-simple-0.2.0-tests.ts b/jwt-simple/jwt-simple-0.2.0-tests.ts
deleted file mode 100644
index 8a0cc59c52..0000000000
--- a/jwt-simple/jwt-simple-0.2.0-tests.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/// <reference path='jwt-simple.d.ts' />
-
-import jwt = require('jwt-simple');
-var payload = { foo: 'bar' };
-var secret:string = 'xxx';
-
-// encode
-var token = jwt.encode(payload, secret);
-
-// decode
-var decoded = jwt.decode(token, secret);
-console.log(decoded); //=> { foo: 'bar' }
\ No newline at end of file
diff --git a/jwt-simple/jwt-simple-0.2.0.d.ts b/jwt-simple/jwt-simple-0.2.0.d.ts
deleted file mode 100644
index 0ee3cc6799..0000000000
--- a/jwt-simple/jwt-simple-0.2.0.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// Type definitions for jwt-simple v0.2.0
-// Project: https://github.com/hokaccha/node-jwt-simple
-// Definitions by: Ken Fukuyama <https://github.com/kenfdev>
-// Definitions: https://github.com/borisyankov/DefinitelyTyped
-declare module "jwt-simple" {
-  /**
-   * Decode jwt
-   * @param token
-   * @param key
-   * @param noVerify
-   * @api public
-   */
-  export function decode(token:any, key:string, noVerify?:boolean):any;
-  /**
-   * Encode jwt
-   * @param payload
-   * @param key
-   * @param algorithm default is HS256
-   * @api public
-   */
-  export function encode(payload:any, key:string, algorithm?:string):string;
-}
diff --git a/karma/karma-0.12-tests.ts b/karma/karma-0.12-tests.ts
deleted file mode 100644
index 7e2c7230db..0000000000
--- a/karma/karma-0.12-tests.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-import gulp = require('gulp');
-import karma = require('karma');
-
-function runKarma(singleRun: boolean): void {
-  karma.server.start({
-    configFile: __dirname + '/karma.conf.js',
-    singleRun: singleRun
-  });
-}
-
-gulp.task('test:unit:karma', ['build:test:unit'], () => runKarma(true));
-
-
-karma.server.start({port: 9876}, (exitCode: number) => {
-  console.log('Karma has exited with ' + exitCode);
-  process.exit(exitCode);
-});
-
-
-karma.runner.run({port: 9876}, (exitCode: number) => {
-  console.log('Karma has exited with ' + exitCode);
-  process.exit(exitCode);
-});
diff --git a/karma/karma-0.12.d.ts b/karma/karma-0.12.d.ts
deleted file mode 100644
index dc9939d205..0000000000
--- a/karma/karma-0.12.d.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-// Type definitions for karma v0.12.37
-// Project: https://github.com/karma-runner/karma
-// Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-// See Karma public API https://karma-runner.github.io/0.12/dev/public-api.html
-
-interface IKarmaServer {
-    start(options?: any, callback?: (exitCode: number) => void): void;
-}
-
-interface IKarmaRunner {
-    run(options?: any, callback?: (exitCode: number) => void): void;
-}
-
-interface IKarma {
-    server: IKarmaServer;
-    runner: IKarmaRunner;
-}
-
-declare var karma: IKarma;
-export = karma;
diff --git a/knockout/all-tests.ts b/knockout/all-tests.ts
deleted file mode 100644
index 1890561ac8..0000000000
--- a/knockout/all-tests.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-/// <reference path="tests/index.d.ts" />
-/// <reference path="tests/knockout-tests.ts" />
-/// <reference path="tests/knockout-templatingBehaviors-tests.ts" />
diff --git a/knockout/knockoutamd-tests.ts b/knockout/knockoutamd-tests.ts
deleted file mode 100644
index dbf407afd2..0000000000
--- a/knockout/knockoutamd-tests.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-import ko = require("knockout");
-
-var myArray = ko.observableArray([1, 2, 3]);
-
-class MyViewModel {
-	name = ko.observable("Jeff");
-}
-
-ko.applyBindings(new MyViewModel());
diff --git a/knockout/tests/index.d.ts b/knockout/tests/index.d.ts
deleted file mode 100644
index 6188d49475..0000000000
--- a/knockout/tests/index.d.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// Type definitions for Knockout specs
-// Project: http://knockoutjs.com
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Igor Oleinikov <https://github.com/Igorbek/>, Clément Bourgeois <https://github.com/moonpyk/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// Knockout specs depend on custom Jasmine matchers
-// See https://github.com/knockout/knockout/blob/v3.4.0/spec/lib/jasmine.extensions.js
-// FYI jasmine-jquery.d.ts (https://github.com/velesin/jasmine-jquery) also defines toContainHtml() and toContainText()
-
-declare namespace jasmine {
-  interface Matchers {
-    toContainHtml(expected: string): boolean;
-    toContainText(expected: string): boolean;
-  }
-}
diff --git a/knockout/tests/knockout-templatingBehaviors-tests.ts b/knockout/tests/knockout-templatingBehaviors-tests.ts
index 213ee06f15..7052b716f5 100644
--- a/knockout/tests/knockout-templatingBehaviors-tests.ts
+++ b/knockout/tests/knockout-templatingBehaviors-tests.ts
@@ -1,6 +1,13 @@
 /// <reference types="jasmine" />
 /// <reference types="knockout.mapping" />
 
+declare namespace jasmine {
+  interface Matchers {
+    toContainHtml(expected: string): boolean;
+    toContainText(expected: string): boolean;
+  }
+}
+
 var dummyTemplateEngine = function (templates?) {
     var inMemoryTemplates = templates || {};
     var inMemoryTemplateData = {};
diff --git a/knockout/tsconfig.json b/knockout/tsconfig.json
index 18dd8dd7b5..04246314bb 100644
--- a/knockout/tsconfig.json
+++ b/knockout/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "all-tests.ts"
+        "tests/knockout-templatingBehaviors-tests.ts",
+        "tests/knockout-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/koa/koa-1.1.2-tests.ts b/koa/koa-1.1.2-tests.ts
deleted file mode 100644
index f9d908a47c..0000000000
--- a/koa/koa-1.1.2-tests.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-import * as Koa from 'koa';
-var app = new Koa();
-
-// logger
-
-app.use(function *(next: Function) {
-    // at present, we can not typing 'this' in function
-    // but there is a proposal: https://github.com/Microsoft/TypeScript/issues/3694
-    var ctx: Koa.Context = this;
-
-    var start = new Date;
-    yield next;
-    var ms = <any>new Date - <any>start;
-    console.log('%s %s - %s', ctx.method, ctx.url, ms);
-});
-
-// response
-
-app.use(function *(): Iterable<void> {
-    var ctx: Koa.Context = this;
-    ctx.body = 'Hello World';
-});
-
-app.listen(3000);
diff --git a/koa/koa-1.1.2.d.ts b/koa/koa-1.1.2.d.ts
deleted file mode 100644
index 25361cf4d7..0000000000
--- a/koa/koa-1.1.2.d.ts
+++ /dev/null
@@ -1,592 +0,0 @@
-
-
-
-import * as net from 'net';
-import * as http from 'http';
-import * as events from 'events';
-import * as Cookies from 'cookies';
-
-interface IRequest extends Koa.Request {
-    /**
-     * Return request header.
-     *
-     * @readonly
-     */
-    header: any;
-    /**
-     * Return request header, alias as request.header
-     *
-     * @readonly
-     */
-    headers: any;
-    /**
-     * Get/Set request URL.
-     */
-    url: string;
-    /**
-     * Get origin of URL.
-     */
-    origin: string;
-    /**
-     * Get full request URL.
-     *
-     * @readonly
-     */
-    href: string;
-    /**
-     * Get/Set request method.
-     */
-    method: string;
-    /**
-     * Get request pathname.
-     * Set pathname, retaining the query-string when present.
-     */
-    path: string;
-    /**
-     * Get parsed query-string.
-     * Set query-string as an object.
-     */
-    query: any;
-    /**
-     * Get/Set query string.
-     */
-    querystring: string;
-    /**
-     * Get the search string. Same as the querystring except it includes the leading ?.
-     * Set the search string. Same as response.querystring= but included for ubiquity.
-     */
-    search: string;
-    /**
-     * Parse the "Host" header field host and support X-Forwarded-Host when a proxy is enabled.
-     *
-     * @readonly
-     */
-    host: string;
-    /**
-     * Parse the "Host" header field hostname and support X-Forwarded-Host when a proxy is enabled.
-     *
-     * @readonly
-     */
-    hostname: string;
-    /**
-     * Check if the request is fresh, aka
-     * Last-Modified and/or the ETag
-     * still match.
-     *
-     * @readonly
-     */
-    fresh: boolean;
-    /**
-     * Check if the request is stale, aka
-     * "Last-Modified" and / or the "ETag" for the
-     * resource has changed.
-     *
-     * @readonly
-     */
-    stale: boolean;
-    /**
-     * Check if the request is idempotent.
-     *
-     * @readonly
-     */
-    idempotent: boolean;
-    /**
-     * Return the request socket.
-     *
-     * @readonly
-     */
-    socket: net.Socket;
-    /**
-     * Return the protocol string "http" or "https"
-     * when requested with TLS. When the proxy setting
-     * is enabled the "X-Forwarded-Proto" header
-     * field will be trusted. If you're running behind
-     * a reverse proxy that supplies https for you this
-     * may be enabled.
-     *
-     * @readonly
-     */
-    protocol: string;
-    /**
-     * Short-hand for:
-     *
-     *    this.protocol == 'https'
-     *
-     * @readonly
-     */
-    secure: boolean;
-    /**
-     * Return the remote address, or when
-     * `app.proxy` is `true` return
-     * the upstream addr.
-     *
-     * @readonly
-     */
-    ip: string;
-    /**
-     * When `app.proxy` is `true`, parse
-     * the "X-Forwarded-For" ip address list.
-     *
-     * For example if the value were "client, proxy1, proxy2"
-     * you would receive the array `["client", "proxy1", "proxy2"]`
-     * where "proxy2" is the furthest down-stream.
-     *
-     * @readonly
-     */
-    ips: string[];
-    /**
-     * Return subdomains as an array.
-     *
-     * Subdomains are the dot-separated parts of the host before the main domain of
-     * the app. By default, the domain of the app is assumed to be the last two
-     * parts of the host. This can be changed by setting `app.subdomainOffset`.
-     *
-     * For example, if the domain is "tobi.ferrets.example.com":
-     * If `app.subdomainOffset` is not set, this.subdomains is `["ferrets", "tobi"]`.
-     * If `app.subdomainOffset` is 3, this.subdomains is `["tobi"]`.
-     *
-     * @readonly
-     */
-    subdomains: string[];
-    /**
-     * Check if the given `type(s)` is acceptable, returning
-     * the best match when true, otherwise `undefined`, in which
-     * case you should respond with 406 "Not Acceptable".
-     *
-     * The `type` value may be a single mime type string
-     * such as "application/json", the extension name
-     * such as "json" or an array `["json", "html", "text/plain"]`. When a list
-     * or array is given the _best_ match, if any is returned.
-     *
-     * Examples:
-     *
-     *     // Accept: text/html
-     *     this.accepts('html');
-     *     // => "html"
-     *
-     *     // Accept: text/*, application/json
-     *     this.accepts('html');
-     *     // => "html"
-     *     this.accepts('text/html');
-     *     // => "text/html"
-     *     this.accepts('json', 'text');
-     *     // => "json"
-     *     this.accepts('application/json');
-     *     // => "application/json"
-     *
-     *     // Accept: text/*, application/json
-     *     this.accepts('image/png');
-     *     this.accepts('png');
-     *     // => undefined
-     *
-     *     // Accept: text/*;q=.5, application/json
-     *     this.accepts(['html', 'json']);
-     *     this.accepts('html', 'json');
-     *     // => "json"
-     */
-    accepts(...types: string[]): string | boolean | string[];
-    accepts(types: string[]): string | boolean | string[];
-    /**
-     * Return accepted encodings or best fit based on `encodings`.
-     *
-     * Given `Accept-Encoding: gzip, deflate`
-     * an array sorted by quality is returned:
-     *
-     *     ['gzip', 'deflate']
-     */
-    acceptsEncodings(...encodings: string[]): string | string[];
-    acceptsEncodings(encodings: string[]): string | string[];
-    /**
-     * Return accepted charsets or best fit based on `charsets`.
-     *
-     * Given `Accept-Charset: utf-8, iso-8859-1;q=0.2, utf-7;q=0.5`
-     * an array sorted by quality is returned:
-     *
-     *     ['utf-8', 'utf-7', 'iso-8859-1']
-     */
-    acceptsCharsets(...charsets: string[]): string | string[];
-    acceptsCharsets(charsets: string[]): string | string[];
-    /**
-     * Return accepted languages or best fit based on `langs`.
-     *
-     * Given `Accept-Language: en;q=0.8, es, pt`
-     * an array sorted by quality is returned:
-     *
-     *     ['es', 'pt', 'en']
-     */
-    acceptsLanguages(...langs: string[]): string | string[];
-    acceptsLanguages(langs: string[]): string | string[];
-    /**
-     * Check if the incoming request contains the "Content-Type"
-     * header field, and it contains any of the give mime `type`s.
-     * If there is no request body, `null` is returned.
-     * If there is no content type, `false` is returned.
-     * Otherwise, it returns the first `type` that matches.
-     *
-     * Examples:
-     *
-     *     // With Content-Type: text/html; charset=utf-8
-     *     this.is('html'); // => 'html'
-     *     this.is('text/html'); // => 'text/html'
-     *     this.is('text/*', 'application/json'); // => 'text/html'
-     *
-     *     // When Content-Type is application/json
-     *     this.is('json', 'urlencoded'); // => 'json'
-     *     this.is('application/json'); // => 'application/json'
-     *     this.is('html', 'application/*'); // => 'application/json'
-     *
-     *     this.is('html'); // => false
-     */
-    is(type: string): string | boolean;
-    is(types: string[]): string | boolean;
-    /**
-     * Return request header.
-     *
-     * The `Referrer` header field is special-cased,
-     * both `Referrer` and `Referer` are interchangeable.
-     *
-     * Examples:
-     *
-     *     this.get('Content-Type');
-     *     // => "text/plain"
-     *
-     *     this.get('content-type');
-     *     // => "text/plain"
-     *
-     *     this.get('Something');
-     *     // => undefined
-     */
-    get(field: string): string;
-}
-
-interface IResponse extends Koa.Response {
-    /**
-     * Get/Set response status code.
-     */
-    status: number;
-    /**
-     * Get/Set response status message
-     */
-    message: string;
-    /**
-     * Get/Set response body.
-     */
-    body: any;
-    /**
-     * Return parsed response Content-Length when present.
-     * Set Content-Length field to `n`.
-     */
-    length: number;
-    /**
-     * Check if a header has been written to the socket.
-     *
-     * @readonly
-     */
-    headerSent: boolean;
-    /**
-     * Vary on `field`.
-     */
-    vary(field: string): void;
-    /**
-     * Perform a 302 redirect to `url`.
-     *
-     * The string "back" is special-cased
-     * to provide Referrer support, when Referrer
-     * is not present `alt` or "/" is used.
-     *
-     * Examples:
-     *
-     *    this.redirect('back');
-     *    this.redirect('back', '/index.html');
-     *    this.redirect('/login');
-     *    this.redirect('http://google.com');
-     */
-    redirect(url: string): void;
-    redirect(url: string, alt: string): void;
-    /**
-     * Set Content-Disposition header to "attachment" with optional `filename`.
-     */
-    attachment(filename: string): void;
-    /**
-     * Return the response mime type void of
-     * parameters such as "charset".
-     *
-     * Set Content-Type response header with `type` through `mime.lookup()`
-     * when it does not contain a charset.
-     *
-     * Examples:
-     *
-     *     this.type = '.html';
-     *     this.type = 'html';
-     *     this.type = 'json';
-     *     this.type = 'application/json';
-     *     this.type = 'png';
-     */
-    type: string;
-    /**
-     * Get the Last-Modified date in Date form, if it exists.
-     * Set the Last-Modified date using a string or a Date.
-     *
-     *     this.response.lastModified = new Date();
-     *     this.response.lastModified = '2013-09-13';
-     */
-    lastModified: Date;
-    /**
-     * Get the ETag of a response.
-     * Set the ETag of a response.
-     * This will normalize the quotes if necessary.
-     *
-     *     this.response.etag = 'md5hashsum';
-     *     this.response.etag = '"md5hashsum"';
-     *     this.response.etag = 'W/"123456789"';
-     */
-    etag: string;
-    /**
-     * Set header `field` to `val`, or pass
-     * an object of header fields.
-     *
-     * Examples:
-     *
-     *    this.set('Foo', ['bar', 'baz']);
-     *    this.set('Accept', 'application/json');
-     *    this.set({ Accept: 'text/plain', 'X-API-Key': 'tobi' });
-     */
-    set(field: any): void;
-    set(field: string, val: string): void;
-    set(field: string, val: any[]): void;
-    /**
-     * Append additional header `field` with value `val`.
-     *
-     * Examples:
-     *
-     *    this.append('Link', ['<http://localhost/>', '<http://localhost:3000/>']);
-     *    this.append('Set-Cookie', 'foo=bar; Path=/; HttpOnly');
-     *    this.append('Warning', '199 Miscellaneous warning');
-     */
-    append(field: string, val: string): void;
-    append(field: string, val: any[]): void;
-    /**
-     * Remove header `field`.
-     */
-    remove(field: string): void;
-    /**
-     * Checks if the request is writable.
-     * Tests for the existence of the socket
-     * as node sometimes does not set it.
-     *
-     * @readonly
-     * @private
-     */
-    writable: boolean;
-}
-
-declare namespace koa {
-    interface BaseRequest extends IRequest {
-        /**
-         * Get the charset when present or undefined.
-         *
-         * @readonly
-         */
-        charset: string;
-        /**
-         * Return parsed Content-Length when present.
-         *
-         * @readonly
-         */
-        length: number;
-        /**
-         * Return the request mime type void of
-         * parameters such as "charset".
-         *
-         * @readonly
-         */
-        type: string;
-        /**
-         * Inspect implementation.
-         */
-        inspect(): any;
-        /**
-         * Return JSON representation.
-         */
-        toJSON(): any;
-    }
-
-    interface BaseResponse extends IResponse {
-        /**
-         * Return the request socket.
-         *
-         * @readonly
-         */
-        socket: net.Socket;
-        /**
-         * Return response header.
-         *
-         * @readonly
-         */
-        header: any;
-        /**
-         * Return response header, alias as response.header
-         */
-        headers: any;
-        /**
-         * Check whether the response is one of the listed types.
-         * Pretty much the same as `this.request.is()`.
-         */
-        is(type: string): string | boolean;
-        is(types: string[]): string | boolean;
-        /**
-         * Return response header.
-         *
-         * Examples:
-         *
-         *     this.get('Content-Type');
-         *     // => "text/plain"
-         *
-         *     this.get('content-type');
-         *     // => "text/plain"
-         */
-        get(field: string): string;
-        /**
-         * Inspect implementation.
-         */
-        inspect(): any;
-        /**
-         * Return JSON representation.
-         */
-        toJSON(): any;
-    }
-
-    interface BaseContext extends IRequest, IResponse {
-        /**
-         * util.inspect() implementation, which
-         * just returns the JSON output.
-         */
-        inspect(): any;
-        /**
-         * Return JSON representation.
-         *
-         * Here we explicitly invoke .toJSON() on each
-         * object, as iteration will otherwise fail due
-         * to the getters and cause utilities such as
-         * clone() to fail.
-         */
-        toJSON(): any;
-        /**
-         * Similar to .throw(), adds assertion.
-         *
-         *    this.assert(this.user, 401, 'Please login!');
-         *
-         * See: https://github.com/jshttp/http-assert
-         */
-        assert(test: any, status: number, message: string): void;
-        /**
-         * Throw an error with `msg` and optional `status`
-         * defaulting to 500. Note that these are user-level
-         * errors, and the message may be exposed to the client.
-         *
-         *    this.throw(403)
-         *    this.throw('name required', 400)
-         *    this.throw(400, 'name required')
-         *    this.throw('something exploded')
-         *    this.throw(new Error('invalid'), 400);
-         *    this.throw(400, new Error('invalid'));
-         *
-         * See: https://github.com/jshttp/http-errors
-         */
-        throw(...args: any[]): void;
-        /**
-         * Default error handling.
-         *
-         * @private
-         */
-        onerror(err: Error): void;
-    }
-
-    interface Request extends BaseRequest {
-        app: Application;
-        ctx: Context;
-        response: Response;
-        req: http.IncomingMessage;
-        res: http.ServerResponse;
-    }
-
-    interface Response extends BaseResponse {
-        app: Application;
-        ctx: Context;
-        request: Request;
-        req: http.IncomingMessage;
-        res: http.ServerResponse;
-    }
-
-    interface Context extends BaseContext {
-        request: Request;
-        response: Response;
-        app: Application;
-        req: http.IncomingMessage;
-        res: http.ServerResponse;
-        originalUrl: string;
-        cookies: Cookies.ICookies;
-        accept: any;
-        state: any;
-    }
-
-    interface Application extends events.EventEmitter, Koa.Application {
-        env: string;
-        subdomainOffset: number;
-        middleware: any[];
-        proxy: boolean;
-        context: BaseContext;
-        request: BaseRequest;
-        response: BaseResponse;
-        /**
-         * Shorthand for:
-         *
-         *    http.createServer(app.callback()).listen(...)
-         */
-        listen(port: number, hostname?: string, backlog?: number, callback?: Function): http.Server;
-        listen(port: number, hostname?: string, callback?: Function): http.Server;
-        listen(path: string, callback?: Function): http.Server;
-        listen(handle: any, listeningListener?: Function): http.Server;
-        listen(): http.Server;
-        /**
-         * Return JSON representation.
-         * We only bother showing settings.
-         */
-        inspect(): any;
-        /**
-         * Return JSON representation.
-         * We only bother showing settings.
-         */
-        toJSON(): any;
-        /**
-         * Use the given middleware `fn`.
-         */
-        use(fn: Function): Application;
-        /**
-         * Return a request handler callback
-         * for node's native http server.
-         */
-        callback(): (req: http.IncomingMessage, res: http.ServerResponse) => void;
-        /**
-         * Initialize a new context.
-         *
-         * @private
-         */
-        createContext(req: http.IncomingMessage, res: http.ServerResponse): Context;
-        /**
-         * Default error handler.
-         *
-         * @private
-         */
-        onerror(err: Error): void;
-    }
-}
-
-interface KoaStatic {
-    new (): koa.Application;
-    (): koa.Application;
-}
-
-declare var koa: KoaStatic;
-
-export = koa;
diff --git a/leaflet/leaflet-0.7.d.ts b/leaflet/v0/index.d.ts
similarity index 100%
rename from leaflet/leaflet-0.7.d.ts
rename to leaflet/v0/index.d.ts
diff --git a/leaflet/leaflet-0.7-tests.ts b/leaflet/v0/leaflet-tests.ts
similarity index 99%
rename from leaflet/leaflet-0.7-tests.ts
rename to leaflet/v0/leaflet-tests.ts
index 1a88096002..6ca2578f1f 100644
--- a/leaflet/leaflet-0.7-tests.ts
+++ b/leaflet/v0/leaflet-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="leaflet-0.7.d.ts" />
-
 // initialize the map on the "map" div with a given center and zoom
 
 var div = document.getElementById('map');
diff --git a/leaflet/v0/tsconfig.json b/leaflet/v0/tsconfig.json
new file mode 100644
index 0000000000..eee9d441fa
--- /dev/null
+++ b/leaflet/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "leaflet": ["leaflet/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "leaflet-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/leapmotionts/leapmotionts-tests.ts b/leapmotionts/leapmotionts-tests.ts
index 69512e4a37..fc3d62bb1c 100644
--- a/leapmotionts/leapmotionts-tests.ts
+++ b/leapmotionts/leapmotionts-tests.ts
@@ -1,4 +1,4 @@
-import Leap = require('./');
+import Leap = require('leapmotionts');
 
 var controller: Leap.Controller = new Leap.Controller();
 controller.addEventListener(Leap.LeapEvent.LEAPMOTION_FRAME, (event: Leap.LeapEvent) => {
diff --git a/loader-runner/tsconfig.json b/loader-runner/tsconfig.json
index 6701839e52..d87ded872d 100644
--- a/loader-runner/tsconfig.json
+++ b/loader-runner/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "loader-runner-tests"
+        "loader-runner-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/locutus/locutus_print.ts b/locutus/scripts/locutus_print.ts
similarity index 100%
rename from locutus/locutus_print.ts
rename to locutus/scripts/locutus_print.ts
diff --git a/lodash-es/tsconfig.json b/lodash-es/tsconfig.json
index 916fea3909..7d7453cd56 100644
--- a/lodash-es/tsconfig.json
+++ b/lodash-es/tsconfig.json
@@ -158,6 +158,7 @@
         "max/index.d.ts",
         "maxBy/index.d.ts",
         "mean/index.d.ts",
+        "meanBy/index.d.ts",
         "memoize/index.d.ts",
         "merge/index.d.ts",
         "mergeWith/index.d.ts",
diff --git a/lodash/generate-modules.ts b/lodash/scripts/generate-modules.ts
similarity index 100%
rename from lodash/generate-modules.ts
rename to lodash/scripts/generate-modules.ts
diff --git a/lodash/tsconfig.json b/lodash/tsconfig.json
index 2d3c5c2b3a..3d17028275 100644
--- a/lodash/tsconfig.json
+++ b/lodash/tsconfig.json
@@ -158,6 +158,7 @@
         "max/index.d.ts",
         "maxBy/index.d.ts",
         "mean/index.d.ts",
+        "meanBy/index.d.ts",
         "memoize/index.d.ts",
         "merge/index.d.ts",
         "mergeWith/index.d.ts",
diff --git a/lodash/legacy/lodash-3.10.d.ts b/lodash/v3/index.d.ts
similarity index 100%
rename from lodash/legacy/lodash-3.10.d.ts
rename to lodash/v3/index.d.ts
diff --git a/lodash/legacy/lodash-3.10-tests.ts b/lodash/v3/lodash-tests.ts
similarity index 99%
rename from lodash/legacy/lodash-3.10-tests.ts
rename to lodash/v3/lodash-tests.ts
index a357d93f80..8ce09add75 100644
--- a/lodash/legacy/lodash-3.10-tests.ts
+++ b/lodash/v3/lodash-tests.ts
@@ -1,5 +1,3 @@
-/// <reference types="lodash-3.10" />
-
 declare var $: any, jQuery: any;
 
 interface IFoodOrganic {
@@ -2927,13 +2925,11 @@ namespace TestPlant {
 // _.prototype.reverse
 namespace TestReverse {
     {
-        let result: _.LoDashImplicitArrayWrapper<number>;
-        result: _([42]).reverse();
+        let result: _.LoDashImplicitArrayWrapper<number> = _([42]).reverse();
     }
 
     {
-        let result: _.LoDashExplicitArrayWrapper<number>;
-        result: _([42]).chain().reverse();
+        let result: _.LoDashExplicitArrayWrapper<number> = _([42]).chain().reverse();
     }
 }
 
@@ -9970,78 +9966,63 @@ namespace TestCallback {
 // _.constant
 namespace TestConstant {
     {
-        let result: () => number;
-        result: _.constant<number>(42);
+        let result: () => number = _.constant<number>(42);
     }
 
     {
-        let result: () => string;
-        result: _.constant<string>('a');
+        let result: () => string = _.constant<string>('a');
     }
 
     {
-        let result: () => boolean;
-        result: _.constant<boolean>(true);
+        let result: () => boolean = _.constant<boolean>(true);
     }
 
     {
-        let result: () => string[];
-        result: _.constant<string[]>(['a']);
+        let result: () => string[] = _.constant<string[]>(['a']);
     }
 
     {
-        let result: () => {a: string};
-        result: _.constant<{a: string}>({a: 'a'});
+        let result: () => {a: string} = _.constant<{a: string}>({a: 'a'});
     }
 
     {
-        let result: _.LoDashImplicitObjectWrapper<() => number>;
-        result: _(42).constant<number>();
+        let result: _.LoDashImplicitObjectWrapper<() => number> = _(42).constant<number>();
     }
 
     {
-        let result: _.LoDashImplicitObjectWrapper<() => string>;
-        result: _('a').constant<string>();
+        let result: _.LoDashImplicitObjectWrapper<() => string> = _('a').constant<string>();
     }
 
     {
-        let result: _.LoDashImplicitObjectWrapper<() => boolean>;
-        result: _(true).constant<boolean>();
+        let result: _.LoDashImplicitObjectWrapper<() => boolean> = _(true).constant<boolean>();
     }
 
     {
-        let result: _.LoDashImplicitObjectWrapper<() => string[]>;
-        result: _(['a']).constant<string[]>();
+        let result: _.LoDashImplicitObjectWrapper<() => string[]> = _(['a']).constant<string[]>();
     }
 
     {
-        let result: _.LoDashImplicitObjectWrapper<() => {a: string}>;
-        result: _({a: 'a'}).constant<{a: string}>();
+        let result: _.LoDashImplicitObjectWrapper<() => {a: string}> = _({a: 'a'}).constant<{a: string}>();
     }
 
     {
-        let result: _.LoDashExplicitObjectWrapper<() => number>;
-        result: _(42).chain().constant<number>();
+        let result: _.LoDashExplicitObjectWrapper<() => number> = _(42).chain().constant<number>();
     }
 
     {
-        let result: _.LoDashExplicitObjectWrapper<() => string>;
-        result: _('a').chain().constant<string>();
+        let result: _.LoDashExplicitObjectWrapper<() => string> = _('a').chain().constant<string>();
     }
 
     {
-        let result: _.LoDashExplicitObjectWrapper<() => boolean>;
-        result: _(true).chain().constant<boolean>();
+        let result: _.LoDashExplicitObjectWrapper<() => boolean> = _(true).chain().constant<boolean>();
     }
 
     {
-        let result: _.LoDashExplicitObjectWrapper<() => string[]>;
-        result: _(['a']).chain().constant<string[]>();
+        let result: _.LoDashExplicitObjectWrapper<() => string[]> = _(['a']).chain().constant<string[]>();
     }
 
     {
-        let result: _.LoDashExplicitObjectWrapper<() => {a: string}>;
-        result: _({a: 'a'}).chain().constant<{a: string}>();
+        let result: _.LoDashExplicitObjectWrapper<() => {a: string}> = _({a: 'a'}).chain().constant<{a: string}>();
     }
 }
 
diff --git a/lodash/v3/tsconfig.json b/lodash/v3/tsconfig.json
new file mode 100644
index 0000000000..3cf7aba4f3
--- /dev/null
+++ b/lodash/v3/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "lodash": ["lodash/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "lodash-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/mapbox-gl/mapbox-gl-0.25.1.d.ts b/mapbox-gl/mapbox-gl-0.25.1.d.ts
deleted file mode 100644
index 2ee8d30949..0000000000
--- a/mapbox-gl/mapbox-gl-0.25.1.d.ts
+++ /dev/null
@@ -1,936 +0,0 @@
-// Type definitions for Mapbox GL JS v0.24.0
-// Project: https://github.com/mapbox/mapbox-gl-js
-// Definitions by: Dominik Bruderer <https://github.com/dobrud>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../geojson/geojson.d.ts" />
-
-declare namespace mapboxgl {
-	let accessToken: string;
-	let version: string;
-	export function supported(options?: {failIfMajorPerformanceCaveat?: boolean}): boolean;
-
-	/**
-	 * Map
-	 */
-	export class Map extends Evented {
-		constructor(options?: MapboxOptions);
-
-		addControl(control: Control): this;
-
-		addClass(klass: string, options?: mapboxgl.StyleOptions): this;
-
-		removeClass(klass: string, options?: mapboxgl.StyleOptions): this;
-
-		setClasses(klasses: string[], options?: mapboxgl.StyleOptions): this;
-
-		hasClass(klass: string): boolean;
-
-		getClasses(): string[];
-
-		resize(): this;
-
-		getBounds(): mapboxgl.LngLatBounds;
-
-		setMaxBounds(lnglatbounds?: mapboxgl.LngLatBounds | number[][]): this;
-
-		setMinZoom(minZoom?: number): this;
-
-		setMaxZoom(maxZoom?: number): this;
-
-		project(lnglat: mapboxgl.LngLat | number[]): mapboxgl.Point;
-
-		unproject(point: mapboxgl.Point | number[]): mapboxgl.LngLat;
-
-		queryRenderedFeatures(pointOrBox?: mapboxgl.Point|number[]|mapboxgl.Point[]|number[][], parameters?: {layers?: string[], filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
-
-		querySourceFeatures(sourceID: string, parameters: {sourceLayer?: string, filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
-
-		setStyle(style: mapboxgl.Style | string): this;
-
-		getStyle(): mapboxgl.Style;
-
-		addSource(id: string, source: VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource | GeoJSONSourceRaw): this;
-
-		removeSource(id: string): this;
-
-		getSource(id: string): VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource;
-
-		addLayer(layer: mapboxgl.Layer, before?: string): this;
-
-		removeLayer(id: string): this;
-
-		getLayer(id: string): mapboxgl.Layer;
-
-		setFilter(layer: string, filter: any[]): this;
-
-		setLayerZoomRange(layerId: string, minzoom: number, maxzoom: number): this;
-
-		getFilter(layer: string): any[];
-
-		setPaintProperty(layer: string, name: string, value: any, klass?: string): this;
-
-		getPaintProperty(layer: string, name: string, klass?: string): any;
-
-		setLayoutProperty(layer: string, name: string, value: any): this;
-
-		getLayoutProperty(layer: string, name: string, klass?: string): any;
-
-		getContainer(): HTMLElement;
-
-		getCanvasContainer(): HTMLElement;
-
-		getCanvas(): HTMLCanvasElement;
-
-		loaded(): boolean;
-
-		remove(): void;
-
-		onError(): void;
-
-		showTileBoundaries: boolean;
-
-		showCollisionBoxes: boolean;
-
-		repaint: boolean;
-
-		getCenter(): mapboxgl.LngLat;
-
-		setCenter(center: LngLat|number[], eventData?: mapboxgl.EventData): this;
-
-		panBy(offset: number[], options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		panTo(lnglat: mapboxgl.LngLat, options?: mapboxgl.AnimationOptions, eventdata?: mapboxgl.EventData): this;
-
-		getZoom(): number;
-
-		setZoom(zoom: number, eventData?: mapboxgl.EventData): this;
-
-		zoomTo(zoom: number, options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		zoomIn(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		zoomOut(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		getBearing(): number;
-
-		setBearing(bearing: number, eventData?: mapboxgl.EventData): this;
-
-		rotateTo(bearing: number, options?: mapboxgl.AnimationOptions, eventData?: EventData): this;
-
-		resetNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		snapToNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		getPitch(): number;
-
-		setPitch(pitch: number, eventData?: EventData): this;
-
-		fitBounds(bounds: mapboxgl.LngLatBounds | number[][], options?: { linear?: boolean, easing?: Function, padding?: number, offset?: Point|number[],maxZoom?: number }): this;
-
-		jumpTo(options: mapboxgl.CameraOptions, eventData?: mapboxgl.EventData): this;
-
-		easeTo(options: mapboxgl.CameraOptions | mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		flyTo(options: mapboxgl.FlyToOptions, eventData?: mapboxgl.EventData): this;
-
-		stop(): this;
-
-		scrollZoom: ScrollZoomHandler;
-
-		boxZoom: BoxZoomHandler;
-
-		dragRotate: DragRotateHandler;
-
-		dragPan: DragPanHandler;
-
-		keyboard: KeyboardHandler;
-
-		doublClickZoom: DoubleClickZoomHandler;
-
-		touchZoomRotate: TouchZoomRotateHandler;
-	}
-
-	export interface MapboxOptions {
-		/** If true, an attribution control will be added to the map. */
-		attributionControl?: boolean;
-
-		bearing?: number;
-
-		/** Snap to north threshold in degrees. */
-		bearingSnap?: number;
-
-		/** If true, enable the "box zoom" interaction (see BoxZoomHandler) */
-		boxZoom?: boolean;
-
-		/** initial map center */
-		center?: mapboxgl.LngLat | number[];
-
-		/** Style class names with which to initialize the map */
-		classes?: string[];
-
-		/** ID of the container element */
-		container?: string | Element;
-
-		/** If true, enable the "drag to pan" interaction (see DragPanHandler). */
-		dragPan?: boolean;
-
-		/** If true, enable the "drag to rotate" interaction (see DragRotateHandler). */
-		dragRotate?: boolean;
-
-		/** If true, enable the "double click to zoom" interaction (see DoubleClickZoomHandler). */
-		doubleClickZoom?: boolean;
-
-		/** If true, the map will track and update the page URL according to map position */
-		hash?: boolean;
-
-		/** If true, map creation will fail if the implementation determines that the performance of the created WebGL context would be dramatically lower than expected. */
-		failIfMayorPerformanceCaveat?: boolean;
-
-		/** If false, no mouse, touch, or keyboard listeners are attached to the map, so it will not respond to input */
-		interactive?: boolean;
-
-		/** If true, enable keyboard shortcuts (see KeyboardHandler). */
-		keyboard?: boolean;
-
-		/** If set, the map is constrained to the given bounds. */
-		maxBounds?: mapboxgl.LngLatBounds | number[][];
-
-		/** Maximum zoom of the map */
-		maxZoom?: number;
-
-		/** Minimum zoom of the map */
-		minZoom?: number;
-
-		/** If true, The maps canvas can be exported to a PNG using map.getCanvas().toDataURL();. This is false by default as a performance optimization. */
-		preserveDrawingBuffer?: boolean;
-
-		pitch?: number;
-
-		/** If true, enable the "scroll to zoom" interaction */
-		scrollZoom?: boolean;
-
-		/** stylesheet location */
-		style?: mapboxgl.Style | string;
-
-		/** If  true, the map will automatically resize when the browser window resizes */
-		trackResize?: boolean;
-
-		/** If true, enable the "pinch to rotate and zoom" interaction (see TouchZoomRotateHandler). */
-		touchZoomRotate?: boolean;
-
-		/** Initial zoom level */
-		zoom?: number;
-	}
-
-	/**
-	 * BoxZoomHandler
-	 */
-	export class BoxZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * ScrollZoomHandler
-	 */
-	export class ScrollZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DragPenHandler
-	 */
-	export class DragPanHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DragRotateHandler
-	 */
-	export class DragRotateHandler {
-		constructor(map: mapboxgl.Map, options?: {bearingSnap?: number, pitchWithRotate?: boolean});
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * KeyboardHandler
-	 */
-	export class KeyboardHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DoubleClickZoomHandler
-	 */
-	export class DoubleClickZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * TouchZoomRotateHandler
-	 */
-	export class TouchZoomRotateHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-
-		disableRotation(): void;
-
-		enableRotation(): void;
-	}
-
-	/**
-	 * Control
-	 */
-	export class Control extends Evented {
-		addTo(map: mapboxgl.Map): this;
-
-		remove(): this;
-	}
-
-	/**
-	 * ControlOptions
-	 */
-	export interface ControlOptions {
-		position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-	}
-
-	/**
-	 * Navigation
-	 */
-	export class Navigation extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Geolocate
-	 */
-	export class Geolocate extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Attribution
-	 */
-	export class Attribution extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Scale
-	 */
-	export class Scale extends Control {
-		constructor(options?: {position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left', maxWidth?: number, unit?: string})
-	}
-
-	/**
-	 * Popup
-	 */
-	export class Popup extends Evented {
-		constructor(options?: mapboxgl.PopupOptions);
-
-		addTo(map: mapboxgl.Map): this;
-
-		isOpen(): boolean;
-
-		remove(): this;
-
-		getLngLat(): mapboxgl.LngLat;
-
-		setLngLat(lnglat: mapboxgl.LngLat | number[]): this;
-
-		setText(text: string): this;
-
-		setHTML(html: string): this;
-
-		setDOMContent(htmlNode: Node): this;
-	}
-
-	export interface PopupOptions {
-		closeButton?: boolean;
-
-		closeOnClick?: boolean;
-
-		anchor?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-		offset?: number | Point | number[] | { [key:string]: Point | number[];};
-	}
-
-	export interface Style {
-		bearing?: number;
-		center?: number[];
-		glyphs?: string;
-		layers?: Layer[];
-		metadata?: any;
-		name?: string;
-		pitch?: number;
-		sources?: any;
-		sprite?: string;
-		transition?: Transition;
-		version: number;
-		zoom?: number;
-	}
-
-	export interface Transition {
-		delay?: number;
-		duration?: number;
-	}
-
-	export interface Source {
-		type: "vector" | "raster" | "geojson" | "image" | "video";
-	}
-
-	/**
-	 * GeoJSONSource
-	 */
-
-	export interface GeoJSONSourceRaw extends Source, GeoJSONSourceOptions {
-		type: "geojson";
-	}
-
-	export class GeoJSONSource implements GeoJSONSourceRaw {
-		type: "geojson";
-
-		constructor(options?: mapboxgl.GeoJSONSourceOptions);
-
-		setData(data: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | String): this;
-	}
-
-	export interface GeoJSONSourceOptions {
-		data?: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | string;
-
-		maxzoom?: number;
-
-		buffer?: number;
-
-		tolerance?: number;
-
-		cluster?: number | boolean;
-
-		clusterRadius?: number;
-
-		clusterMaxZoom?: number;
-	}
-
-	/**
-	 * VideoSource
-	 */
-	export class VideoSource implements Source, VideoSourceOptions {
-		type: "video";
-		
-		constructor(options?: mapboxgl.VideoSourceOptions);
-
-		getVideo(): HTMLVideoElement;
-
-		setCoordinates(coordinates: number[][]): this;
-	}
-
-	export interface VideoSourceOptions {
-		urls?: string[];
-
-		coordinates?: number[][];
-	}
-
-	/**
-	 * ImageSource
-	 */
-	export class ImageSource implements Source, ImageSourceOptions {
-		type: "image";
-
-		constructor(options?: mapboxgl.ImageSourceOptions);
-
-		setCoordinates(coordinates: number[][]): this;
-	}
-
-	export interface ImageSourceOptions {
-		url?: string;
-
-		coordinates?: number[][];
-	}
-
-	interface VectorSource extends Source {
-		type: "vector";
-		url?: string;
-		tiles?: string[];
-		minzoom?: number;
-		maxzoom?: number;
-	}
-
-	interface RasterSource extends Source {
-		type: "raster";
-		url: string;
-		tiles?: string[];
-		minzoom?: number;
-		maxzoom?: number;
-		tileSize?: number;
-	}
-
-	/**
-	 * LngLat
-	 */
-	export class LngLat {
-		lng: number;
-		lat: number;
-
-		constructor(lng: number, lat: number);
-
-		/** Return a new LngLat object whose longitude is wrapped to the range (-180, 180). */
-		wrap(): mapboxgl.LngLat;
-
-		/** Return a LngLat as an array */
-		toArray(): number[];
-
-		/** Return a LngLat as a string */
-		toString(): string;
-
-		static convert(input: number[]|mapboxgl.LngLat): mapboxgl.LngLat;
-	}
-
-	/**
-	 * LngLatBounds
-	 */
-	export class LngLatBounds {
-		sw: LngLat | number[];
-		ne: LngLat | number[];
-		constructor(sw?: LngLat, ne?: LngLat);
-
-		/** Extend the bounds to include a given LngLat or LngLatBounds. */
-		extend(obj: mapboxgl.LngLat | mapboxgl.LngLatBounds): this;
-
-		/** Get the point equidistant from this box's corners */
-		getCenter(): mapboxgl.LngLat;
-
-		/** Get southwest corner */
-		getSouthWest(): mapboxgl.LngLat;
-
-		/** Get northeast corner */
-		getNorthEast(): mapboxgl.LngLat;
-
-		/** Get northwest corner */
-		getNorthWest(): mapboxgl.LngLat;
-
-		/** Get southeast corner */
-		getSouthEast(): mapboxgl.LngLat;
-
-		/** Get west edge longitude */
-		getWest(): number;
-
-		/** Get south edge latitude */
-		getSouth(): number;
-
-		/** Get east edge longitude */
-		getEast(): number;
-
-		/** Get north edge latitude */
-		getNorth(): number;
-
-		/** Returns a LngLatBounds as an array */
-		toArray(): number[][];
-
-		/** Return a LngLatBounds as a string */
-		toString(): string;
-
-		/** Convert an array to a LngLatBounds object, or return an existing LngLatBounds object unchanged. */
-		static convert(input: mapboxgl.LngLatBounds | number[] | number[][]): mapboxgl.LngLatBounds;
-	}
-
-	/**
-	 * Point
-	 */
-		// Todo: Pull out class to seperate definition for Module "point-geometry"
-	export class Point {
-		constructor(options?: Object);
-
-		clone(): Point;
-
-		add(p: number): Point;
-
-		sub(p: number): Point;
-
-		mult(k: number): Point;
-
-		div(k: number): Point;
-
-		rotate(a: number): Point;
-
-		matMult(m: number): Point;
-
-		unit(): Point;
-
-		perp(): Point;
-
-		round(): Point;
-
-		mag(): number;
-
-		equals(): boolean;
-
-		dist(): number;
-
-		distSqr(): number;
-
-		angle(): number;
-
-		angleTo(): number;
-
-		angleWidth(): number;
-
-		angleWidthSep(): number;
-	}
-
-	export class Marker {
-		constructor(element?: HTMLElement, options?: { offset?: Point | number[] });
-
-		addTo(map: Map): this;
-
-		remove(): this;
-
-		getLngLat(): LngLat;
-
-		setLngLat(lngLat: LngLat | number[]): this;
-
-		setPopup(popup?: Popup): this;
-
-		getPopup(): Popup;
-
-		togglePopup(): this;
-	}
-
-	/**
-	 * Evented
-	 */
-	export class Evented {
-		on(type: string, listener: Function): this;
-
-		off(type?: string | any, listener?: Function): this;
-
-		once(type: string, listener: Function): this;
-
-		fire(type: string, data?: mapboxgl.EventData | Object): this;
-
-		listens(type: string): boolean;
-	}
-
-	/**
-	 * StyleOptions
-	 */
-	export interface StyleOptions {
-		transition?: boolean;
-	}
-
-	/**
-	 * EventData
-	 */
-	export class EventData {
-		type: string;
-		target: Map;
-		originalEvent: Event;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-	}
-
-	export class MapMouseEvent {
-		type: string;
-		target: Map;
-		originalEvent: MouseEvent;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-	}
-
-	export class MapTouchEvent {
-		type: string;
-		target: Map;
-		originalEvent: TouchEvent;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-		points: Point[];
-		lngLats: LngLat[];
-	}
-
-	export class MapBoxZoomEvent {
-		originalEvent: MouseEvent;
-		boxZoomBounds: LngLatBounds;
-	}
-
-	/**
-	 * AnimationOptions
-	 */
-	export interface AnimationOptions {
-		/** Number in milliseconds */
-		duration?: number;
-		easing?: Function;
-		/** point, origin of movement relative to map center */
-		offset?: Point | number[];
-		/** When set to false, no animation happens */
-		animate?: boolean;
-	}
-
-	/**
-	 * CameraOptions
-	 */
-	export interface CameraOptions {
-		/** Map center */
-		center?: mapboxgl.LngLat | number[];
-		/** Map zoom level */
-		zoom?: number;
-		/** Map rotation bearing in degrees counter-clockwise from north */
-		bearing?: number;
-		/** Map angle in degrees at which the camera is looking at the ground */
-		pitch?: number;
-		/** If zooming, the zoom center (defaults to map center) */
-		around?: mapboxgl.LngLat | number[];
-	}
-
-	/**
-	 * FlyToOptions
-	 */
-	export interface FlyToOptions extends AnimationOptions, CameraOptions {
-		curve?: number;
-		minZoom?: number;
-		speed?: number;
-		screenSpeed?: number;
-		easing?: Function;
-	}
-
-	/**
-	 * MapEvent
-	 */
-	export interface MapEvent {
-		webglcontextlost?: {originalEvent: WebGLContextEvent};
-		webglcontextrestored?: {originalEvent: WebGLContextEvent};
-		render?: void;
-		contextmenu?: {data: mapboxgl.MapMouseEvent};
-		dblclick?: {data: mapboxgl.MapMouseEvent};
-		click?: {data: mapboxgl.MapMouseEvent};
-		touchcancel?: {data: mapboxgl.MapTouchEvent};
-		touchmove?: {data: mapboxgl.MapTouchEvent};
-		touchend?: {data: mapboxgl.MapTouchEvent};
-		touchstart?: {data: mapboxgl.MapTouchEvent};
-		mousemove?: {data: mapboxgl.MapMouseEvent};
-		mouseup?: {data: mapboxgl.MapMouseEvent};
-		mousedown?: {data: mapboxgl.MapMouseEvent};
-		moveend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		move?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		movestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		mouseout?:{data: mapboxgl.MapMouseEvent};
-		load?: void;
-		zoomend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		zoom?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		zoomstart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		boxzoomcancel?: {data: mapboxgl.MapBoxZoomEvent};
-		boxzoomstart?: {data: mapboxgl.MapBoxZoomEvent};
-		boxzoomend?: {data: mapboxgl.MapBoxZoomEvent};
-		rotate?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		rotatestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		rotateend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		drag?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		dragend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		pitch?: {data: mapboxgl.EventData};
-	}
-
-	export interface Layer {
-		id: string;
-		type?: "fill" | "line" | "symbol" | "circle" | "raster" | "background" | string; //TODO: Ideally we wouldn't accept string here, just these specific strings
-
-		metadata?: any;
-		ref?: string;
-
-		source?: string;
-
-		"source-layer"?: string;
-
-		minzoom?: number;
-		maxzoom?: number;
-
-		interactive?: boolean;
-
-		filter?: any[];
-		layout?: BackgroundLayout | FillLayout | LineLayout | SymbolLayout | RasterLayout | CircleLayout;
-		paint?: BackgroundPaint | FillPaint | LinePaint | SymbolPaint | RasterPaint | CirclePaint;
-	}
-
-	export interface StyleFunction {
-		stops: any[][];
-		property?: string;
-		base?: number;
-		type?: "continuous" | "interval" | "categorical";
-	}
-
-	export interface BackgroundLayout {
-		visibility?: "visible" | "none";
-	}
-	export interface BackgroundPaint {
-		"background-color"?: string;
-		"background-pattern"?: string;
-		"background-opacity"?: number;
-	}
-
-	export interface FillLayout {
-		visibility?: "visible" | "none";
-	}
-	export interface FillPaint {
-		"fill-antialias"?: boolean;
-		"fill-opacity"?: number | StyleFunction;
-		"fill-color"?: string | StyleFunction;
-		"fill-outline-color": string | StyleFunction;
-		"fill-translate"?: number[];
-		"fill-translate-anchor"?: "map" | "viewport";
-		"fill-pattern"?: "string";
-	}
-
-	export interface LineLayout {
-		visibility?: "visible" | "none";
-
-		"line-cap"?: "butt" | "round" | "square";
-		"line-join"?: "bevel" | "round" | "miter";
-		"line-miter-limit"?: number;
-		"line-round-limit"?: number;
-	}
-	export interface LinePaint {
-		"line-opacity"?: number;
-		"line-color"?: string| StyleFunction;
-		"line-translate"?: number[];
-		"line-translate-anchor"?: "map" | "viewport";
-		"line-width"?: number;
-		"line-gap-width"?: number;
-		"line-offset"?: number;
-		"line-blur"?: number;
-		"line-dasharray"?: number[];
-		"line-dasharray-transition"?: Transition;
-		"line-pattern"?: string;
-	}
-
-	export interface SymbolLayout {
-		visibility?: "visible" | "none";
-
-		"symbol-placement"?: "point" | "line";
-		"symbol-spacing"?: number;
-		"symbol-avoid-edges"?: boolean;
-		"icon-allow-overlap"?: boolean;
-		"icon-ignore-placement"?: boolean;
-		"icon-optional"?: boolean;
-		"icon-rotation-alignment"?: "map" | "viewport" | "auto";
-		"icon-size"?: number;
-		"icon-text-fit"?: "none" | "both" | "width" | "height";
-		"icon-text-fit-padding"?: number[];
-		"icon-image"?: string;
-		"icon-rotate"?: number | StyleFunction;
-		"icon-padding"?: number;
-		"icon-keep-upright"?: boolean;
-		"icon-offset"?: number[];
-		"text-pitch-alignment"?: "map" | "viewport" | "auto";
-		"text-rotation-alignment"?: "map" | "viewport" | "auto";
-		"text-field"?: string;
-		"text-font"?: string | string[];
-		"text-size"?: number;
-		"text-max-width"?: number;
-		"text-line-height"?: number;
-		"text-letter-spacing"?: number;
-		"text-justify"?: "left" | "center" | "right";
-		"text-anchor"?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-		"text-max-angle"?: number;
-		"text-rotate"?: number;
-		"text-padding"?: number;
-		"text-keep-upright"?: boolean;
-		"text-transform"?: "none" | "uppercase" | "lowercase";
-		"text-offset"?: number[];
-		"text-allow-overlap"?: boolean;
-		"text-ignore-placement"?: boolean;
-		"text-optional"?: boolean;
-
-	}
-	export interface SymbolPaint {
-		"icon-opacity"?: number;
-		"icon-color"?: string;
-		"icon-halo-color"?: string;
-		"icon-halo-width"?: number;
-		"icon-halo-blur"?: number;
-		"icon-translate"?: number[];
-		"icon-translate-anchor"?: "map" | "viewport";
-		"text-opacity"?: number;
-		"text-color"?: "string";
-		"text-halo-color"?: "string";
-		"text-halo-width"?: number;
-		"text-halo-blur"?: number;
-		"text-translate"?: number[];
-		"text-translate-anchor"?: "map" | "viewport";
-	}
-
-	export interface RasterLayout {
-		visibility?: "visible" | "none";
-	}
-
-	export interface RasterPaint {
-		"raster-opacity"?: number;
-		"raster-hue-rotate"?: number;
-		"raster-brightness-min"?: number;
-		"raster-brightness-max"?: number;
-		"raster-saturation"?: number;
-		"raster-contrast"?: number;
-		"raster-fade-duration"?: number;
-	}
-
-	export interface CircleLayout {
-		visibility?: "visible" | "none";
-	}
-
-	export interface CirclePaint {
-		"circle-radius"?: number | StyleFunction;
-		"circle-radius-transition"?: Transition;
-		"circle-color"?: number | StyleFunction;
-		"circle-blur"?: number | StyleFunction;
-		"circle-opacity"?: number | StyleFunction;
-		"circle-translate"?: number[];
-		"circle-translate-anchor"?: "map" | "viewport";
-		"circle-pitch-scale"?: "map" | "viewport";
-	}
-}
-
-declare module 'mapbox-gl' {
-	export = mapboxgl;
-}
diff --git a/mapbox-gl/mapbox-gl-0.26.0.d.ts b/mapbox-gl/mapbox-gl-0.26.0.d.ts
deleted file mode 100644
index ddb6344cbd..0000000000
--- a/mapbox-gl/mapbox-gl-0.26.0.d.ts
+++ /dev/null
@@ -1,948 +0,0 @@
-// Type definitions for Mapbox GL JS v0.26.0
-// Project: https://github.com/mapbox/mapbox-gl-js
-// Definitions by: Dominik Bruderer <https://github.com/dobrud>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../geojson/geojson.d.ts" />
-
-declare namespace mapboxgl {
-	let accessToken: string;
-	let version: string;
-	export function supported(options?: {failIfMajorPerformanceCaveat?: boolean}): boolean;
-
-	/**
-	 * Map
-	 */
-	export class Map extends Evented {
-		constructor(options?: MapboxOptions);
-
-		addControl(control: Control): this;
-
-		addClass(klass: string, options?: mapboxgl.StyleOptions): this;
-
-		removeClass(klass: string, options?: mapboxgl.StyleOptions): this;
-
-		setClasses(klasses: string[], options?: mapboxgl.StyleOptions): this;
-
-		hasClass(klass: string): boolean;
-
-		getClasses(): string[];
-
-		resize(): this;
-
-		getBounds(): mapboxgl.LngLatBounds;
-
-		setMaxBounds(lnglatbounds?: mapboxgl.LngLatBounds | number[][]): this;
-
-		setMinZoom(minZoom?: number): this;
-
-		setMaxZoom(maxZoom?: number): this;
-
-		project(lnglat: mapboxgl.LngLat | number[]): mapboxgl.Point;
-
-		unproject(point: mapboxgl.Point | number[]): mapboxgl.LngLat;
-
-		queryRenderedFeatures(pointOrBox?: mapboxgl.Point|number[]|mapboxgl.Point[]|number[][], parameters?: {layers?: string[], filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
-
-		querySourceFeatures(sourceID: string, parameters: {sourceLayer?: string, filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
-
-		setStyle(style: mapboxgl.Style | string): this;
-
-		getStyle(): mapboxgl.Style;
-
-		addSource(id: string, source: VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource | GeoJSONSourceRaw): this;
-
-		removeSource(id: string): this;
-
-		getSource(id: string): VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource;
-
-		addLayer(layer: mapboxgl.Layer, before?: string): this;
-
-		removeLayer(id: string): this;
-
-		getLayer(id: string): mapboxgl.Layer;
-
-		setFilter(layer: string, filter: any[]): this;
-
-		setLayerZoomRange(layerId: string, minzoom: number, maxzoom: number): this;
-
-		getFilter(layer: string): any[];
-
-		setPaintProperty(layer: string, name: string, value: any, klass?: string): this;
-
-		getPaintProperty(layer: string, name: string, klass?: string): any;
-
-		setLayoutProperty(layer: string, name: string, value: any): this;
-
-		getLayoutProperty(layer: string, name: string, klass?: string): any;
-
-		getContainer(): HTMLElement;
-
-		getCanvasContainer(): HTMLElement;
-
-		getCanvas(): HTMLCanvasElement;
-
-		loaded(): boolean;
-
-		remove(): void;
-
-		onError(): void;
-
-		showTileBoundaries: boolean;
-
-		showCollisionBoxes: boolean;
-
-		repaint: boolean;
-
-		getCenter(): mapboxgl.LngLat;
-
-		setCenter(center: LngLat|number[], eventData?: mapboxgl.EventData): this;
-
-		panBy(offset: number[], options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		panTo(lnglat: mapboxgl.LngLat, options?: mapboxgl.AnimationOptions, eventdata?: mapboxgl.EventData): this;
-
-		getZoom(): number;
-
-		setZoom(zoom: number, eventData?: mapboxgl.EventData): this;
-
-		zoomTo(zoom: number, options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		zoomIn(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		zoomOut(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		getBearing(): number;
-
-		setBearing(bearing: number, eventData?: mapboxgl.EventData): this;
-
-		rotateTo(bearing: number, options?: mapboxgl.AnimationOptions, eventData?: EventData): this;
-
-		resetNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		snapToNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		getPitch(): number;
-
-		setPitch(pitch: number, eventData?: EventData): this;
-
-		fitBounds(bounds: mapboxgl.LngLatBounds | number[][], options?: { linear?: boolean, easing?: Function, padding?: number, offset?: Point|number[],maxZoom?: number }): this;
-
-		jumpTo(options: mapboxgl.CameraOptions, eventData?: mapboxgl.EventData): this;
-
-		easeTo(options: mapboxgl.CameraOptions | mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
-
-		flyTo(options: mapboxgl.FlyToOptions, eventData?: mapboxgl.EventData): this;
-
-		stop(): this;
-
-		scrollZoom: ScrollZoomHandler;
-
-		boxZoom: BoxZoomHandler;
-
-		dragRotate: DragRotateHandler;
-
-		dragPan: DragPanHandler;
-
-		keyboard: KeyboardHandler;
-
-		doublClickZoom: DoubleClickZoomHandler;
-
-		touchZoomRotate: TouchZoomRotateHandler;
-	}
-
-	export interface MapboxOptions {
-		/** If true, an attribution control will be added to the map. */
-		attributionControl?: boolean;
-
-		bearing?: number;
-
-		/** Snap to north threshold in degrees. */
-		bearingSnap?: number;
-
-		/** If true, enable the "box zoom" interaction (see BoxZoomHandler) */
-		boxZoom?: boolean;
-
-		/** initial map center */
-		center?: mapboxgl.LngLat | number[];
-
-		/** Style class names with which to initialize the map */
-		classes?: string[];
-
-		/** ID of the container element */
-		container?: string | Element;
-
-		/** If true, enable the "drag to pan" interaction (see DragPanHandler). */
-		dragPan?: boolean;
-
-		/** If true, enable the "drag to rotate" interaction (see DragRotateHandler). */
-		dragRotate?: boolean;
-
-		/** If true, enable the "double click to zoom" interaction (see DoubleClickZoomHandler). */
-		doubleClickZoom?: boolean;
-
-		/** If true, the map will track and update the page URL according to map position */
-		hash?: boolean;
-
-		/** If true, map creation will fail if the implementation determines that the performance of the created WebGL context would be dramatically lower than expected. */
-		failIfMayorPerformanceCaveat?: boolean;
-
-		/** If false, no mouse, touch, or keyboard listeners are attached to the map, so it will not respond to input */
-		interactive?: boolean;
-
-		/** If true, enable keyboard shortcuts (see KeyboardHandler). */
-		keyboard?: boolean;
-
-		/** If set, the map is constrained to the given bounds. */
-		maxBounds?: mapboxgl.LngLatBounds | number[][];
-
-		/** Maximum zoom of the map */
-		maxZoom?: number;
-
-		/** Minimum zoom of the map */
-		minZoom?: number;
-
-		/** If true, The maps canvas can be exported to a PNG using map.getCanvas().toDataURL();. This is false by default as a performance optimization. */
-		preserveDrawingBuffer?: boolean;
-
-		pitch?: number;
-
-		/** If true, enable the "scroll to zoom" interaction */
-		scrollZoom?: boolean;
-
-		/** stylesheet location */
-		style?: mapboxgl.Style | string;
-
-		/** If  true, the map will automatically resize when the browser window resizes */
-		trackResize?: boolean;
-
-		/** If true, enable the "pinch to rotate and zoom" interaction (see TouchZoomRotateHandler). */
-		touchZoomRotate?: boolean;
-
-		/** Initial zoom level */
-		zoom?: number;
-	}
-
-	/**
-	 * BoxZoomHandler
-	 */
-	export class BoxZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * ScrollZoomHandler
-	 */
-	export class ScrollZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DragPenHandler
-	 */
-	export class DragPanHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DragRotateHandler
-	 */
-	export class DragRotateHandler {
-		constructor(map: mapboxgl.Map, options?: {bearingSnap?: number, pitchWithRotate?: boolean});
-
-		isEnabled(): boolean;
-
-		isActive(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * KeyboardHandler
-	 */
-	export class KeyboardHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * DoubleClickZoomHandler
-	 */
-	export class DoubleClickZoomHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-	}
-
-	/**
-	 * TouchZoomRotateHandler
-	 */
-	export class TouchZoomRotateHandler {
-		constructor(map: mapboxgl.Map);
-
-		isEnabled(): boolean;
-
-		enable(): void;
-
-		disable(): void;
-
-		disableRotation(): void;
-
-		enableRotation(): void;
-	}
-
-	/**
-	 * Control
-	 */
-	export class Control extends Evented {
-		addTo(map: mapboxgl.Map): this;
-
-		remove(): this;
-	}
-
-	/**
-	 * ControlOptions
-	 */
-	export interface ControlOptions {
-		position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-	}
-
-	/**
-	 * Navigation
-	 */
-	export class NavigationControl extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Geolocate
-	 */
-	export class GeolocateControl extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Attribution
-	 */
-	export class AttributionControl extends Control {
-		constructor(options?: mapboxgl.ControlOptions);
-	}
-
-	/**
-	 * Scale
-	 */
-	export class ScaleControl extends Control {
-		constructor(options?: {position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left', maxWidth?: number, unit?: string})
-	}
-
-	/**
-	 * Popup
-	 */
-	export class Popup extends Evented {
-		constructor(options?: mapboxgl.PopupOptions);
-
-		addTo(map: mapboxgl.Map): this;
-
-		isOpen(): boolean;
-
-		remove(): this;
-
-		getLngLat(): mapboxgl.LngLat;
-
-		setLngLat(lnglat: mapboxgl.LngLat | number[]): this;
-
-		setText(text: string): this;
-
-		setHTML(html: string): this;
-
-		setDOMContent(htmlNode: Node): this;
-	}
-
-	export interface PopupOptions {
-		closeButton?: boolean;
-
-		closeOnClick?: boolean;
-
-		anchor?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-		offset?: number | Point | number[] | { [key:string]: Point | number[];};
-	}
-
-	export interface Style {
-		bearing?: number;
-		center?: number[];
-		glyphs?: string;
-		layers?: Layer[];
-		metadata?: any;
-		name?: string;
-		pitch?: number;
-		sources?: any;
-		sprite?: string;
-		transition?: Transition;
-		version: number;
-		zoom?: number;
-	}
-
-	export interface Transition {
-		delay?: number;
-		duration?: number;
-	}
-
-	export interface Source {
-		type: "vector" | "raster" | "geojson" | "image" | "video";
-	}
-
-	/**
-	 * GeoJSONSource
-	 */
-
-	export interface GeoJSONSourceRaw extends Source, GeoJSONSourceOptions {
-		type: "geojson";
-	}
-
-	export class GeoJSONSource implements GeoJSONSourceRaw {
-		type: "geojson";
-
-		constructor(options?: mapboxgl.GeoJSONSourceOptions);
-
-		setData(data: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | String): this;
-	}
-
-	export interface GeoJSONSourceOptions {
-		data?: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | string;
-
-		maxzoom?: number;
-
-		buffer?: number;
-
-		tolerance?: number;
-
-		cluster?: number | boolean;
-
-		clusterRadius?: number;
-
-		clusterMaxZoom?: number;
-	}
-
-	/**
-	 * VideoSource
-	 */
-	export class VideoSource implements Source, VideoSourceOptions {
-		type: "video";
-		
-		constructor(options?: mapboxgl.VideoSourceOptions);
-
-		getVideo(): HTMLVideoElement;
-
-		setCoordinates(coordinates: number[][]): this;
-	}
-
-	export interface VideoSourceOptions {
-		urls?: string[];
-
-		coordinates?: number[][];
-	}
-
-	/**
-	 * ImageSource
-	 */
-	export class ImageSource implements Source, ImageSourceOptions {
-		type: "image";
-
-		constructor(options?: mapboxgl.ImageSourceOptions);
-
-		setCoordinates(coordinates: number[][]): this;
-	}
-
-	export interface ImageSourceOptions {
-		url?: string;
-
-		coordinates?: number[][];
-	}
-
-	interface VectorSource extends Source {
-		type: "vector";
-		url?: string;
-		tiles?: string[];
-		minzoom?: number;
-		maxzoom?: number;
-	}
-
-	interface RasterSource extends Source {
-		type: "raster";
-		url: string;
-		tiles?: string[];
-		minzoom?: number;
-		maxzoom?: number;
-		tileSize?: number;
-	}
-
-	/**
-	 * LngLat
-	 */
-	export class LngLat {
-		lng: number;
-		lat: number;
-
-		constructor(lng: number, lat: number);
-
-		/** Return a new LngLat object whose longitude is wrapped to the range (-180, 180). */
-		wrap(): mapboxgl.LngLat;
-
-		/** Return a LngLat as an array */
-		toArray(): number[];
-
-		/** Return a LngLat as a string */
-		toString(): string;
-
-		static convert(input: number[]|mapboxgl.LngLat): mapboxgl.LngLat;
-	}
-
-	/**
-	 * LngLatBounds
-	 */
-	export class LngLatBounds {
-		sw: LngLat | number[];
-		ne: LngLat | number[];
-		constructor(sw?: LngLat, ne?: LngLat);
-
-		/** Extend the bounds to include a given LngLat or LngLatBounds. */
-		extend(obj: mapboxgl.LngLat | mapboxgl.LngLatBounds): this;
-
-		/** Get the point equidistant from this box's corners */
-		getCenter(): mapboxgl.LngLat;
-
-		/** Get southwest corner */
-		getSouthWest(): mapboxgl.LngLat;
-
-		/** Get northeast corner */
-		getNorthEast(): mapboxgl.LngLat;
-
-		/** Get northwest corner */
-		getNorthWest(): mapboxgl.LngLat;
-
-		/** Get southeast corner */
-		getSouthEast(): mapboxgl.LngLat;
-
-		/** Get west edge longitude */
-		getWest(): number;
-
-		/** Get south edge latitude */
-		getSouth(): number;
-
-		/** Get east edge longitude */
-		getEast(): number;
-
-		/** Get north edge latitude */
-		getNorth(): number;
-
-		/** Returns a LngLatBounds as an array */
-		toArray(): number[][];
-
-		/** Return a LngLatBounds as a string */
-		toString(): string;
-
-		/** Convert an array to a LngLatBounds object, or return an existing LngLatBounds object unchanged. */
-		static convert(input: mapboxgl.LngLatBounds | number[] | number[][]): mapboxgl.LngLatBounds;
-	}
-
-	/**
-	 * Point
-	 */
-		// Todo: Pull out class to seperate definition for Module "point-geometry"
-	export class Point {
-		constructor(options?: Object);
-
-		clone(): Point;
-
-		add(p: number): Point;
-
-		sub(p: number): Point;
-
-		mult(k: number): Point;
-
-		div(k: number): Point;
-
-		rotate(a: number): Point;
-
-		matMult(m: number): Point;
-
-		unit(): Point;
-
-		perp(): Point;
-
-		round(): Point;
-
-		mag(): number;
-
-		equals(): boolean;
-
-		dist(): number;
-
-		distSqr(): number;
-
-		angle(): number;
-
-		angleTo(): number;
-
-		angleWidth(): number;
-
-		angleWidthSep(): number;
-	}
-
-	export class Marker {
-		constructor(element?: HTMLElement, options?: { offset?: Point | number[] });
-
-		addTo(map: Map): this;
-
-		remove(): this;
-
-		getLngLat(): LngLat;
-
-		setLngLat(lngLat: LngLat | number[]): this;
-
-		setPopup(popup?: Popup): this;
-
-		getPopup(): Popup;
-
-		togglePopup(): this;
-	}
-
-	/**
-	 * Evented
-	 */
-	export class Evented {
-		on(type: string, listener: Function): this;
-
-		off(type?: string | any, listener?: Function): this;
-
-		once(type: string, listener: Function): this;
-
-		fire(type: string, data?: mapboxgl.EventData | Object): this;
-
-		listens(type: string): boolean;
-	}
-
-	/**
-	 * StyleOptions
-	 */
-	export interface StyleOptions {
-		transition?: boolean;
-	}
-
-	/**
-	 * EventData
-	 */
-	export class EventData {
-		type: string;
-		target: Map;
-		originalEvent: Event;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-	}
-
-	export class MapMouseEvent {
-		type: string;
-		target: Map;
-		originalEvent: MouseEvent;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-	}
-
-	export class MapTouchEvent {
-		type: string;
-		target: Map;
-		originalEvent: TouchEvent;
-		point: mapboxgl.Point;
-		lngLat: mapboxgl.LngLat;
-		points: Point[];
-		lngLats: LngLat[];
-	}
-
-	export class MapBoxZoomEvent {
-		originalEvent: MouseEvent;
-		boxZoomBounds: LngLatBounds;
-	}
-
-	export class MapDataEvent {
-		type: string;
-		dataType: "source" | "style" | "tile";
-	}
-
-	/**
-	 * AnimationOptions
-	 */
-	export interface AnimationOptions {
-		/** Number in milliseconds */
-		duration?: number;
-		easing?: Function;
-		/** point, origin of movement relative to map center */
-		offset?: Point | number[];
-		/** When set to false, no animation happens */
-		animate?: boolean;
-	}
-
-	/**
-	 * CameraOptions
-	 */
-	export interface CameraOptions {
-		/** Map center */
-		center?: mapboxgl.LngLat | number[];
-		/** Map zoom level */
-		zoom?: number;
-		/** Map rotation bearing in degrees counter-clockwise from north */
-		bearing?: number;
-		/** Map angle in degrees at which the camera is looking at the ground */
-		pitch?: number;
-		/** If zooming, the zoom center (defaults to map center) */
-		around?: mapboxgl.LngLat | number[];
-	}
-
-	/**
-	 * FlyToOptions
-	 */
-	export interface FlyToOptions extends AnimationOptions, CameraOptions {
-		curve?: number;
-		minZoom?: number;
-		speed?: number;
-		screenSpeed?: number;
-		easing?: Function;
-	}
-
-	/**
-	 * MapEvent
-	 */
-	export interface MapEvent {
-		resize?: void;
-		webglcontextlost?: {originalEvent: WebGLContextEvent};
-		webglcontextrestored?: {originalEvent: WebGLContextEvent};
-		remove?: void;
-		dataloading?: {data: mapboxgl.MapDataEvent};
-		data?: {data: mapboxgl.MapDataEvent};
-		render?: void;
-		contextmenu?: {data: mapboxgl.MapMouseEvent};
-		dblclick?: {data: mapboxgl.MapMouseEvent};
-		click?: {data: mapboxgl.MapMouseEvent};
-		touchcancel?: {data: mapboxgl.MapTouchEvent};
-		touchmove?: {data: mapboxgl.MapTouchEvent};
-		touchend?: {data: mapboxgl.MapTouchEvent};
-		touchstart?: {data: mapboxgl.MapTouchEvent};
-		mousemove?: {data: mapboxgl.MapMouseEvent};
-		mouseup?: {data: mapboxgl.MapMouseEvent};
-		mousedown?: {data: mapboxgl.MapMouseEvent};
-		moveend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		move?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		movestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		mouseout?:{data: mapboxgl.MapMouseEvent};
-		load?: void;
-		zoomend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		zoom?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		zoomstart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		boxzoomcancel?: {data: mapboxgl.MapBoxZoomEvent};
-		boxzoomstart?: {data: mapboxgl.MapBoxZoomEvent};
-		boxzoomend?: {data: mapboxgl.MapBoxZoomEvent};
-		rotate?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		rotatestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		rotateend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		drag?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		dragend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
-		pitch?: {data: mapboxgl.EventData};
-	}
-
-	export interface Layer {
-		id: string;
-		type?: "fill" | "line" | "symbol" | "circle" | "raster" | "background" | string; //TODO: Ideally we wouldn't accept string here, just these specific strings
-
-		metadata?: any;
-		ref?: string;
-
-		source?: string;
-
-		"source-layer"?: string;
-
-		minzoom?: number;
-		maxzoom?: number;
-
-		interactive?: boolean;
-
-		filter?: any[];
-		layout?: BackgroundLayout | FillLayout | LineLayout | SymbolLayout | RasterLayout | CircleLayout;
-		paint?: BackgroundPaint | FillPaint | LinePaint | SymbolPaint | RasterPaint | CirclePaint;
-	}
-
-	export interface StyleFunction {
-		stops: any[][];
-		property?: string;
-		base?: number;
-		type?: "identity" | "exponential" | "interval" | "categorical";
-		"colorSpace"?: "rgb" | "lab" | "interval";
-	}
-
-	export interface BackgroundLayout {
-		visibility?: "visible" | "none";
-	}
-	export interface BackgroundPaint {
-		"background-color"?: string;
-		"background-pattern"?: string;
-		"background-opacity"?: number;
-	}
-
-	export interface FillLayout {
-		visibility?: "visible" | "none";
-	}
-	export interface FillPaint {
-		"fill-antialias"?: boolean;
-		"fill-opacity"?: number | StyleFunction;
-		"fill-color"?: string | StyleFunction;
-		"fill-outline-color": string | StyleFunction;
-		"fill-translate"?: number[];
-		"fill-translate-anchor"?: "map" | "viewport";
-		"fill-pattern"?: "string";
-		"fill-extrude-height"?: number;
-		"fill-extrude-base"?: number;
-	}
-
-	export interface LineLayout {
-		visibility?: "visible" | "none";
-
-		"line-cap"?: "butt" | "round" | "square";
-		"line-join"?: "bevel" | "round" | "miter";
-		"line-miter-limit"?: number;
-		"line-round-limit"?: number;
-	}
-	export interface LinePaint {
-		"line-opacity"?: number;
-		"line-color"?: string| StyleFunction;
-		"line-translate"?: number[];
-		"line-translate-anchor"?: "map" | "viewport";
-		"line-width"?: number;
-		"line-gap-width"?: number;
-		"line-offset"?: number;
-		"line-blur"?: number;
-		"line-dasharray"?: number[];
-		"line-dasharray-transition"?: Transition;
-		"line-pattern"?: string;
-	}
-
-	export interface SymbolLayout {
-		visibility?: "visible" | "none";
-
-		"symbol-placement"?: "point" | "line";
-		"symbol-spacing"?: number;
-		"symbol-avoid-edges"?: boolean;
-		"icon-allow-overlap"?: boolean;
-		"icon-ignore-placement"?: boolean;
-		"icon-optional"?: boolean;
-		"icon-rotation-alignment"?: "map" | "viewport" | "auto";
-		"icon-size"?: number;
-		"icon-text-fit"?: "none" | "both" | "width" | "height";
-		"icon-text-fit-padding"?: number[];
-		"icon-image"?: string;
-		"icon-rotate"?: number | StyleFunction;
-		"icon-padding"?: number;
-		"icon-keep-upright"?: boolean;
-		"icon-offset"?: number[];
-		"text-pitch-alignment"?: "map" | "viewport" | "auto";
-		"text-rotation-alignment"?: "map" | "viewport" | "auto";
-		"text-field"?: string;
-		"text-font"?: string | string[];
-		"text-size"?: number;
-		"text-max-width"?: number;
-		"text-line-height"?: number;
-		"text-letter-spacing"?: number;
-		"text-justify"?: "left" | "center" | "right";
-		"text-anchor"?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-		"text-max-angle"?: number;
-		"text-rotate"?: number;
-		"text-padding"?: number;
-		"text-keep-upright"?: boolean;
-		"text-transform"?: "none" | "uppercase" | "lowercase";
-		"text-offset"?: number[];
-		"text-allow-overlap"?: boolean;
-		"text-ignore-placement"?: boolean;
-		"text-optional"?: boolean;
-
-	}
-	export interface SymbolPaint {
-		"icon-opacity"?: number;
-		"icon-color"?: string;
-		"icon-halo-color"?: string;
-		"icon-halo-width"?: number;
-		"icon-halo-blur"?: number;
-		"icon-translate"?: number[];
-		"icon-translate-anchor"?: "map" | "viewport";
-		"text-opacity"?: number;
-		"text-color"?: "string";
-		"text-halo-color"?: "string";
-		"text-halo-width"?: number;
-		"text-halo-blur"?: number;
-		"text-translate"?: number[];
-		"text-translate-anchor"?: "map" | "viewport";
-	}
-
-	export interface RasterLayout {
-		visibility?: "visible" | "none";
-	}
-
-	export interface RasterPaint {
-		"raster-opacity"?: number;
-		"raster-hue-rotate"?: number;
-		"raster-brightness-min"?: number;
-		"raster-brightness-max"?: number;
-		"raster-saturation"?: number;
-		"raster-contrast"?: number;
-		"raster-fade-duration"?: number;
-	}
-
-	export interface CircleLayout {
-		visibility?: "visible" | "none";
-	}
-
-	export interface CirclePaint {
-		"circle-radius"?: number | StyleFunction;
-		"circle-radius-transition"?: Transition;
-		"circle-color"?: number | StyleFunction;
-		"circle-blur"?: number | StyleFunction;
-		"circle-opacity"?: number | StyleFunction;
-		"circle-translate"?: number[];
-		"circle-translate-anchor"?: "map" | "viewport";
-		"circle-pitch-scale"?: "map" | "viewport";
-	}
-}
-
-declare module 'mapbox-gl' {
-	export = mapboxgl;
-}
diff --git a/marker-animate-unobtrusive/marker-animate-unobtrusive-amd-tests.ts b/marker-animate-unobtrusive/marker-animate-unobtrusive-amd-tests.ts
deleted file mode 100644
index f86619fc90..0000000000
--- a/marker-animate-unobtrusive/marker-animate-unobtrusive-amd-tests.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import SlidingMarker = require('SlidingMarker');
-import MarkerWithGhost = require('MarkerWithGhost');
-
-SlidingMarker.initializeGlobally();
-MarkerWithGhost.initializeGlobally();
diff --git a/marker-animate-unobtrusive/tsconfig.json b/marker-animate-unobtrusive/tsconfig.json
index dbd27c0653..bc77ff1fcd 100644
--- a/marker-animate-unobtrusive/tsconfig.json
+++ b/marker-animate-unobtrusive/tsconfig.json
@@ -15,7 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "marker-animate-unobtrusive-tests.ts",
-        "marker-animate-unobtrusive-amd-tests.ts"
+        "marker-animate-unobtrusive-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.11.1-tests.tsx b/material-ui/legacy/material-ui-0.11.1-tests.tsx
deleted file mode 100644
index 9d82211bc5..0000000000
--- a/material-ui/legacy/material-ui-0.11.1-tests.tsx
+++ /dev/null
@@ -1,477 +0,0 @@
-///<reference types="react-0.13.3" />
-///<reference path='material-ui-0.11.1.d.ts' />
-
-import * as React from "react/addons";
-
-import mui = require("material-ui");
-import Colors = require("material-ui/lib/styles/colors");
-import AppBar = require("material-ui/lib/app-bar");
-import IconButton = require("material-ui/lib/icon-button");
-import FlatButton = require("material-ui/lib/flat-button");
-import Avatar = require("material-ui/lib/avatar");
-import FontIcon = require("material-ui/lib/font-icon");
-import Typography = require("material-ui/lib/styles/typography");
-import RaisedButton = require("material-ui/lib/raised-button");
-import FloatingActionButton = require("material-ui/lib/floating-action-button");
-import Card = require("material-ui/lib/card/card");
-import CardHeader = require("material-ui/lib/card/card-header");
-import CardText = require("material-ui/lib/card/card-text");
-import CardActions = require("material-ui/lib/card/card-actions");
-import Dialog = require("material-ui/lib/dialog");
-import DropDownMenu = require("material-ui/lib/drop-down-menu");
-import RadioButtonGroup = require("material-ui/lib/radio-button-group");
-import RadioButton = require("material-ui/lib/radio-button");
-import Toggle = require("material-ui/lib/toggle");
-import TextField = require("material-ui/lib/text-field");
-import SelectField = require("material-ui/lib/select-field");
-import IconMenu = require("material-ui/lib/menus/icon-menu");
-import Menu = require('material-ui/lib/menus/menu');
-import MenuItem = require('material-ui/lib/menus/menu-item');
-import MenuDivider = require('material-ui/lib/menus/menu-divider');
-
-import NavigationClose = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/navigation/close", but they aren't defined yet.
-import FileFolder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/file/folder", but they aren't defined yet.
-import ToggleStar = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star", but they aren't defined yet.
-import ActionGrade = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/action/grade", but they aren't defined yet.
-import ToggleStarBorder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-import ArrowDropRight = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-
-class MaterialUiTests extends React.Component<{}, {}> implements React.LinkedStateMixin {
-
-    // injected with mixin
-    linkState: <T>(key: string) => React.ReactLink<T>;
-    dialog: mui.Dialog;
-    //dialog2: Dialog;  // can't get type directly from require("material-ui/lib/dialog");
-
-    private touchTapEventHandler(e: __MaterialUI.TouchTapEvent) {
-        this.dialog.show();
-        //this.dialog2.show();
-    }
-    private formEventHandler(e: React.FormEvent) {
-    }
-    private selectFieldChangeHandler(e: __MaterialUI.TouchTapEvent, si: number, mi: any) {
-    }
-
-    render() {
-
-        // "http://material-ui.com/#/customization/themes"
-        let ThemeManager = new mui.Styles.ThemeManager();
-        ThemeManager.setTheme(ThemeManager.types.LIGHT);
-        ThemeManager.setTheme(ThemeManager.types.DARK);
-        let muiTheme = ThemeManager.getCurrentTheme();
-        ThemeManager.setComponentThemes({
-            toggle: {
-                thumbOnColor: "#00bcd4",
-                trackOnColor: "LightCyan",
-            }
-        });
-
-        // "http://material-ui.com/#/customization/inline-styles"
-        let Checkbox = mui.Checkbox;
-        let element: React.ReactElement<any>;
-        element = <Checkbox
-            id="checkboxId1"
-            name="checkboxName1"
-            value="checkboxValue1"
-            label="went for a run today"
-            style={{
-                width: '50%',
-                margin: '0 auto'
-            }}
-            iconStyle={{
-                fill: '#FF4081'
-            }}/>
-        element = React.createElement<__MaterialUI.CheckboxProps>(Checkbox, {
-            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
-                width: '50%',
-                margin: '0 auto'
-            }, iconStyle: {
-                fill: '#FF4081'
-            }
-        });
-
-        // "http://material-ui.com/#/customization/colors"
-        ThemeManager.setComponentThemes({
-            toggle: {
-                thumbOnColor: Colors.cyan200,
-                thumbOffColor: Colors.grey400,
-            }
-        });
-
-        // "http://material-ui.com/#/components/appbar"
-        element = <AppBar
-            title="Title"
-            iconClassNameRight="muidocs-icon-navigation-expand-more" />
-        element = <AppBar
-            title="Title"
-            iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-            iconElementRight={<FlatButton label="Save" />} />;
-
-        // "http://material-ui.com/#/components/avatars"
-        //image avatar
-        element = <Avatar src="images/uxceo-128.jpg" />;
-        //SvgIcon avatar
-        element = <Avatar icon={<FileFolder />} />;
-        //SvgIcon avatar with custom colors
-        element = <Avatar
-            icon={<FileFolder />}
-            color={Colors.orange200}
-            backgroundColor={Colors.pink400} />;
-        //FontIcon avatar
-        element = <Avatar
-            icon={
-            <FontIcon className="muidocs-icon-communication-voicemail" />
-            } />;
-        //FontIcon avatar with custom colors
-        element = <Avatar
-            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-            color={Colors.blue300}
-            backgroundColor={Colors.indigo900} />;
-        //Letter avatar
-        element = <Avatar>A</Avatar>;
-        //Letter avatar with custom colors
-        element = <Avatar
-            color={Colors.deepOrange300}
-            backgroundColor={Colors.purple500}>
-            </Avatar>
-
-
-        // "http://material-ui.com/#/components/buttons"
-        element = <FlatButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </FlatButton>;
-        element = <RaisedButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </RaisedButton>;
-        element = <FloatingActionButton secondary={true} mini={true} linkButton={true}
-            href="https://github.com/callemall/material-ui" >
-            <ToggleStar />
-            </FloatingActionButton>;
-
-        // "http://material-ui.com/#/components/cards"
-        element = <Card initiallyExpanded={true}>
-        <CardHeader
-            title="Title"
-            subtitle="Subtitle"
-            avatar={<Avatar style={{ color: 'red' }}>A</Avatar>}
-            showExpandableButton={true}>
-            </CardHeader>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-        <CardActions expandable={true}>
-        <FlatButton label="Action1"/>
-        <FlatButton label="Action2"/>
-            </CardActions>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-            </Card>;
-
-        // "http://material-ui.com/#/components/date-picker"
-
-
-        // "http://material-ui.com/#/components/dialog"
-        let standardActions = [
-            { text: 'Cancel' },
-            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
-        ];
-
-        element = <Dialog
-            title="Dialog With Standard Actions"
-            actions={standardActions}
-            actionFocus="submit"
-            modal={true}>
-            The actions in this window are created from the json that's passed in.
-            </Dialog>;
-
-        //Custom Actions
-        let customActions = [
-            <FlatButton
-                label="Cancel"
-                secondary={true}
-                onTouchTap={this.touchTapEventHandler} />,
-            <FlatButton
-                label="Submit"
-                primary={true}
-                onTouchTap={this.touchTapEventHandler} />
-        ];
-
-        element = <Dialog
-            title="Dialog With Custom Actions"
-            actions={customActions}
-            modal={false}
-            autoDetectWindowHeight={true}
-            autoScrollBodyContent={true}>
-            The actions in this window were passed in as an array of react objects.
-            </Dialog>;
-
-
-        // "http://material-ui.com/#/components/dropdown-menu"
-        let menuItems = [
-            { payload: '1', text: 'Never' },
-            { payload: '2', text: 'Every Night' },
-            { payload: '3', text: 'Weeknights' },
-            { payload: '4', text: 'Weekends' },
-            { payload: '5', text: 'Weekly' },
-        ];
-        element = <DropDownMenu menuItems={menuItems} />;
-
-        // "http://material-ui.com/#/components/icons"
-        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
-
-        // "http://material-ui.com/#/components/icon-buttons"
-        //Method 1: muidocs-icon-github is defined in a style sheet.
-        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
-        //Method 2: ActionGrade is a component created using mui.SvgIcon.
-        element = <IconButton tooltip= "Star" touch= { true}>
-        <ActionGrade/>
-            </IconButton >;
-        //Method 3: Manually creating a mui.FontIcon component within IconButton
-        element = <IconButton tooltip= "Sort" disabled= {true}>
-        <FontIcon className="muidocs-icon-custom-sort"/>
-            </IconButton>;
-        //Method 4: Using Google material-icons
-        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
-            tooltip="Sky">settings_system_daydream</IconButton>;
-
-        // "http://material-ui.com/#/components/icon-menus"
-        element = <IconMenu iconButtonElement={<IconButton />}>
-                <MenuItem primaryText="Refresh" />
-                <MenuItem primaryText="Send feedback" />
-                <MenuItem primaryText="Settings" />
-                <MenuItem primaryText="Help" />
-                <MenuItem primaryText="Sign out" />
-            </IconMenu>;
-
-        // "http://material-ui.com/#/components/left-nav"
-
-
-        // "http://material-ui.com/#/components/lists"
-
-
-        // "http://material-ui.com/#/components/menus"
-        element = <Menu>
-                <MenuItem primaryText="Maps" />
-                <MenuItem primaryText="Books" />
-                <MenuItem primaryText="Flights" />
-                <MenuItem primaryText="Apps" />
-            </Menu>;
-        element = <Menu desktop={true} width={320}>
-                <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-                <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-                <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-                <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-                <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-                <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-                <MenuDivider />
-                <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-                <MenuDivider />
-                <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-            </Menu>;
-
-        // "http://material-ui.com/#/components/paper"
-
-
-        // "http://material-ui.com/#/components/progress"
-
-
-        // "http://material-ui.com/#/components/refresh-indicator"
-
-
-        // "http://material-ui.com/#/components/sliders"
-
-
-        // "http://material-ui.com/#/components/switches"
-        element = <Checkbox
-            name="checkboxName2"
-            value="checkboxValue2"
-            label="fed the dog"
-            defaultChecked={true}/>;
-        element = <Checkbox
-            name = "checkboxName3"
-            value = "checkboxValue3"
-            label = "built a house on the moon"
-            disabled = {true}/>;
-        element = <Checkbox
-            name="checkboxName4"
-            value="checkboxValue4"
-            checkedIcon={<ToggleStar />}
-            unCheckedIcon={<ToggleStarBorder />}
-            label="custom icon" />;
-
-        element = <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-        <RadioButton
-            value="light"
-            label="prepare for light speed"
-            style={{ marginBottom: 16 }} />;
-        <RadioButton
-            value="not_light"
-            label="light speed too slow"
-            style={{ marginBottom: 16 }}/>;
-        <RadioButton
-            value="ludicrous"
-            label="go to ludicrous speed"
-            style={{ marginBottom: 16 }}
-            disabled={true}/>
-            </RadioButtonGroup>;
-
-        element = <Toggle
-            name="toggleName1"
-            value="toggleValue1"
-            label="activate thrusters"/>;
-
-        element = <Toggle
-            name = "toggleName2"
-            value = "toggleValue2"
-            label = "auto-pilot"
-            defaultToggled = { true}/>;
-
-        element = <Toggle
-            name="toggleName3"
-            value="toggleValue3"
-            label="initiate self-destruct sequence"
-            disabled={true}/>;
-
-        // "http://material-ui.com/#/components/snackbar"
-
-
-        // "http://material-ui.com/#/components/table"
-
-
-        // "http://material-ui.com/#/components/tabs"
-
-
-        // "http://material-ui.com/#/components/text-fields"
-        element = <TextField
-            hintText="Hint Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value" />;
-        element = <TextField
-            hintText = "Hint Text"
-            value = { "value" }
-            underlineStyle = {{ borderColor: Colors.green500 }}
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Custom Underline Focus Color"
-            underlineFocusStyle={{ borderColor: Colors.amber900 }} />;
-        element = <TextField
-            hintText = "Hint Text"
-            valueLink = { this.linkState<string>('valueLinkValue') } />;
-        element = <TextField
-            hintText="Hint Text (MultiLine)"
-            multiLine={true} />;
-        element = <TextField
-            hintText = "The hint text can be as long as you want, it will wrap."
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText="The error text can be as long as you want, it will wrap." />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text (custom error color)"
-            errorText={"error text"}
-            errorStyle={{ color: 'orange' }}
-            onChange={ this.formEventHandler }
-            defaultValue="Custom error color" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true} />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            defaultValue="Disabled With Value" />;
-
-        //Select Fields
-        let arbitraryArrayMenuItems = [
-            {
-                id: 0,
-                name: "zero",
-            },
-        ];
-        element = <SelectField
-            value = { 0 }
-            onChange = { this.selectFieldChangeHandler }
-            hintText = "Hint Text"
-            menuItems = { menuItems } />;
-        element = <SelectField
-            valueLink={this.linkState('selectValueLinkValue') }
-            floatingLabelText="Float Label Text"
-            valueMember="id"
-            displayMember="name"
-            menuItems={arbitraryArrayMenuItems} />;
-        element = <SelectField
-            valueLink = { this.linkState('selectValueLinkValue2') }
-            floatingLabelText = "Float Custom Label Text"
-            floatingLabelStyle = {{ color: "red" }}
-            valueMember = "id"
-            displayMember = "name"
-            menuItems = { arbitraryArrayMenuItems } />;
-        element = <SelectField
-            value={0}
-            onChange={ this.selectFieldChangeHandler }
-            menuItems={arbitraryArrayMenuItems} />;
-
-        //Floating Hint Text Labels
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value"
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text"
-            value = { "value" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text"
-            floatingLabelText="Floating Label Text"
-            valueLink={this.linkState<string>('floatingValueLinkValue') } />;
-        element = <TextField
-            hintText = "Hint Text (MultiLine)"
-            floatingLabelText = "Floating Label Text"
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText={"floating text"}
-            floatingLabelText="Floating Label Text"
-            onChange={this.formEventHandler } />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            defaultValue = "abc"
-            floatingLabelText = "Floating Label Text"
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true}
-            defaultValue = "Disabled With Value"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Password Field"
-            floatingLabelText="Password"
-            type="password" />;
-
-
-        // "http://material-ui.com/#/components/time-picker"
-
-
-        // "http://material-ui.com/#/components/toolbars"
-
-        return element;
-    }
-}
diff --git a/material-ui/legacy/material-ui-0.11.1.d.ts b/material-ui/legacy/material-ui-0.11.1.d.ts
deleted file mode 100644
index 8d457b7cf5..0000000000
--- a/material-ui/legacy/material-ui-0.11.1.d.ts
+++ /dev/null
@@ -1,2096 +0,0 @@
-// Type definitions for material-ui v0.11.1
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react-0.13.3" />
-
-declare module "material-ui" {
-    // The reason for exporting the namespace types (__MaterialUI.*) is to also export the type for casting variable.
-
-    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
-    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
-    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
-    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
-    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
-    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
-    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
-    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
-    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
-    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
-    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
-    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
-    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
-    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
-    export import DropDownIcon = __MaterialUI.DropDownIcon; // require('material-ui/lib/drop-down-icon');
-    export import DropDownMenu = __MaterialUI.DropDownMenu; // require('material-ui/lib/drop-down-menu');
-    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
-    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
-    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
-    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
-    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
-    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
-    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
-    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
-    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
-    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
-    export import Menu = __MaterialUI.Menu.Menu; // require('material-ui/lib/menu/menu');
-    export import MenuItem = __MaterialUI.Menu.MenuItem; // require('material-ui/lib/menu/menu-item');
-    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins/');
-    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
-    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
-    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
-    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
-    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples/');
-    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
-    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
-    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
-
-    import NavigationMenu = require('material-ui/lib/svg-icons/navigation/menu');
-    import NavigationChevronLeft = require('material-ui/lib/svg-icons/navigation/chevron-left');
-    import NavigationChevronRight = require('material-ui/lib/svg-icons/navigation/chevron-right');
-    export var Icons: {
-        NavigationMenu: __MaterialUI.NavigationMenu;
-        NavigationChevronLeft: __MaterialUI.NavigationChevronLeft;
-        NavigationChevronRight: __MaterialUI.NavigationChevronRight;
-    };
-
-    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles/');
-    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
-    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
-    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
-    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
-    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
-    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
-    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
-    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
-    export import Theme = __MaterialUI.Theme; // require('material-ui/lib/theme');
-    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
-    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
-    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
-    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
-    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils/');
-
-    // export type definitions
-    export import TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export import TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-    export import DialogAction = __MaterialUI.DialogAction;
-}
-
-declare namespace __MaterialUI {
-    import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    // more specific than React.HTMLAttributes
-
-    interface AppBarProps extends React.Props<AppBar> {
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: string;
-        style?: React.CSSProperties;
-        showMenuIconButton?: boolean;
-        title?: React.ReactNode;
-        zDepth?: number;
-
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        icon?: React.ReactElement<any>;
-        backgroundColor?: string;
-        color?: string;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        beforeStyle?: React.CSSProperties;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        afterElementType?: string;
-        elementType?: string;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            expandable?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandedChange?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            onExpanding?: (isExpanded: boolean) => void;
-            expanded?: boolean;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            avatar: React.ReactElement<any> | string;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            expandable?: boolean;
-            overlay?: React.ReactNode;
-            overlayStyle?: React.CSSProperties;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            mediaStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            expandable?: boolean;
-            color?: string;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributesBase<T> {
-        // <input/> is root element
-        id?: string;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        rippleStyle?: React.CSSProperties;
-        thumbStyle?: React.CSSProperties;
-        trackStyle?: React.CSSProperties;
-        name?: string;
-        value?: string;
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        defaultSwitched?: boolean;
-        disableFocusRipple?: boolean;
-        disableTouchRipple?: boolean;
-    }
-
-    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
-        // <input/> is root element
-        inputType: string;
-        switchElement: React.ReactElement<any>;
-        onParentShouldUpdate: (isInputChecked: boolean) => void;
-        switched: boolean;
-        rippleColor?: string;
-        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        labelPosition?: string;
-    }
-    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
-        isSwitched(): boolean;
-        setSwitched(newSwitchedValue: boolean): void;
-        getValue(): any;
-        isKeyboardFocused(): boolean;
-    }
-
-    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-        // <EnhancedSwitch/> is root element
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        checked?: boolean;
-        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-
-        disabled?: boolean;
-        valueLink?: ReactLink<boolean>;
-        checkedLink?: ReactLink<boolean>;
-
-        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-    }
-    export class Checkbox extends React.Component<CheckboxProps, {}> {
-        isChecked(): void;
-        setChecked(newCheckedValue: boolean): void;
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-        size?: number;
-        color?: string;
-        innerStyle?: React.CSSProperties;
-
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface ClearFixProps extends React.Props<ClearFix> {
-    }
-    export class ClearFix extends React.Component<ClearFixProps, {}> {
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            autoOk?: boolean;
-            defaultDate?: Date;
-            formatDate?: string;
-            hideToolbarYearChange?: boolean;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: string;
-            onDismiss?: () => void;
-
-            // e is always null
-            onChange?: (e: any, d: Date) => void;
-
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-            textFieldStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            disableYearSelection?: boolean;
-            initialDate?: Date;
-            maxDate?: Date;
-            minDate?: Date;
-            onAccept?: (d: Date) => void;
-            onClickAway?: () => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    export interface DialogAction {
-        text: string;
-        ref?: string;
-
-        onTouchTap?: TouchTapEventHandler;
-        onClick?: React.MouseEventHandler;
-    }
-    interface DialogProps extends React.Props<Dialog> {
-        actions?: Array<DialogAction | React.ReactElement<any>>;
-        actionFocus?: string;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        bodyStyle?: React.CSSProperties;
-        contentClassName?: string;
-        contentInnerStyle?: React.CSSProperties;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        openImmediately?: boolean;
-        repositionOnUpdate?: boolean;
-        title?: React.ReactNode;
-
-        onClickAway?: () => void;
-        onDismiss?: () => void;
-        onShow?: () => void;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-        dismiss(): void;
-        show(): void;
-    }
-
-    interface DropDownIconProps extends React.Props<DropDownIcon> {
-        menuItems: Menu.MenuItemRequest[];
-        closeOnMenuItemTouchTap?: boolean;
-        iconStyle?: React.CSSProperties;
-        iconClassName?: string;
-        iconLigature?: string;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownIcon extends React.Component<DropDownIconProps, {}> {
-    }
-
-    interface DropDownMenuProps extends React.Props<DropDownMenu> {
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.HTMLAttributesBase<T> {
-        centerRipple?: boolean;
-        containerElement?: string | React.ReactElement<any>;
-        disabled?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        touchRippleOpacity?: number;
-        tabIndex?: number;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-    }
-
-    interface EnhancedButtonProps extends SharedEnhancedButtonProps<EnhancedButton> {
-        touchRippleColor?: string;
-        focusRippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends SharedEnhancedButtonProps<FlatButton> {
-        hoverColor?: string;
-        label?: string;
-        labelPosition?: string;
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        primary?: boolean;
-        secondary?: boolean;
-        rippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends SharedEnhancedButtonProps<FloatingActionButton> {
-        backgroundColor?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        mini?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface FontIconProps extends React.Props<FontIcon> {
-        color?: string;
-        hoverColor?: string;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        className?: string;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface IconButtonProps extends SharedEnhancedButtonProps<IconButton> {
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPosition?: string;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    interface LeftNavProps extends React.Props<LeftNav> {
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        header?: React.ReactElement<any>;
-        menuItems: Menu.MenuItemRequest[];
-        onChange?: Menu.ItemTapEventHandler;
-        onNavOpen?: () => void;
-        onNavClose?: () => void;
-        openRight?: Boolean;
-        selectedIndex?: number;
-        menuItemClassName?: string;
-        menuItemClassNameSubheader?: string;
-        menuItemClassNameLink?: string;
-    }
-    export class LeftNav extends React.Component<LeftNavProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    namespace Lists {
-        interface ListProps extends React.Props<List> {
-            insetSubheader?: boolean;
-            subheader?: string;
-            subheaderStyle?: React.CSSProperties;
-            zDepth?: number;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        interface ListDividerProps extends React.Props<ListDivider> {
-            inset?: boolean;
-        }
-        export class ListDivider extends React.Component<ListDividerProps, {}> {
-        }
-
-        interface ListItemProps extends React.Props<ListItem> {
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            innerStyle?: React.CSSProperties;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedLevel?: number;
-            nestedItems?: React.ReactElement<any>[];
-            onKeyboardFocus?: React.FocusEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            primaryText?: React.ReactNode;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-    }
-
-    // Old menu implementation.  Being replaced by new "menus".
-    namespace Menu {
-        interface ItemTapEventHandler {
-            (e: TouchTapEvent, index: number, menuItem: MenuItemRequest): void;
-        }
-
-        // almost extends MenuItemProps, but certain required items are generated in Menu and not passed here.
-        interface MenuItemRequest extends React.Props<MenuItem> {
-            // use value from MenuItem.Types.*
-            type?: string;
-
-            text?: string;
-            data?: string;
-            payload?: string;
-            icon?: React.ReactElement<any>;
-            attribute?: string;
-            number?: string;
-            toggle?: boolean;
-            onTouchTap?: TouchTapEventHandler;
-            isDisabled?: boolean;
-
-            // for MenuItems.Types.NESTED
-            items?: MenuItemRequest[];
-
-            // for custom text or payloads
-            [propertyName: string]: any;
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            index: number;
-            text?: string;
-            menuItems: MenuItemRequest[];
-            zDepth?: number;
-            active?: boolean;
-            onItemTap?: ItemTapEventHandler;
-            menuItemStyle?: React.CSSProperties;
-        }
-        export class Menu extends React.Component<MenuProps, {}> {
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            index: number;
-            icon?: React.ReactElement<any>;
-            iconClassName?: string;
-            iconRightClassName?: string;
-            iconStyle?: React.CSSProperties;
-            iconRightStyle?: React.CSSProperties;
-            attribute?: string;
-            number?: string;
-            data?: string;
-            toggle?: boolean;
-            onTouchTap?: (e: React.MouseEvent, key: number) => void;
-            onToggle?: (e: React.MouseEvent, key: number, toggled: boolean) => void;
-            selected?: boolean;
-            active?: boolean;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}> {
-            static Types: { LINK: string, SUBHEADER: string, NESTED: string, }
-        }
-    }
-
-    export namespace Mixins {
-        interface ClickAwayable extends React.Mixin<any, any> {
-        }
-        var ClickAwayable: ClickAwayable;
-
-        interface WindowListenable extends React.Mixin<any, any> {
-        }
-        var WindowListenable: WindowListenable;
-
-        interface StylePropable extends React.Mixin<any, any> {
-        }
-        var StylePropable: StylePropable
-
-        interface StyleResizable extends React.Mixin<any, any> {
-        }
-        var StyleResizable: StyleResizable
-    }
-
-    interface OverlayProps extends React.Props<Overlay> {
-        autoLockScrolling?: boolean;
-        show?: boolean;
-        transitionEnabled?: boolean;
-    }
-    export class Overlay extends React.Component<OverlayProps, {}> {
-    }
-
-    interface PaperProps extends React.Props<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-        // <EnhancedSwitch/> is root element
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        value?: string;
-
-        onCheck?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButton extends React.Component<RadioButtonProps, {}> {
-    }
-
-    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-        defaultSelected?: string;
-        labelPosition?: string;
-        name: string;
-        style?: React.CSSProperties;
-        valueSelected?: string;
-
-        onChange?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-        getSelectedValue(): string;
-        setSelectedValue(newSelectionValue: string): void;
-        clearValue(): void;
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        className?: string;
-        disabled?: boolean;
-        label?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        labelStyle?: React.CSSProperties;
-        backgroundColor?: string;
-        labelColor?: string;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        left: number;
-        percentage?: number;
-        size?: number;
-        status?: string;
-        top: number;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    namespace Ripples {
-        interface CircleRippleProps extends React.Props<CircleRipple> {
-            color?: string;
-            opacity?: number;
-        }
-        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
-        }
-
-        interface FocusRippleProps extends React.Props<FocusRipple> {
-            color?: string;
-            innerStyle?: React.CSSProperties;
-            opacity?: number;
-            show?: boolean;
-        }
-        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
-        }
-
-        interface TouchRippleProps extends React.Props<TouchRipple> {
-            centerRipple?: boolean;
-            color?: string;
-            opacity?: number;
-        }
-        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
-        }
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // passed to TextField
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-
-        // passed to DropDownMenu
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-
-        // own properties
-        selectFieldRoot?: string;
-        multiLine?: boolean;
-        type?: string;
-        rows?: number;
-        inputStyle?: React.CSSProperties;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        name: string;
-        defaultValue?: number;
-        description?: string;
-        error?: string;
-        max?: number;
-        min?: number;
-        required?: boolean;
-        step?: number;
-        value?: number;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    interface SvgIconProps extends React.Props<SvgIcon> {
-        color?: string;
-        hoverColor?: string;
-        viewBox?: string;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    interface NavigationMenuProps extends React.Props<NavigationMenu> {
-    }
-    export class NavigationMenu extends React.Component<NavigationMenuProps, {}> {
-    }
-
-    interface NavigationChevronLeftProps extends React.Props<NavigationChevronLeft> {
-    }
-    export class NavigationChevronLeft extends React.Component<NavigationChevronLeftProps, {}> {
-    }
-
-    interface NavigationChevronRightProps extends React.Props<NavigationChevronRight> {
-    }
-    export class NavigationChevronRight extends React.Component<NavigationChevronRightProps, {}> {
-    }
-
-    export namespace Styles {
-        interface AutoPrefix {
-            all(styles: React.CSSProperties): React.CSSProperties;
-            set(style: React.CSSProperties, key: string, value: string | number): void;
-            single(key: string): string;
-            singleHyphened(key: string): string;
-        }
-        export var AutoPrefix: AutoPrefix;
-
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        interface ThemePalette {
-            primary1Color?: string,
-            primary2Color?: string,
-            primary3Color?: string,
-            accent1Color?: string,
-            accent2Color?: string,
-            accent3Color?: string,
-            textColor?: string,
-            canvasColor?: string,
-            borderColor?: string,
-            disabledColor?: string
-        }
-        interface Theme {
-            appBar?: {
-                color?: string,
-                textColor?: string,
-                height?: number
-            },
-            button?: {
-                height?: number,
-                minWidth?: number,
-                iconButtonSize?: number
-            },
-            checkbox?: {
-                boxColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            datePicker?: {
-                color?: string,
-                textColor?: string,
-                calendarTextColor?: string,
-                selectColor?: string,
-                selectTextColor?: string,
-            },
-            dropDownMenu?: {
-                accentColor?: string,
-            },
-            flatButton?: {
-                color?: string,
-                textColor?: string,
-                primaryTextColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string
-            },
-            floatingActionButton?: {
-                buttonSize?: number,
-                miniSize?: number,
-                color?: string,
-                iconColor?: string,
-                secondaryColor?: string,
-                secondaryIconColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            leftNav?: {
-                width?: number,
-                color?: string,
-            },
-            menu?: {
-                backgroundColor?: string,
-                containerBackgroundColor?: string,
-            },
-            menuItem?: {
-                dataHeight?: number,
-                height?: number,
-                hoverColor?: string,
-                padding?: number,
-                selectedTextColor?: string,
-            },
-            menuSubheader?: {
-                padding?: number,
-                borderColor?: string,
-                textColor?: string,
-            },
-            paper?: {
-                backgroundColor?: string,
-            },
-            radioButton?: {
-                borderColor?: string,
-                backgroundColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                size?: number,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            raisedButton?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            slider?: {
-                trackSize?: number,
-                trackColor?: string,
-                trackColorSelected?: string,
-                handleSize?: number,
-                handleSizeActive?: number,
-                handleSizeDisabled?: number,
-                handleColorZero?: string,
-                handleFillColor?: string,
-                selectionColor?: string,
-                rippleColor?: string,
-            },
-            snackbar?: {
-                textColor?: string,
-                backgroundColor?: string,
-                actionColor?: string,
-            },
-            toggle?: {
-                thumbOnColor?: string,
-                thumbOffColor?: string,
-                thumbDisabledColor?: string,
-                thumbRequiredColor?: string,
-                trackOnColor?: string,
-                trackOffColor?: string,
-                trackDisabledColor?: string,
-                trackRequiredColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            toolbar?: {
-                backgroundColor?: string,
-                height?: number,
-                titleFontSize?: number,
-                iconColor?: string,
-                separatorColor?: string,
-                menuHoverColor?: string,
-            }
-        }
-        interface CustomTheme {
-            spacing?: Spacing;
-            contentFontFamily?: string;
-            getPalette(): ThemePalette;
-            getComponentThemes(palette: ThemePalette, spacing: Spacing): Theme;
-        }
-
-        export class ThemeManager {
-            static: boolean;
-            spacing: Spacing;
-            palette: ThemePalette;
-            component: Theme;
-            contentFontFamily: string;
-            template: CustomTheme;
-            types: {
-                LIGHT: CustomTheme;
-                DARK: CustomTheme;
-            };
-
-            getCurrentTheme(): ThemeManager;
-            setContentFontFamily(newContentFontFamily: string): void;
-            setTheme(newTheme: CustomTheme): void;
-            setSpacing(newSpacing: Spacing): void;
-            setPalette(newPalette: ThemePalette): void;
-            setComponentThemes(overrides: Theme): void;
-            setIsRtl(isRtl: boolean): void;
-        }
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack:string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        message: string;
-        action?: string;
-        autoHideDuration?: number;
-        onActionTouchTap?: React.TouchEventHandler;
-        onShow?: () => void;
-        onDismiss?: () => void;
-        openOnMount?: boolean;
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Tabs {
-        interface TabProps extends React.Props<Tab> {
-            label?: string;
-            value?: string;
-            selected?: boolean;
-            width?: string;
-
-            // Called by Tabs component
-            onActive?: (tab: Tab) => void;
-
-            onTouchTap?: (value: string, e: TouchTapEvent, tab: Tab) => void;
-        }
-        export class Tab extends React.Component<TabProps, {}> {
-        }
-
-        interface TabsProps extends React.Props<Tabs> {
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabWidth?: number;
-            value?: string | number;
-
-            onChange?: (value: string | number, e: React.FormEvent, tab: Tab) => void;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[])=> void;
-            selectable?: boolean;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            allRowsSelected?: boolean;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[])=> void;
-            preScanRows?: boolean;
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            adjustForCheckbox?: boolean;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            onSelectAll?: (event: React.MouseEvent) => void;
-            selectAllSelected?: boolean;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            columnNumber?: number;
-            onClick?:  (e: React.MouseEvent, column: number) => void;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            columnNumber?: number;
-            hoverable?: boolean;
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-    }
-
-    interface ThemeProps extends React.Props<Theme> {
-        theme: Styles.CustomTheme;
-    }
-    export class Theme extends React.Component<ThemeProps, {}> {
-        static theme(customTheme: Styles.CustomTheme): <P>(Component: React.ComponentClass<P>) => React.ComponentClass<P>;
-    }
-
-    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-        // <EnhancedSwitch/> is root element
-
-        elementStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        toggled?: boolean;
-        defaultToggled?: boolean;
-    }
-    export class Toggle extends React.Component<ToggleProps, {}> {
-        isToggled(): boolean;
-        setToggled(newToggledValue: boolean): void;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        defaultTime?: Date;
-        format?: string;
-        pedantic?: boolean;
-        onFocus?: React.FocusEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        onChange?: (e: any, time: Date) => void;
-        onShow?: () => void;
-        onDismiss?: () => void;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        style?: React.CSSProperties;
-        rows?: number,
-        underlineStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        type?: string;
-
-        disabled?: boolean;
-        isRtl?: boolean;
-        value?: string;
-        defaultValue?: string;
-        valueLink?: ReactLink<string>;
-
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        clearValue(): void;
-        focus(): void;
-        getValue(): string;
-        setErrorText(newErrorText: string): void;
-        setValue(newValue: string): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            float?: string;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.Props<ToolbarTitle> {
-           text?: string;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    interface TooltipProps extends React.Props<Tooltip> {
-        label: string;
-        show?: boolean;
-        touch?: boolean;
-        verticalPosition?: string;
-        horizontalPosition?: string;
-    }
-    export class Tooltip extends React.Component<TooltipProps, {}> {
-    }
-
-    export namespace Utils {
-        interface ContrastLevel {
-            range: [number, number];
-            color: string;
-        }
-        interface ColorManipulator {
-            fade(color: string, amount: string|number): string;
-            lighten(color: string, amount: string|number): string;
-            darken(color: string, amount: string|number): string;
-            contrastRatio(background: string, foreground: string): number;
-            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
-        }
-        export var ColorManipulator: ColorManipulator;
-
-        interface CssEvent {
-            transitionEndEventName(): string;
-            animationEndEventName(): string;
-            onTransitionEnd(el: Element, callback: () => void): void;
-            onAnimationEnd(el: Element, callback: () => void): void;
-        }
-        export var CssEvent: CssEvent;
-
-        interface Dom {
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            addClass(el: Element, className: string): void;
-            removeClass(el: Element, className: string): void;
-            hasClass(el: Element, className: string): boolean;
-            toggleClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            once(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            off(el: Element, type: string, callback: EventListener): void;
-            isKeyboard(e: Event): boolean;
-        }
-        export var Events: Events;
-
-        function Extend<T, S1>(base: T, override: S1): (T & S1);
-
-        interface ImmutabilityHelper {
-            merge(base: any, ...args: any[]): any;
-            mergeItem(obj: any, key: any, newValueObject: any): any;
-            push(array: any[], obj: any): any[];
-            shift(array: any[]): any[];
-        }
-        export var ImmutabilityHelper: ImmutabilityHelper;
-
-        interface KeyCode {
-            DOWN: number;
-            ESC: number;
-            ENTER: number;
-            LEFT: number;
-            RIGHT: number;
-            SPACE: number;
-            TAB: number;
-            UP: number;
-        }
-        var KeyCode: KeyCode;
-
-        interface KeyLine {
-            Desktop: {
-                GUTTER: number;
-                GUTTER_LESS: number;
-                INCREMENT: number;
-                MENU_ITEM_HEIGHT: number;
-            };
-
-            getIncrementalDim(dim: number): number;
-        }
-        export var KeyLine: KeyLine;
-
-        interface UniqueId {
-            generate(): string;
-        }
-        export var UniqueId: UniqueId;
-
-        interface Styles {
-            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
-        }
-        export var Styles: Styles;
-    }
-
-    // New menus available only through requiring directly to the end file
-    namespace Menus {
-        interface IconMenuProps extends React.Props<IconMenu> {
-            closeOnItemTouchTap?: boolean;
-            desktop?: boolean;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            openDirection?: string;
-            menuStyle?: React.CSSProperties;
-            multiple?: boolean;
-            value?: string | Array<string>;
-            width?: string | number;
-            touchTapCloseDelay?: number;
-
-            onKeyboardFocus?: React.FocusEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string | Array<string>) => void;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            openDirection?: string;
-            value?: string | Array<string>;
-            width?: string | number;
-            zDepth?: number;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            primaryText?: string | React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            value?: string;
-
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string) => void;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface MenuDividerProps extends React.Props<MenuDivider> {
-            inset?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class MenuDivider extends React.Component<MenuDividerProps, {}>{
-        }
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/lib/app-bar' {
-    export = __MaterialUI.AppBar;
-}
-
-declare module 'material-ui/lib/app-canvas' {
-    export = __MaterialUI.AppCanvas;
-}
-
-declare module 'material-ui/lib/avatar' {
-    export = __MaterialUI.Avatar;
-}
-
-declare module 'material-ui/lib/before-after-wrapper' {
-    export = __MaterialUI.BeforeAfterWrapper;
-}
-
-declare module 'material-ui/lib/card/card' {
-    export = __MaterialUI.Card.Card;
-}
-
-declare module 'material-ui/lib/card/card-actions' {
-    export = __MaterialUI.Card.CardActions;
-}
-
-declare module 'material-ui/lib/card/card-expandable' {
-    export = __MaterialUI.Card.CardExpandable;
-}
-
-declare module 'material-ui/lib/card/card-header' {
-    export = __MaterialUI.Card.CardHeader;
-}
-
-declare module 'material-ui/lib/card/card-media' {
-    export = __MaterialUI.Card.CardMedia;
-}
-
-declare module 'material-ui/lib/card/card-text' {
-    export = __MaterialUI.Card.CardText;
-}
-
-declare module 'material-ui/lib/card/card-title' {
-    export = __MaterialUI.Card.CardTitle;
-}
-
-declare module 'material-ui/lib/checkbox' {
-    export = __MaterialUI.Checkbox;
-}
-
-declare module 'material-ui/lib/circular-progress' {
-    export = __MaterialUI.CircularProgress;
-}
-
-declare module 'material-ui/lib/clearfix' {
-    export = __MaterialUI.ClearFix;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker' {
-    export = __MaterialUI.DatePicker.DatePicker;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker-dialog' {
-    export = __MaterialUI.DatePicker.DatePickerDialog;
-}
-
-declare module 'material-ui/lib/dialog' {
-    export = __MaterialUI.Dialog;
-}
-
-declare module 'material-ui/lib/drop-down-icon' {
-    export = __MaterialUI.DropDownIcon;
-}
-
-declare module 'material-ui/lib/drop-down-menu' {
-    export = __MaterialUI.DropDownMenu;
-}
-
-declare module 'material-ui/lib/enhanced-button' {
-    export = __MaterialUI.EnhancedButton;
-}
-
-declare module 'material-ui/lib/flat-button' {
-    export = __MaterialUI.FlatButton;
-}
-
-declare module 'material-ui/lib/floating-action-button' {
-    export = __MaterialUI.FloatingActionButton;
-}
-
-declare module 'material-ui/lib/font-icon' {
-    export = __MaterialUI.FontIcon;
-}
-
-declare module 'material-ui/lib/icon-button' {
-    export = __MaterialUI.IconButton;
-}
-
-declare module 'material-ui/lib/left-nav' {
-    export = __MaterialUI.LeftNav;
-}
-
-declare module 'material-ui/lib/linear-progress' {
-    export = __MaterialUI.LinearProgress;
-}
-
-declare module 'material-ui/lib/lists/list' {
-    export = __MaterialUI.Lists.List;
-}
-
-declare module 'material-ui/lib/lists/list-divider' {
-    export = __MaterialUI.Lists.ListDivider;
-}
-
-declare module 'material-ui/lib/lists/list-item' {
-    export = __MaterialUI.Lists.ListItem;
-}
-
-declare module 'material-ui/lib/menu/menu' {
-    export = __MaterialUI.Menu.Menu;
-}
-
-declare module 'material-ui/lib/menu/menu-item' {
-    export = __MaterialUI.Menu.MenuItem;
-}
-
-declare module 'material-ui/lib/mixins/' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
-    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
-}
-
-declare module 'material-ui/lib/mixins/click-awayable' {
-    export = __MaterialUI.Mixins.ClickAwayable;
-}
-
-declare module 'material-ui/lib/mixins/window-listenable' {
-    export = __MaterialUI.Mixins.WindowListenable;
-}
-
-declare module 'material-ui/lib/mixins/style-propable' {
-    export = __MaterialUI.Mixins.StylePropable;
-}
-
-declare module 'material-ui/lib/mixins/style-resizable' {
-    export = __MaterialUI.Mixins.StyleResizable;
-}
-
-declare module 'material-ui/lib/overlay' {
-    export = __MaterialUI.Overlay;
-}
-
-declare module 'material-ui/lib/paper' {
-    export = __MaterialUI.Paper;
-}
-
-declare module 'material-ui/lib/radio-button' {
-    export = __MaterialUI.RadioButton;
-}
-
-declare module 'material-ui/lib/radio-button-group' {
-    export = __MaterialUI.RadioButtonGroup;
-}
-
-declare module 'material-ui/lib/raised-button' {
-    export = __MaterialUI.RaisedButton;
-}
-
-declare module 'material-ui/lib/refresh-indicator' {
-    export = __MaterialUI.RefreshIndicator;
-}
-
-declare module 'material-ui/lib/ripples/' {
-    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
-    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
-    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
-}
-
-declare module 'material-ui/lib/select-field' {
-    export = __MaterialUI.SelectField;
-}
-
-declare module 'material-ui/lib/slider' {
-    export = __MaterialUI.Slider;
-}
-
-declare module 'material-ui/lib/svg-icon' {
-    export = __MaterialUI.SvgIcon;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/menu' {
-    export = __MaterialUI.NavigationMenu;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
-    export = __MaterialUI.NavigationChevronLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
-    export = __MaterialUI.NavigationChevronRight;
-}
-
-declare module 'material-ui/lib/styles/' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
-    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
-    export import Spacing = require('material-ui/lib/styles/spacing');
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
-    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
-    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
-}
-
-declare module 'material-ui/lib/styles/auto-prefix' {
-    export = __MaterialUI.Styles.AutoPrefix;
-}
-
-declare module 'material-ui/lib/styles/spacing' {
-    var Spacing: __MaterialUI.Styles.Spacing;
-    export = Spacing;
-}
-
-declare module 'material-ui/lib/styles/theme-manager' {
-    export = __MaterialUI.Styles.ThemeManager;
-}
-
-declare module 'material-ui/lib/styles/transitions' {
-    export = __MaterialUI.Styles.Transitions;
-}
-
-declare module 'material-ui/lib/styles/typography' {
-    export = __MaterialUI.Styles.Typography;
-}
-
-declare module 'material-ui/lib/snackbar' {
-    export = __MaterialUI.Snackbar;
-}
-
-declare module 'material-ui/lib/tabs/tab' {
-    export = __MaterialUI.Tabs.Tab;
-}
-
-declare module 'material-ui/lib/tabs/tabs' {
-    export = __MaterialUI.Tabs.Tabs;
-}
-
-declare module 'material-ui/lib/table/table' {
-    export = __MaterialUI.Table.Table;
-}
-
-declare module 'material-ui/lib/table/table-body' {
-    export = __MaterialUI.Table.TableBody;
-}
-
-declare module 'material-ui/lib/table/table-footer' {
-    export = __MaterialUI.Table.TableFooter;
-}
-
-declare module 'material-ui/lib/table/table-header' {
-    export = __MaterialUI.Table.TableHeader;
-}
-
-declare module 'material-ui/lib/table/table-header-column' {
-    export = __MaterialUI.Table.TableHeaderColumn;
-}
-
-declare module 'material-ui/lib/table/table-row' {
-    export = __MaterialUI.Table.TableRow;
-}
-
-declare module 'material-ui/lib/table/table-row-column' {
-    export = __MaterialUI.Table.TableRowColumn;
-}
-
-declare module 'material-ui/lib/theme' {
-    export = __MaterialUI.Theme;
-}
-
-declare module 'material-ui/lib/toggle' {
-    export = __MaterialUI.Toggle;
-}
-
-declare module 'material-ui/lib/time-picker' {
-    export = __MaterialUI.TimePicker;
-}
-
-declare module 'material-ui/lib/text-field' {
-    export = __MaterialUI.TextField;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar' {
-    export = __MaterialUI.Toolbar.Toolbar;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-group' {
-    export = __MaterialUI.Toolbar.ToolbarGroup;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-separator' {
-    export = __MaterialUI.Toolbar.ToolbarSeparator;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-title' {
-    export = __MaterialUI.Toolbar.ToolbarTitle;
-}
-
-declare module 'material-ui/lib/tooltip' {
-    export = __MaterialUI.Tooltip;
-}
-
-declare module 'material-ui/lib/utils/' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
-    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
-    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
-    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
-    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
-    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
-    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
-    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
-    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
-}
-
-declare module 'material-ui/lib/utils/color-manipulator' {
-    export = __MaterialUI.Utils.ColorManipulator;
-}
-
-declare module 'material-ui/lib/utils/css-event' {
-    export = __MaterialUI.Utils.CssEvent;
-}
-
-declare module 'material-ui/lib/utils/dom' {
-    export = __MaterialUI.Utils.Dom;
-}
-
-declare module 'material-ui/lib/utils/events' {
-    export = __MaterialUI.Utils.Events;
-}
-
-declare module 'material-ui/lib/utils/extend' {
-    export = __MaterialUI.Utils.Extend;
-}
-
-declare module 'material-ui/lib/utils/immutability-helper' {
-    export = __MaterialUI.Utils.ImmutabilityHelper;
-}
-
-declare module 'material-ui/lib/utils/key-code' {
-    export = __MaterialUI.Utils.KeyCode;
-}
-
-declare module 'material-ui/lib/utils/key-line' {
-    export = __MaterialUI.Utils.KeyLine;
-}
-
-declare module 'material-ui/lib/utils/unique-id' {
-    export = __MaterialUI.Utils.UniqueId;
-}
-
-declare module 'material-ui/lib/utils/styles' {
-    export = __MaterialUI.Utils.Styles;
-}
-
-declare module "material-ui/lib/menus/icon-menu" {
-    export = __MaterialUI.Menus.IconMenu;
-}
-
-declare module "material-ui/lib/menus/menu" {
-    export = __MaterialUI.Menus.Menu;
-}
-
-declare module "material-ui/lib/menus/menu-item" {
-    export = __MaterialUI.Menus.MenuItem;
-}
-
-declare module "material-ui/lib/menus/menu-divider" {
-    export = __MaterialUI.Menus.MenuDivider;
-}
-
-declare module "material-ui/lib/styles/colors" {
-    export = __MaterialUI.Styles.Colors;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
diff --git a/material-ui/legacy/material-ui-0.12.1-tests.tsx b/material-ui/legacy/material-ui-0.12.1-tests.tsx
deleted file mode 100644
index ad6bc81c37..0000000000
--- a/material-ui/legacy/material-ui-0.12.1-tests.tsx
+++ /dev/null
@@ -1,468 +0,0 @@
-///<reference types="react-0.13.3" />
-///<reference path='material-ui-0.12.1.d.ts' />
-
-import * as React from "react/addons";
-import Checkbox = require("material-ui/lib/checkbox");
-import Colors = require("material-ui/lib/styles/colors");
-import AppBar = require("material-ui/lib/app-bar");
-import IconButton = require("material-ui/lib/icon-button");
-import FlatButton = require("material-ui/lib/flat-button");
-import Avatar = require("material-ui/lib/avatar");
-import FontIcon = require("material-ui/lib/font-icon");
-import Typography = require("material-ui/lib/styles/typography");
-import RaisedButton = require("material-ui/lib/raised-button");
-import FloatingActionButton = require("material-ui/lib/floating-action-button");
-import Card = require("material-ui/lib/card/card");
-import CardHeader = require("material-ui/lib/card/card-header");
-import CardText = require("material-ui/lib/card/card-text");
-import CardActions = require("material-ui/lib/card/card-actions");
-import Dialog = require("material-ui/lib/dialog");
-import DropDownMenu = require("material-ui/lib/drop-down-menu");
-import RadioButtonGroup = require("material-ui/lib/radio-button-group");
-import RadioButton = require("material-ui/lib/radio-button");
-import Toggle = require("material-ui/lib/toggle");
-import TextField = require("material-ui/lib/text-field");
-import SelectField = require("material-ui/lib/select-field");
-import IconMenu = require("material-ui/lib/menus/icon-menu");
-import Menu = require('material-ui/lib/menus/menu');
-import MenuItem = require('material-ui/lib/menus/menu-item');
-import MenuDivider = require('material-ui/lib/menus/menu-divider');
-import ThemeManager = require('material-ui/lib/styles/theme-manager');
-
-import NavigationClose = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/navigation/close", but they aren't defined yet.
-import FileFolder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/file/folder", but they aren't defined yet.
-import ToggleStar = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star", but they aren't defined yet.
-import ActionGrade = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/action/grade", but they aren't defined yet.
-import ToggleStarBorder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-import ArrowDropRight = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-
-type CheckboxProps = __MaterialUI.CheckboxProps;
-type MuiTheme = __MaterialUI.Styles.MuiTheme;
-type TouchTapEvent = __MaterialUI.TouchTapEvent;
-
-class MaterialUiTests extends React.Component<{}, {}> implements React.LinkedStateMixin {
-
-    // injected with mixin
-    linkState: <T>(key: string) => React.ReactLink<T>;
-    dialog: Dialog;
-
-    private touchTapEventHandler(e: TouchTapEvent) {
-        this.dialog.show();
-    }
-    private formEventHandler(e: React.FormEvent) {
-    }
-    private selectFieldChangeHandler(e: TouchTapEvent, si: number, mi: any) {
-    }
-
-    render() {
-
-        // "http://material-ui.com/#/customization/themes"
-        let muiTheme: MuiTheme = ThemeManager.getMuiTheme({
-            palette: {
-                accent1Color: Colors.cyan100
-            },
-            spacing: {
-
-            }
-        });
-
-        // "http://material-ui.com/#/customization/inline-styles"
-        let element: React.ReactElement<any>;
-        element = <Checkbox
-            id="checkboxId1"
-            name="checkboxName1"
-            value="checkboxValue1"
-            label="went for a run today"
-            style={{
-                width: '50%',
-                margin: '0 auto'
-            }}
-            iconStyle={{
-                fill: '#FF4081'
-            }}/>
-        element = React.createElement<CheckboxProps>(Checkbox, {
-            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
-                width: '50%',
-                margin: '0 auto'
-            }, iconStyle: {
-                fill: '#FF4081'
-            }
-        });
-
-        // "http://material-ui.com/#/components/appbar"
-        element = <AppBar
-            title="Title"
-            iconClassNameRight="muidocs-icon-navigation-expand-more" />
-        element = <AppBar
-            title="Title"
-            iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-            iconElementRight={<FlatButton label="Save" />} />;
-
-        // "http://material-ui.com/#/components/avatars"
-        //image avatar
-        element = <Avatar src="images/uxceo-128.jpg" />;
-        //SvgIcon avatar
-        element = <Avatar icon={<FileFolder />} />;
-        //SvgIcon avatar with custom colors
-        element = <Avatar
-            icon={<FileFolder />}
-            color={Colors.orange200}
-            backgroundColor={Colors.pink400} />;
-        //FontIcon avatar
-        element = <Avatar
-            icon={
-            <FontIcon className="muidocs-icon-communication-voicemail" />
-            } />;
-        //FontIcon avatar with custom colors
-        element = <Avatar
-            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-            color={Colors.blue300}
-            backgroundColor={Colors.indigo900} />;
-        //Letter avatar
-        element = <Avatar>A</Avatar>;
-        //Letter avatar with custom colors
-        element = <Avatar
-            color={Colors.deepOrange300}
-            backgroundColor={Colors.purple500}>
-            </Avatar>
-
-
-        // "http://material-ui.com/#/components/buttons"
-        element = <FlatButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </FlatButton>;
-        element = <RaisedButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </RaisedButton>;
-        element = <FloatingActionButton secondary={true} mini={true} linkButton={true}
-            href="https://github.com/callemall/material-ui" >
-            <ToggleStar />
-            </FloatingActionButton>;
-
-        // "http://material-ui.com/#/components/cards"
-        element = <Card initiallyExpanded={true}>
-        <CardHeader
-            title="Title"
-            subtitle="Subtitle"
-            avatar={<Avatar style={{ color: 'red' }}>A</Avatar>}
-            showExpandableButton={true}>
-            </CardHeader>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-        <CardActions expandable={true}>
-        <FlatButton label="Action1"/>
-        <FlatButton label="Action2"/>
-            </CardActions>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-            </Card>;
-
-        // "http://material-ui.com/#/components/date-picker"
-
-
-        // "http://material-ui.com/#/components/dialog"
-        let standardActions = [
-            { text: 'Cancel' },
-            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
-        ];
-
-        element = <Dialog
-            title="Dialog With Standard Actions"
-            actions={standardActions}
-            actionFocus="submit"
-            modal={true}>
-            The actions in this window are created from the json that's passed in.
-            </Dialog>;
-
-        //Custom Actions
-        let customActions = [
-            <FlatButton
-                label="Cancel"
-                secondary={true}
-                onTouchTap={this.touchTapEventHandler} />,
-            <FlatButton
-                label="Submit"
-                primary={true}
-                onTouchTap={this.touchTapEventHandler} />
-        ];
-
-        element = <Dialog
-            title="Dialog With Custom Actions"
-            actions={customActions}
-            modal={false}
-            autoDetectWindowHeight={true}
-            autoScrollBodyContent={true}>
-            The actions in this window were passed in as an array of react objects.
-            </Dialog>;
-
-
-        // "http://material-ui.com/#/components/dropdown-menu"
-        let menuItems = [
-            { payload: '1', text: 'Never' },
-            { payload: '2', text: 'Every Night' },
-            { payload: '3', text: 'Weeknights' },
-            { payload: '4', text: 'Weekends' },
-            { payload: '5', text: 'Weekly' },
-        ];
-        element = <DropDownMenu menuItems={menuItems} />;
-
-        // "http://material-ui.com/#/components/icons"
-        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
-
-        // "http://material-ui.com/#/components/icon-buttons"
-        //Method 1: muidocs-icon-github is defined in a style sheet.
-        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
-        //Method 2: ActionGrade is a component created using mui.SvgIcon.
-        element = <IconButton tooltip= "Star" touch= { true}>
-        <ActionGrade/>
-            </IconButton >;
-        //Method 3: Manually creating a mui.FontIcon component within IconButton
-        element = <IconButton tooltip= "Sort" disabled= {true}>
-        <FontIcon className="muidocs-icon-custom-sort"/>
-            </IconButton>;
-        //Method 4: Using Google material-icons
-        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
-            tooltip="Sky">settings_system_daydream</IconButton>;
-
-        // "http://material-ui.com/#/components/icon-menus"
-        element = <IconMenu iconButtonElement={<IconButton />}>
-                <MenuItem primaryText="Refresh" />
-                <MenuItem primaryText="Send feedback" />
-                <MenuItem primaryText="Settings" />
-                <MenuItem primaryText="Help" />
-                <MenuItem primaryText="Sign out" />
-            </IconMenu>;
-
-        // "http://material-ui.com/#/components/left-nav"
-
-
-        // "http://material-ui.com/#/components/lists"
-
-
-        // "http://material-ui.com/#/components/menus"
-        element = <Menu>
-                <MenuItem primaryText="Maps" />
-                <MenuItem primaryText="Books" />
-                <MenuItem primaryText="Flights" />
-                <MenuItem primaryText="Apps" />
-            </Menu>;
-        element = <Menu desktop={true} width={320}>
-                <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-                <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-                <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-                <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-                <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-                <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-                <MenuDivider />
-                <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-                <MenuDivider />
-                <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-            </Menu>;
-
-        // "http://material-ui.com/#/components/paper"
-
-
-        // "http://material-ui.com/#/components/progress"
-
-
-        // "http://material-ui.com/#/components/refresh-indicator"
-
-
-        // "http://material-ui.com/#/components/sliders"
-
-
-        // "http://material-ui.com/#/components/switches"
-        element = <Checkbox
-            name="checkboxName2"
-            value="checkboxValue2"
-            label="fed the dog"
-            defaultChecked={true}/>;
-        element = <Checkbox
-            name = "checkboxName3"
-            value = "checkboxValue3"
-            label = "built a house on the moon"
-            disabled = {true}/>;
-        element = <Checkbox
-            name="checkboxName4"
-            value="checkboxValue4"
-            checkedIcon={<ToggleStar />}
-            unCheckedIcon={<ToggleStarBorder />}
-            label="custom icon" />;
-
-        element = <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-        <RadioButton
-            value="light"
-            label="prepare for light speed"
-            style={{ marginBottom: 16 }} />;
-        <RadioButton
-            value="not_light"
-            label="light speed too slow"
-            style={{ marginBottom: 16 }}/>;
-        <RadioButton
-            value="ludicrous"
-            label="go to ludicrous speed"
-            style={{ marginBottom: 16 }}
-            disabled={true}/>
-            </RadioButtonGroup>;
-
-        element = <Toggle
-            name="toggleName1"
-            value="toggleValue1"
-            label="activate thrusters"/>;
-
-        element = <Toggle
-            name = "toggleName2"
-            value = "toggleValue2"
-            label = "auto-pilot"
-            defaultToggled = { true}/>;
-
-        element = <Toggle
-            name="toggleName3"
-            value="toggleValue3"
-            label="initiate self-destruct sequence"
-            disabled={true}/>;
-
-        // "http://material-ui.com/#/components/snackbar"
-
-
-        // "http://material-ui.com/#/components/table"
-
-
-        // "http://material-ui.com/#/components/tabs"
-
-
-        // "http://material-ui.com/#/components/text-fields"
-        element = <TextField
-            hintText="Hint Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value" />;
-        element = <TextField
-            hintText = "Hint Text"
-            value = { "value" }
-            underlineStyle = {{ borderColor: Colors.green500 }}
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Custom Underline Focus Color"
-            underlineFocusStyle={{ borderColor: Colors.amber900 }} />;
-        element = <TextField
-            hintText = "Hint Text"
-            valueLink = { this.linkState<string>('valueLinkValue') } />;
-        element = <TextField
-            hintText="Hint Text (MultiLine)"
-            multiLine={true} />;
-        element = <TextField
-            hintText = "The hint text can be as long as you want, it will wrap."
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText="The error text can be as long as you want, it will wrap." />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text (custom error color)"
-            errorText={"error text"}
-            errorStyle={{ color: 'orange' }}
-            onChange={ this.formEventHandler }
-            defaultValue="Custom error color" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true} />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            defaultValue="Disabled With Value" />;
-
-        //Select Fields
-        let arbitraryArrayMenuItems = [
-            {
-                id: 0,
-                name: "zero",
-            },
-        ];
-        element = <SelectField
-            value = { 0 }
-            onChange = { this.selectFieldChangeHandler }
-            hintText = "Hint Text"
-            menuItems = { menuItems } />;
-        element = <SelectField
-            valueLink={this.linkState('selectValueLinkValue') }
-            floatingLabelText="Float Label Text"
-            valueMember="id"
-            displayMember="name"
-            menuItems={arbitraryArrayMenuItems} />;
-        element = <SelectField
-            valueLink = { this.linkState('selectValueLinkValue2') }
-            floatingLabelText = "Float Custom Label Text"
-            floatingLabelStyle = {{ color: "red" }}
-            valueMember = "id"
-            displayMember = "name"
-            menuItems = { arbitraryArrayMenuItems } />;
-        element = <SelectField
-            value={0}
-            onChange={ this.selectFieldChangeHandler }
-            menuItems={arbitraryArrayMenuItems} />;
-
-        //Floating Hint Text Labels
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value"
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text"
-            value = { "value" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text"
-            floatingLabelText="Floating Label Text"
-            valueLink={this.linkState<string>('floatingValueLinkValue') } />;
-        element = <TextField
-            hintText = "Hint Text (MultiLine)"
-            floatingLabelText = "Floating Label Text"
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText={"floating text"}
-            floatingLabelText="Floating Label Text"
-            onChange={this.formEventHandler } />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            defaultValue = "abc"
-            floatingLabelText = "Floating Label Text"
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true}
-            defaultValue = "Disabled With Value"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Password Field"
-            floatingLabelText="Password"
-            type="password" />;
-
-
-        // "http://material-ui.com/#/components/time-picker"
-
-
-        // "http://material-ui.com/#/components/toolbars"
-
-        return element;
-    }
-}
diff --git a/material-ui/legacy/material-ui-0.12.1.d.ts b/material-ui/legacy/material-ui-0.12.1.d.ts
deleted file mode 100644
index ee1a306995..0000000000
--- a/material-ui/legacy/material-ui-0.12.1.d.ts
+++ /dev/null
@@ -1,2249 +0,0 @@
-// Type definitions for material-ui v0.12.1
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react-0.13.3" />
-
-declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
-    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
-    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
-    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
-    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
-    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
-    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
-    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
-    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
-    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
-    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
-    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
-    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
-    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
-    export import DropDownIcon = __MaterialUI.DropDownIcon; // require('material-ui/lib/drop-down-icon');
-    export import DropDownMenu = __MaterialUI.DropDownMenu; // require('material-ui/lib/drop-down-menu');
-    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
-    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
-    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
-    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
-    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
-    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
-    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
-    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
-    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
-    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
-    export import Menu = __MaterialUI.Menu.Menu; // require('material-ui/lib/menu/menu');
-    export import MenuItem = __MaterialUI.Menu.MenuItem; // require('material-ui/lib/menu/menu-item');
-    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins/');
-    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
-    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
-    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
-    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
-    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples/');
-    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
-    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
-    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
-    export import Icons = __MaterialUI.Icons;
-    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles/');
-    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
-    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
-    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
-    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
-    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
-    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
-    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
-    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper; // require('material-ui/lib/theme-wrapper');
-    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
-    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
-    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
-    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
-    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils/');
-
-    // export type definitions
-    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-    export type DialogAction = __MaterialUI.DialogAction;
-}
-
-declare namespace __MaterialUI {
-    import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    // more specific than React.HTMLAttributes
-
-    interface AppBarProps extends React.Props<AppBar> {
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: string;
-        style?: React.CSSProperties;
-        showMenuIconButton?: boolean;
-        title?: React.ReactNode;
-        zDepth?: number;
-
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        icon?: React.ReactElement<any>;
-        backgroundColor?: string;
-        color?: string;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        beforeStyle?: React.CSSProperties;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        afterElementType?: string;
-        elementType?: string;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            expandable?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandedChange?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            onExpanding?: (isExpanded: boolean) => void;
-            expanded?: boolean;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            avatar: React.ReactElement<any> | string;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            expandable?: boolean;
-            overlay?: React.ReactNode;
-            overlayStyle?: React.CSSProperties;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            mediaStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            expandable?: boolean;
-            color?: string;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributesBase<T> {
-        // <input/> is root element
-        id?: string;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        rippleStyle?: React.CSSProperties;
-        thumbStyle?: React.CSSProperties;
-        trackStyle?: React.CSSProperties;
-        name?: string;
-        value?: string;
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        defaultSwitched?: boolean;
-        disableFocusRipple?: boolean;
-        disableTouchRipple?: boolean;
-    }
-
-    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
-        // <input/> is root element
-        inputType: string;
-        switchElement: React.ReactElement<any>;
-        onParentShouldUpdate: (isInputChecked: boolean) => void;
-        switched: boolean;
-        rippleColor?: string;
-        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        labelPosition?: string;
-    }
-    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
-        isSwitched(): boolean;
-        setSwitched(newSwitchedValue: boolean): void;
-        getValue(): any;
-        isKeyboardFocused(): boolean;
-    }
-
-    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-        // <EnhancedSwitch/> is root element
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        checked?: boolean;
-        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-
-        disabled?: boolean;
-        valueLink?: ReactLink<boolean>;
-        checkedLink?: ReactLink<boolean>;
-
-        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-    }
-    export class Checkbox extends React.Component<CheckboxProps, {}> {
-        isChecked(): void;
-        setChecked(newCheckedValue: boolean): void;
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-        size?: number;
-        color?: string;
-        innerStyle?: React.CSSProperties;
-
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface ClearFixProps extends React.Props<ClearFix> {
-    }
-    export class ClearFix extends React.Component<ClearFixProps, {}> {
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            autoOk?: boolean;
-            defaultDate?: Date;
-            formatDate?: string;
-            hideToolbarYearChange?: boolean;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: string;
-            onDismiss?: () => void;
-
-            // e is always null
-            onChange?: (e: any, d: Date) => void;
-
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-            textFieldStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            disableYearSelection?: boolean;
-            initialDate?: Date;
-            maxDate?: Date;
-            minDate?: Date;
-            onAccept?: (d: Date) => void;
-            onClickAway?: () => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    export interface DialogAction {
-        id?: string;
-        text: string;
-        ref?: string;
-
-        onTouchTap?: TouchTapEventHandler;
-        onClick?: React.MouseEventHandler;
-    }
-    interface DialogProps extends React.Props<Dialog> {
-        actions?: Array<DialogAction | React.ReactElement<any>>;
-        actionFocus?: string;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        bodyStyle?: React.CSSProperties;
-        contentClassName?: string;
-        contentInnerStyle?: React.CSSProperties;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        openImmediately?: boolean;
-        repositionOnUpdate?: boolean;
-        title?: React.ReactNode;
-
-        onClickAway?: () => void;
-        onDismiss?: () => void;
-        onShow?: () => void;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-        dismiss(): void;
-        show(): void;
-    }
-
-    interface DropDownIconProps extends React.Props<DropDownIcon> {
-        menuItems: Menu.MenuItemRequest[];
-        closeOnMenuItemTouchTap?: boolean;
-        iconStyle?: React.CSSProperties;
-        iconClassName?: string;
-        iconLigature?: string;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownIcon extends React.Component<DropDownIconProps, {}> {
-    }
-
-    interface DropDownMenuProps extends React.Props<DropDownMenu> {
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.HTMLAttributesBase<T> {
-        centerRipple?: boolean;
-        containerElement?: string | React.ReactElement<any>;
-        disabled?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        touchRippleOpacity?: number;
-        tabIndex?: number;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-    }
-
-    interface EnhancedButtonProps extends SharedEnhancedButtonProps<EnhancedButton> {
-        touchRippleColor?: string;
-        focusRippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends SharedEnhancedButtonProps<FlatButton> {
-        hoverColor?: string;
-        label?: string;
-        labelPosition?: string;
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        primary?: boolean;
-        secondary?: boolean;
-        rippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends SharedEnhancedButtonProps<FloatingActionButton> {
-        backgroundColor?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        mini?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface FontIconProps extends React.Props<FontIcon> {
-        color?: string;
-        hoverColor?: string;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        className?: string;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface IconButtonProps extends SharedEnhancedButtonProps<IconButton> {
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPosition?: string;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    interface LeftNavProps extends React.Props<LeftNav> {
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        header?: React.ReactElement<any>;
-        menuItems: Menu.MenuItemRequest[];
-        onChange?: Menu.ItemTapEventHandler;
-        onNavOpen?: () => void;
-        onNavClose?: () => void;
-        openRight?: Boolean;
-        selectedIndex?: number;
-        menuItemClassName?: string;
-        menuItemClassNameSubheader?: string;
-        menuItemClassNameLink?: string;
-    }
-    export class LeftNav extends React.Component<LeftNavProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    namespace Lists {
-        interface ListProps extends React.Props<List> {
-            insetSubheader?: boolean;
-            subheader?: string;
-            subheaderStyle?: React.CSSProperties;
-            zDepth?: number;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        interface ListDividerProps extends React.Props<ListDivider> {
-            inset?: boolean;
-        }
-        export class ListDivider extends React.Component<ListDividerProps, {}> {
-        }
-
-        interface ListItemProps extends React.Props<ListItem> {
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            innerStyle?: React.CSSProperties;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedLevel?: number;
-            nestedItems?: React.ReactElement<any>[];
-            onKeyboardFocus?: React.FocusEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            primaryText?: React.ReactNode;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-    }
-
-    // Old menu implementation.  Being replaced by new "menus".
-    namespace Menu {
-        interface ItemTapEventHandler {
-            (e: TouchTapEvent, index: number, menuItem: MenuItemRequest): void;
-        }
-
-        // almost extends MenuItemProps, but certain required items are generated in Menu and not passed here.
-        interface MenuItemRequest extends React.Props<MenuItem> {
-            // use value from MenuItem.Types.*
-            type?: string;
-
-            text?: string;
-            data?: string;
-            payload?: string;
-            icon?: React.ReactElement<any>;
-            attribute?: string;
-            number?: string;
-            toggle?: boolean;
-            onTouchTap?: TouchTapEventHandler;
-            isDisabled?: boolean;
-
-            // for MenuItems.Types.NESTED
-            items?: MenuItemRequest[];
-
-            // for custom text or payloads
-            [propertyName: string]: any;
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            index: number;
-            text?: string;
-            menuItems: MenuItemRequest[];
-            zDepth?: number;
-            active?: boolean;
-            onItemTap?: ItemTapEventHandler;
-            menuItemStyle?: React.CSSProperties;
-        }
-        export class Menu extends React.Component<MenuProps, {}> {
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            index: number;
-            icon?: React.ReactElement<any>;
-            iconClassName?: string;
-            iconRightClassName?: string;
-            iconStyle?: React.CSSProperties;
-            iconRightStyle?: React.CSSProperties;
-            attribute?: string;
-            number?: string;
-            data?: string;
-            toggle?: boolean;
-            onTouchTap?: (e: React.MouseEvent, key: number) => void;
-            onToggle?: (e: React.MouseEvent, key: number, toggled: boolean) => void;
-            selected?: boolean;
-            active?: boolean;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}> {
-            static Types: { LINK: string, SUBHEADER: string, NESTED: string, }
-        }
-    }
-
-    export namespace Mixins {
-        interface ClickAwayable extends React.Mixin<any, any> {
-        }
-        var ClickAwayable: ClickAwayable;
-
-        interface WindowListenable extends React.Mixin<any, any> {
-        }
-        var WindowListenable: WindowListenable;
-
-        interface StylePropable extends React.Mixin<any, any> {
-        }
-        var StylePropable: StylePropable
-
-        interface StyleResizable extends React.Mixin<any, any> {
-        }
-        var StyleResizable: StyleResizable
-    }
-
-    interface OverlayProps extends React.Props<Overlay> {
-        autoLockScrolling?: boolean;
-        show?: boolean;
-        transitionEnabled?: boolean;
-    }
-    export class Overlay extends React.Component<OverlayProps, {}> {
-    }
-
-    interface PaperProps extends React.HTMLAttributesBase<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-        // <EnhancedSwitch/> is root element
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        value?: string;
-
-        onCheck?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButton extends React.Component<RadioButtonProps, {}> {
-    }
-
-    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-        defaultSelected?: string;
-        labelPosition?: string;
-        name: string;
-        style?: React.CSSProperties;
-        valueSelected?: string;
-
-        onChange?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-        getSelectedValue(): string;
-        setSelectedValue(newSelectionValue: string): void;
-        clearValue(): void;
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        className?: string;
-        disabled?: boolean;
-        label?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        labelStyle?: React.CSSProperties;
-        backgroundColor?: string;
-        labelColor?: string;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        left: number;
-        percentage?: number;
-        size?: number;
-        status?: string;
-        top: number;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    namespace Ripples {
-        interface CircleRippleProps extends React.Props<CircleRipple> {
-            color?: string;
-            opacity?: number;
-        }
-        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
-        }
-
-        interface FocusRippleProps extends React.Props<FocusRipple> {
-            color?: string;
-            innerStyle?: React.CSSProperties;
-            opacity?: number;
-            show?: boolean;
-        }
-        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
-        }
-
-        interface TouchRippleProps extends React.Props<TouchRipple> {
-            centerRipple?: boolean;
-            color?: string;
-            opacity?: number;
-        }
-        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
-        }
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // passed to TextField
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-
-        // passed to DropDownMenu
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-
-        // own properties
-        selectFieldRoot?: string;
-        multiLine?: boolean;
-        type?: string;
-        rows?: number;
-        inputStyle?: React.CSSProperties;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        name: string;
-        defaultValue?: number;
-        description?: string;
-        error?: string;
-        max?: number;
-        min?: number;
-        required?: boolean;
-        step?: number;
-        value?: number;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    interface SvgIconProps extends React.Props<SvgIcon> {
-        color?: string;
-        hoverColor?: string;
-        viewBox?: string;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    export namespace Icons {
-        export import NavigationMenu = __MaterialUI.NavigationMenu;
-        export import NavigationChevronLeft = __MaterialUI.NavigationChevronLeft;
-        export import NavigationChevronRight = __MaterialUI.NavigationChevronRight;
-    }
-
-    interface NavigationMenuProps extends React.Props<NavigationMenu> {
-    }
-    export class NavigationMenu extends React.Component<NavigationMenuProps, {}> {
-    }
-
-    interface NavigationChevronLeftProps extends React.Props<NavigationChevronLeft> {
-    }
-    export class NavigationChevronLeft extends React.Component<NavigationChevronLeftProps, {}> {
-    }
-
-    interface NavigationChevronRightProps extends React.Props<NavigationChevronRight> {
-    }
-    export class NavigationChevronRight extends React.Component<NavigationChevronRightProps, {}> {
-    }
-
-    export namespace Styles {
-        interface AutoPrefix {
-            all(styles: React.CSSProperties): React.CSSProperties;
-            set(style: React.CSSProperties, key: string, value: string | number): void;
-            single(key: string): string;
-            singleHyphened(key: string): string;
-        }
-        export var AutoPrefix: AutoPrefix;
-
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        interface ThemePalette {
-            primary1Color?: string;
-            primary2Color?: string;
-            primary3Color?: string;
-            accent1Color?: string;
-            accent2Color?: string;
-            accent3Color?: string;
-            textColor?: string;
-            canvasColor?: string;
-            borderColor?: string;
-            disabledColor?: string;
-            alternateTextColor?: string;
-        }
-        interface MuiTheme {
-            rawTheme: RawTheme;
-            static: boolean;
-            appBar?: {
-                color?: string,
-                textColor?: string,
-                height?: number
-            },
-            avatar?: {
-                borderColor?: string;
-            }
-            button?: {
-                height?: number,
-                minWidth?: number,
-                iconButtonSize?: number
-            },
-            checkbox?: {
-                boxColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            datePicker?: {
-                color?: string,
-                textColor?: string,
-                calendarTextColor?: string,
-                selectColor?: string,
-                selectTextColor?: string,
-            },
-            dropDownMenu?: {
-                accentColor?: string,
-            },
-            flatButton?: {
-                color?: string,
-                textColor?: string,
-                primaryTextColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string
-            },
-            floatingActionButton?: {
-                buttonSize?: number,
-                miniSize?: number,
-                color?: string,
-                iconColor?: string,
-                secondaryColor?: string,
-                secondaryIconColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            inkBar?: {
-                backgroundColor?: string;
-            },
-            leftNav?: {
-                width?: number,
-                color?: string,
-            },
-            listItem?: {
-                nestedLevelDepth?: number;
-            },
-            menu?: {
-                backgroundColor?: string,
-                containerBackgroundColor?: string,
-            },
-            menuItem?: {
-                dataHeight?: number,
-                height?: number,
-                hoverColor?: string,
-                padding?: number,
-                selectedTextColor?: string,
-            },
-            menuSubheader?: {
-                padding?: number,
-                borderColor?: string,
-                textColor?: string,
-            },
-            paper?: {
-                backgroundColor?: string,
-            },
-            radioButton?: {
-                borderColor?: string,
-                backgroundColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                size?: number,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            raisedButton?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            refreshIndicator?: {
-                strokeColor?: string;
-                loadingStrokeColor?: string;
-            };
-            slider?: {
-                trackSize?: number,
-                trackColor?: string,
-                trackColorSelected?: string,
-                handleSize?: number,
-                handleSizeActive?: number,
-                handleSizeDisabled?: number,
-                handleColorZero?: string,
-                handleFillColor?: string,
-                selectionColor?: string,
-                rippleColor?: string,
-            },
-            snackbar?: {
-                textColor?: string,
-                backgroundColor?: string,
-                actionColor?: string,
-            },
-            table?: {
-                backgroundColor?: string;
-            };
-            tableHeader?: {
-                borderColor?: string;
-            };
-            tableHeaderColumn?: {
-                textColor?: string;
-            };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
-            tableRow?: {
-                hoverColor?: string;
-                stripeColor?: string;
-                selectedColor?: string;
-                textColor?: string;
-                borderColor?: string;
-            };
-            tableRowColumn?: {
-                height?: number;
-                spacing?: number;
-            };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string,
-                thumbOffColor?: string,
-                thumbDisabledColor?: string,
-                thumbRequiredColor?: string,
-                trackOnColor?: string,
-                trackOffColor?: string,
-                trackDisabledColor?: string,
-                trackRequiredColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            toolbar?: {
-                backgroundColor?: string,
-                height?: number,
-                titleFontSize?: number,
-                iconColor?: string,
-                separatorColor?: string,
-                menuHoverColor?: string,
-            };
-            tabs?: {
-                backgroundColor?: string;
-            };
-            textField?: {
-                textColor?: string;
-                hintColor?: string;
-                floatingLabelColor?: string;
-                disabledTextColor?: string;
-                errorColor?: string;
-                focusColor?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-        }
-
-        interface RawTheme {
-            spacing: Spacing;
-            fontFamily?: string;
-            palette: ThemePalette;
-        }
-
-        export function ThemeDecorator(muiTheme: Styles.MuiTheme): <P>(Component: React.ComponentClass<P>) => React.ComponentClass<P>;
-
-        interface ThemeManager {
-            getMuiTheme(rawTheme: RawTheme): MuiTheme;
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack:string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-
-        export var DarkRawTheme: RawTheme;
-        export var LightRawTheme: RawTheme;
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        message: string;
-        action?: string;
-        autoHideDuration?: number;
-        onActionTouchTap?: React.TouchEventHandler;
-        onShow?: () => void;
-        onDismiss?: () => void;
-        openOnMount?: boolean;
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Tabs {
-        interface TabProps extends React.Props<Tab> {
-            label?: string;
-            value?: string;
-            selected?: boolean;
-            width?: string;
-
-            // Called by Tabs component
-            onActive?: (tab: Tab) => void;
-
-            onTouchTap?: (value: string, e: TouchTapEvent, tab: Tab) => void;
-        }
-        export class Tab extends React.Component<TabProps, {}> {
-        }
-
-        interface TabsProps extends React.Props<Tabs> {
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabWidth?: number;
-            value?: string | number;
-
-            onChange?: (value: string | number, e: React.FormEvent, tab: Tab) => void;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[])=> void;
-            selectable?: boolean;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            allRowsSelected?: boolean;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[])=> void;
-            preScanRows?: boolean;
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            adjustForCheckbox?: boolean;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            onSelectAll?: (event: React.MouseEvent) => void;
-            selectAllSelected?: boolean;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            columnNumber?: number;
-            onClick?:  (e: React.MouseEvent, column: number) => void;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            columnNumber?: number;
-            hoverable?: boolean;
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-    }
-
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
-        theme: Styles.MuiTheme;
-    }
-    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
-    }
-
-    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-        // <EnhancedSwitch/> is root element
-
-        elementStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        toggled?: boolean;
-        defaultToggled?: boolean;
-    }
-    export class Toggle extends React.Component<ToggleProps, {}> {
-        isToggled(): boolean;
-        setToggled(newToggledValue: boolean): void;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        defaultTime?: Date;
-        format?: string;
-        pedantic?: boolean;
-        onFocus?: React.FocusEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        onChange?: (e: any, time: Date) => void;
-        onShow?: () => void;
-        onDismiss?: () => void;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        style?: React.CSSProperties;
-        rows?: number,
-        underlineStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        type?: string;
-
-        disabled?: boolean;
-        isRtl?: boolean;
-        value?: string;
-        defaultValue?: string;
-        valueLink?: ReactLink<string>;
-
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        clearValue(): void;
-        focus(): void;
-        getValue(): string;
-        setErrorText(newErrorText: string): void;
-        setValue(newValue: string): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            float?: string;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.HTMLAttributesBase<ToolbarTitle> {
-           text?: string;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    interface TooltipProps extends React.Props<Tooltip> {
-        label: string;
-        show?: boolean;
-        touch?: boolean;
-        verticalPosition?: string;
-        horizontalPosition?: string;
-    }
-    export class Tooltip extends React.Component<TooltipProps, {}> {
-    }
-
-    export namespace Utils {
-        interface ContrastLevel {
-            range: [number, number];
-            color: string;
-        }
-        interface ColorManipulator {
-            fade(color: string, amount: string|number): string;
-            lighten(color: string, amount: string|number): string;
-            darken(color: string, amount: string|number): string;
-            contrastRatio(background: string, foreground: string): number;
-            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
-        }
-        export var ColorManipulator: ColorManipulator;
-
-        interface CssEvent {
-            transitionEndEventName(): string;
-            animationEndEventName(): string;
-            onTransitionEnd(el: Element, callback: () => void): void;
-            onAnimationEnd(el: Element, callback: () => void): void;
-        }
-        export var CssEvent: CssEvent;
-
-        interface Dom {
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            addClass(el: Element, className: string): void;
-            removeClass(el: Element, className: string): void;
-            hasClass(el: Element, className: string): boolean;
-            toggleClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            once(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            off(el: Element, type: string, callback: EventListener): void;
-            isKeyboard(e: Event): boolean;
-        }
-        export var Events: Events;
-
-        function Extend<T, S1>(base: T, override: S1): (T & S1);
-
-        interface ImmutabilityHelper {
-            merge(base: any, ...args: any[]): any;
-            mergeItem(obj: any, key: any, newValueObject: any): any;
-            push(array: any[], obj: any): any[];
-            shift(array: any[]): any[];
-        }
-        export var ImmutabilityHelper: ImmutabilityHelper;
-
-        interface KeyCode {
-            DOWN: number;
-            ESC: number;
-            ENTER: number;
-            LEFT: number;
-            RIGHT: number;
-            SPACE: number;
-            TAB: number;
-            UP: number;
-        }
-        var KeyCode: KeyCode;
-
-        interface KeyLine {
-            Desktop: {
-                GUTTER: number;
-                GUTTER_LESS: number;
-                INCREMENT: number;
-                MENU_ITEM_HEIGHT: number;
-            };
-
-            getIncrementalDim(dim: number): number;
-        }
-        export var KeyLine: KeyLine;
-
-        interface UniqueId {
-            generate(): string;
-        }
-        export var UniqueId: UniqueId;
-
-        interface Styles {
-            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
-        }
-        export var Styles: Styles;
-    }
-
-    // New menus available only through requiring directly to the end file
-    namespace Menus {
-        interface IconMenuProps extends React.Props<IconMenu> {
-            closeOnItemTouchTap?: boolean;
-            desktop?: boolean;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            openDirection?: string;
-            menuStyle?: React.CSSProperties;
-            multiple?: boolean;
-            value?: string | Array<string>;
-            width?: string | number;
-            touchTapCloseDelay?: number;
-
-            onKeyboardFocus?: React.FocusEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string | Array<string>) => void;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            openDirection?: string;
-            value?: string | Array<string>;
-            width?: string | number;
-            zDepth?: number;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            primaryText?: string | React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            value?: string;
-
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string) => void;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface MenuDividerProps extends React.Props<MenuDivider> {
-            inset?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class MenuDivider extends React.Component<MenuDividerProps, {}>{
-        }
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/lib/app-bar' {
-    import AppBar = __MaterialUI.AppBar;
-    export = AppBar;
-}
-
-declare module 'material-ui/lib/app-canvas' {
-    import AppCanvas = __MaterialUI.AppCanvas;
-    export = AppCanvas;
-}
-
-declare module 'material-ui/lib/avatar' {
-    import Avatar = __MaterialUI.Avatar;
-    export = Avatar;
-}
-
-declare module 'material-ui/lib/before-after-wrapper' {
-    import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
-    export = BeforeAfterWrapper;
-}
-
-declare module 'material-ui/lib/card/card' {
-    import Card = __MaterialUI.Card.Card;
-    export = Card;
-}
-
-declare module 'material-ui/lib/card/card-actions' {
-    import CardActions = __MaterialUI.Card.CardActions;
-    export = CardActions;
-}
-
-declare module 'material-ui/lib/card/card-expandable' {
-    import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export = CardExpandable;
-}
-
-declare module 'material-ui/lib/card/card-header' {
-    import CardHeader = __MaterialUI.Card.CardHeader;
-    export = CardHeader;
-}
-
-declare module 'material-ui/lib/card/card-media' {
-    import CardMedia = __MaterialUI.Card.CardMedia;
-    export = CardMedia;
-}
-
-declare module 'material-ui/lib/card/card-text' {
-    import CardText = __MaterialUI.Card.CardText;
-    export = CardText;
-}
-
-declare module 'material-ui/lib/card/card-title' {
-    import CardTitle = __MaterialUI.Card.CardTitle;
-    export = CardTitle;
-}
-
-declare module 'material-ui/lib/checkbox' {
-    import Checkbox = __MaterialUI.Checkbox;
-    export = Checkbox;
-}
-
-declare module 'material-ui/lib/circular-progress' {
-    import CircularProgress = __MaterialUI.CircularProgress;
-    export = CircularProgress;
-}
-
-declare module 'material-ui/lib/clearfix' {
-    import ClearFix = __MaterialUI.ClearFix;
-    export = ClearFix;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker' {
-    import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export = DatePicker;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker-dialog' {
-    import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
-    export = DatePickerDialog;
-}
-
-declare module 'material-ui/lib/dialog' {
-    import Dialog = __MaterialUI.Dialog;
-    export = Dialog;
-}
-
-declare module 'material-ui/lib/drop-down-icon' {
-    import DropDownIcon = __MaterialUI.DropDownIcon;
-    export = DropDownIcon;
-}
-
-declare module 'material-ui/lib/drop-down-menu' {
-    import DropDownMenu = __MaterialUI.DropDownMenu;
-    export = DropDownMenu;
-}
-
-declare module 'material-ui/lib/enhanced-button' {
-    import EnhancedButton = __MaterialUI.EnhancedButton;
-    export = EnhancedButton;
-}
-
-declare module 'material-ui/lib/flat-button' {
-    import FlatButton = __MaterialUI.FlatButton;
-    export = FlatButton;
-}
-
-declare module 'material-ui/lib/floating-action-button' {
-    import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export = FloatingActionButton;
-}
-
-declare module 'material-ui/lib/font-icon' {
-    import FontIcon = __MaterialUI.FontIcon;
-    export = FontIcon;
-}
-
-declare module 'material-ui/lib/icon-button' {
-    import IconButton = __MaterialUI.IconButton;
-    export = IconButton;
-}
-
-declare module 'material-ui/lib/left-nav' {
-    import LeftNav = __MaterialUI.LeftNav;
-    export = LeftNav;
-}
-
-declare module 'material-ui/lib/linear-progress' {
-    import LinearProgress = __MaterialUI.LinearProgress;
-    export = LinearProgress;
-}
-
-declare module 'material-ui/lib/lists/list' {
-    import List = __MaterialUI.Lists.List;
-    export = List;
-}
-
-declare module 'material-ui/lib/lists/list-divider' {
-    import ListDivider = __MaterialUI.Lists.ListDivider;
-    export = ListDivider;
-}
-
-declare module 'material-ui/lib/lists/list-item' {
-    import ListItem = __MaterialUI.Lists.ListItem;
-    export = ListItem;
-}
-
-declare module 'material-ui/lib/menu/menu' {
-    import Menu = __MaterialUI.Menu.Menu;
-    export = Menu;
-}
-
-declare module 'material-ui/lib/menu/menu-item' {
-    import MenuItem = __MaterialUI.Menu.MenuItem;
-    export = MenuItem;
-}
-
-declare module 'material-ui/lib/mixins/' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
-    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
-}
-
-declare module 'material-ui/lib/mixins/click-awayable' {
-    import ClickAwayable = __MaterialUI.Mixins.ClickAwayable;
-    export = ClickAwayable;
-}
-
-declare module 'material-ui/lib/mixins/window-listenable' {
-    import WindowListenable = __MaterialUI.Mixins.WindowListenable;
-    export = WindowListenable;
-}
-
-declare module 'material-ui/lib/mixins/style-propable' {
-    import StylePropable = __MaterialUI.Mixins.StylePropable;
-    export = StylePropable;
-}
-
-declare module 'material-ui/lib/mixins/style-resizable' {
-    import StyleResizable = __MaterialUI.Mixins.StyleResizable;
-    export = StyleResizable;
-}
-
-declare module 'material-ui/lib/overlay' {
-    import Overlay = __MaterialUI.Overlay;
-    export = Overlay;
-}
-
-declare module 'material-ui/lib/paper' {
-    import Paper = __MaterialUI.Paper;
-    export = Paper;
-}
-
-declare module 'material-ui/lib/radio-button' {
-    import RadioButton = __MaterialUI.RadioButton;
-    export = RadioButton;
-}
-
-declare module 'material-ui/lib/radio-button-group' {
-    import RadioButtonGroup = __MaterialUI.RadioButtonGroup;
-    export = RadioButtonGroup;
-}
-
-declare module 'material-ui/lib/raised-button' {
-    import RaisedButton = __MaterialUI.RaisedButton;
-    export = RaisedButton;
-}
-
-declare module 'material-ui/lib/refresh-indicator' {
-    import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export = RefreshIndicator;
-}
-
-declare module 'material-ui/lib/ripples/' {
-    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
-    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
-    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
-}
-
-declare module 'material-ui/lib/select-field' {
-    import SelectField = __MaterialUI.SelectField;
-    export = SelectField;
-}
-
-declare module 'material-ui/lib/slider' {
-    import Slider = __MaterialUI.Slider;
-    export = Slider;
-}
-
-declare module 'material-ui/lib/svg-icon' {
-    import SvgIcon = __MaterialUI.SvgIcon;
-    export = SvgIcon;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/menu' {
-    import NavigationMenu = __MaterialUI.NavigationMenu;
-    export = NavigationMenu;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
-    import NavigationChevronLeft = __MaterialUI.NavigationChevronLeft;
-    export = NavigationChevronLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
-    import NavigationChevronRight = __MaterialUI.NavigationChevronRight;
-    export = NavigationChevronRight;
-}
-
-declare module 'material-ui/lib/styles/' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
-    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
-    export import Spacing = require('material-ui/lib/styles/spacing');
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
-    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
-    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme; // require('material-ui/lib/styles/raw-themes/light-raw-theme'),
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme; // require('material-ui/lib/styles/raw-themes/dark-raw-theme'),
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator; //require('material-ui/lib/styles/theme-decorator');
-}
-
-declare module 'material-ui/lib/styles/auto-prefix' {
-    import AutoPrefix = __MaterialUI.Styles.AutoPrefix;
-    export = AutoPrefix;
-}
-
-declare module 'material-ui/lib/styles/spacing' {
-    type Spacing = __MaterialUI.Styles.Spacing;
-    var Spacing: Spacing;
-    export = Spacing;
-}
-
-declare module 'material-ui/lib/styles/theme-manager' {
-    import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export = ThemeManager;
-}
-
-declare module 'material-ui/lib/styles/transitions' {
-    import Transitions = __MaterialUI.Styles.Transitions;
-    export = Transitions;
-}
-
-declare module 'material-ui/lib/styles/typography' {
-    import Typography = __MaterialUI.Styles.Typography;
-    export = Typography;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/light-raw-theme' {
-    import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export = LightRawTheme;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/dark-raw-theme' {
-    import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export = DarkRawTheme;
-}
-
-declare module 'material-ui/lib/styles/theme-decorator' {
-    import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator;
-    export = ThemeDecorator;
-}
-
-
-declare module 'material-ui/lib/snackbar' {
-    import Snackbar = __MaterialUI.Snackbar;
-    export = Snackbar;
-}
-
-declare module 'material-ui/lib/tabs/tab' {
-    import Tab = __MaterialUI.Tabs.Tab;
-    export = Tab;
-}
-
-declare module 'material-ui/lib/tabs/tabs' {
-    import Tabs = __MaterialUI.Tabs.Tabs;
-    export = Tabs;
-}
-
-declare module 'material-ui/lib/table/table' {
-    import Table = __MaterialUI.Table.Table;
-    export = Table;
-}
-
-declare module 'material-ui/lib/table/table-body' {
-    import TableBody = __MaterialUI.Table.TableBody;
-    export = TableBody;
-}
-
-declare module 'material-ui/lib/table/table-footer' {
-    import TableFooter = __MaterialUI.Table.TableFooter;
-    export = TableFooter;
-}
-
-declare module 'material-ui/lib/table/table-header' {
-    import TableHeader = __MaterialUI.Table.TableHeader;
-    export = TableHeader;
-}
-
-declare module 'material-ui/lib/table/table-header-column' {
-    import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export = TableHeaderColumn;
-}
-
-declare module 'material-ui/lib/table/table-row' {
-    import TableRow = __MaterialUI.Table.TableRow;
-    export = TableRow;
-}
-
-declare module 'material-ui/lib/table/table-row-column' {
-    import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export = TableRowColumn;
-}
-
-declare module 'material-ui/lib/theme-wrapper' {
-    import ThemeWrapper = __MaterialUI.ThemeWrapper;
-    export = ThemeWrapper;
-}
-
-declare module 'material-ui/lib/toggle' {
-    import Toggle = __MaterialUI.Toggle;
-    export = Toggle;
-}
-
-declare module 'material-ui/lib/time-picker' {
-    import TimePicker = __MaterialUI.TimePicker;
-    export = TimePicker;
-}
-
-declare module 'material-ui/lib/text-field' {
-    import TextField = __MaterialUI.TextField;
-    export = TextField;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar' {
-    import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export = Toolbar;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-group' {
-    import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export = ToolbarGroup;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-separator' {
-    import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export = ToolbarSeparator;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-title' {
-    import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export = ToolbarTitle;
-}
-
-declare module 'material-ui/lib/tooltip' {
-    import Tooltip = __MaterialUI.Tooltip;
-    export = Tooltip;
-}
-
-declare module 'material-ui/lib/utils/' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
-    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
-    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
-    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
-    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
-    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
-    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
-    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
-    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
-}
-
-declare module 'material-ui/lib/utils/color-manipulator' {
-    import ColorManipulator = __MaterialUI.Utils.ColorManipulator;
-    export = ColorManipulator;
-}
-
-declare module 'material-ui/lib/utils/css-event' {
-    import CssEvent = __MaterialUI.Utils.CssEvent;
-    export = CssEvent;
-}
-
-declare module 'material-ui/lib/utils/dom' {
-    import Dom = __MaterialUI.Utils.Dom;
-    export = Dom;
-}
-
-declare module 'material-ui/lib/utils/events' {
-    import Events = __MaterialUI.Utils.Events;
-    export = Events;
-}
-
-declare module 'material-ui/lib/utils/extend' {
-    import Extend = __MaterialUI.Utils.Extend;
-    export = Extend;
-}
-
-declare module 'material-ui/lib/utils/immutability-helper' {
-    import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper;
-    export = ImmutabilityHelper;
-}
-
-declare module 'material-ui/lib/utils/key-code' {
-    import KeyCode = __MaterialUI.Utils.KeyCode;
-    export = KeyCode;
-}
-
-declare module 'material-ui/lib/utils/key-line' {
-    import KeyLine = __MaterialUI.Utils.KeyLine;
-    export = KeyLine;
-}
-
-declare module 'material-ui/lib/utils/unique-id' {
-    import UniqueId = __MaterialUI.Utils.UniqueId;
-    export = UniqueId;
-}
-
-declare module 'material-ui/lib/utils/styles' {
-    import Styles = __MaterialUI.Utils.Styles;
-    export = Styles;
-}
-
-declare module "material-ui/lib/menus/icon-menu" {
-    import IconMenu = __MaterialUI.Menus.IconMenu;
-    export = IconMenu;
-}
-
-declare module "material-ui/lib/menus/menu" {
-    import Menu = __MaterialUI.Menus.Menu;
-    export = Menu;
-}
-
-declare module "material-ui/lib/menus/menu-item" {
-    import MenuItem = __MaterialUI.Menus.MenuItem;
-    export = MenuItem;
-}
-
-declare module "material-ui/lib/menus/menu-divider" {
-    import MenuDivider = __MaterialUI.Menus.MenuDivider;
-    export = MenuDivider;
-}
-
-declare module "material-ui/lib/styles/colors" {
-    import Colors = __MaterialUI.Styles.Colors;
-    export = Colors;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
diff --git a/material-ui/legacy/material-ui-0.13.4-tests.tsx b/material-ui/legacy/material-ui-0.13.4-tests.tsx
deleted file mode 100644
index 6a4228e0b0..0000000000
--- a/material-ui/legacy/material-ui-0.13.4-tests.tsx
+++ /dev/null
@@ -1,534 +0,0 @@
-///<reference types="react" />
-///<reference types="react-addons-linked-state-mixin" />
-///<reference path='material-ui-0.13.4.d.ts' />
-
-import * as React from "react";
-import * as LinkedStateMixin from "react-addons-linked-state-mixin";
-import Checkbox = require("material-ui/lib/checkbox");
-import Colors = require("material-ui/lib/styles/colors");
-import Spacing = require("material-ui/lib/styles/spacing");
-import AppBar = require("material-ui/lib/app-bar");
-import Badge = require("material-ui/lib/badge");
-import IconButton = require("material-ui/lib/icon-button");
-import FlatButton = require("material-ui/lib/flat-button");
-import Avatar = require("material-ui/lib/avatar");
-import FontIcon = require("material-ui/lib/font-icon");
-import Typography = require("material-ui/lib/styles/typography");
-import RaisedButton = require("material-ui/lib/raised-button");
-import FloatingActionButton = require("material-ui/lib/floating-action-button");
-import Card = require("material-ui/lib/card/card");
-import CardHeader = require("material-ui/lib/card/card-header");
-import CardText = require("material-ui/lib/card/card-text");
-import CardActions = require("material-ui/lib/card/card-actions");
-import Dialog = require("material-ui/lib/dialog");
-import DropDownMenu = require("material-ui/lib/drop-down-menu");
-import DatePicker = require("material-ui/lib/date-picker/date-picker");
-import TimePicker = require("material-ui/lib/time-picker");
-import RadioButtonGroup = require("material-ui/lib/radio-button-group");
-import RadioButton = require("material-ui/lib/radio-button");
-import Toggle = require("material-ui/lib/toggle");
-import TextField = require("material-ui/lib/text-field");
-import SelectField = require("material-ui/lib/select-field");
-import IconMenu = require("material-ui/lib/menus/icon-menu");
-import Menu = require('material-ui/lib/menus/menu');
-import MenuItem = require('material-ui/lib/menus/menu-item');
-import MenuDivider = require('material-ui/lib/menus/menu-divider');
-import ThemeManager = require('material-ui/lib/styles/theme-manager');
-import GridList = require('material-ui/lib/grid-list/grid-list');
-import GridTile = require('material-ui/lib/grid-list/grid-tile');
-
-
-import NavigationClose = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/navigation/close", but they aren't defined yet.
-import FileFolder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/file/folder", but they aren't defined yet.
-import ToggleStar = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star", but they aren't defined yet.
-import ActionGrade = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/action/grade", but they aren't defined yet.
-import ToggleStarBorder = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-import ArrowDropRight = require("material-ui/lib/svg-icon");  // TODO: Should actually import the actual "material-ui/lib/svg-icons/toggle/star-border", but they aren't defined yet.
-
-type CheckboxProps = __MaterialUI.CheckboxProps;
-type MuiTheme = __MaterialUI.Styles.MuiTheme;
-type TouchTapEvent = __MaterialUI.TouchTapEvent;
-
-interface MaterialUiTestsState {
-    showDialogStandardActions: boolean;
-    showDialogCustomActions: boolean;
-    showDialogScrollable: boolean;
-}
-
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> implements React.LinkedStateMixin {
-
-    // injected with mixin
-    linkState: <T>(key: string) => React.ReactLink<T>;
-    dialog: Dialog;
-
-    private touchTapEventHandler(e: TouchTapEvent) {
-        this.dialog.show();
-    }
-    private formEventHandler(e: React.FormEvent) {
-    }
-    private selectFieldChangeHandler(e: TouchTapEvent, si: number, mi: any) {
-    }
-    private handleRequestClose(buttonClicked: boolean) {
-    }
-
-    render() {
-
-        // "http://material-ui.com/#/customization/themes"
-        let muiTheme: MuiTheme = ThemeManager.getMuiTheme({
-            palette: {
-                accent1Color: Colors.cyan100
-            },
-            spacing: {
-
-            }
-        });
-
-        // "http://material-ui.com/#/customization/inline-styles"
-        let element: React.ReactElement<any>;
-        element = <Checkbox
-            id="checkboxId1"
-            name="checkboxName1"
-            value="checkboxValue1"
-            label="went for a run today"
-            style={{
-                width: '50%',
-                margin: '0 auto'
-            }}
-            iconStyle={{
-                fill: '#FF4081'
-            }}/>
-        element = React.createElement<CheckboxProps>(Checkbox, {
-            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
-                width: '50%',
-                margin: '0 auto'
-            }, iconStyle: {
-                fill: '#FF4081'
-            }
-        });
-
-        // "http://material-ui.com/#/components/appbar"
-        element = <AppBar
-            title="Title"
-            iconClassNameRight="muidocs-icon-navigation-expand-more" />
-        element = <AppBar
-            title="Title"
-            iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-            iconElementRight={<FlatButton label="Save" />} />;
-
-        // "http://material-ui.com/#/components/avatars"
-        //image avatar
-        element = <Avatar src="images/uxceo-128.jpg" />;
-        //SvgIcon avatar
-        element = <Avatar icon={<FileFolder />} />;
-        //SvgIcon avatar with custom colors
-        element = <Avatar
-            icon={<FileFolder />}
-            color={Colors.orange200}
-            backgroundColor={Colors.pink400} />;
-        //FontIcon avatar
-        element = <Avatar
-            icon={
-            <FontIcon className="muidocs-icon-communication-voicemail" />
-            } />;
-        //FontIcon avatar with custom colors
-        element = <Avatar
-            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-            color={Colors.blue300}
-            backgroundColor={Colors.indigo900} />;
-        //Letter avatar
-        element = <Avatar>A</Avatar>;
-        //Letter avatar with custom colors
-        element = <Avatar
-            color={Colors.deepOrange300}
-            backgroundColor={Colors.purple500}>
-            </Avatar>
-
-        // "http://material-ui.com/#/components/badge"
-        element = <Badge badgeContent={<span>Hello</span>}>
-                    <Avatar color={Colors.deepOrange300} />
-                  </Badge>;
-        element = <Badge
-                    primary
-                    badgeContent={<span>Hello</span>}
-                    badgeStyle={{height: '24px', width: '24px'}}
-                  >
-                    This text has a badge!
-                  </Badge>;
-
-        // "http://material-ui.com/#/components/buttons"
-        element = <FlatButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </FlatButton>;
-        element = <RaisedButton linkButton={true} href="https://github.com/callemall/material-ui" secondary={true} label="GitHub">
-        <FontIcon style={{ color: Typography.textFullWhite }} className="muidocs-icon-custom-github"/>
-            </RaisedButton>;
-        element = <FloatingActionButton secondary={true} mini={true} linkButton={true}
-            href="https://github.com/callemall/material-ui" >
-            <ToggleStar />
-            </FloatingActionButton>;
-
-        // "http://material-ui.com/#/components/cards"
-        element = <Card initiallyExpanded={true}>
-        <CardHeader
-            title="Title"
-            subtitle="Subtitle"
-            avatar={<Avatar style={{ color: 'red' }}>A</Avatar>}
-            showExpandableButton={true}>
-            </CardHeader>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-        <CardActions expandable={true}>
-        <FlatButton label="Action1"/>
-        <FlatButton label="Action2"/>
-            </CardActions>
-        <CardText expandable={true}>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            </CardText>
-            </Card>;
-
-        // "http://material-ui.com/#/components/date-picker"
-        element = <DatePicker style={{ color: 'red' }} />;
-        element = <DatePicker
-            floatingLabelText="Floating Label Text" />;
-        element = <DatePicker
-            hintText="Hint Text" />;
-
-        // "http://material-ui.com/#/components/time-picker"
-        element = <TimePicker textFieldStyle={{width: '24px'}} />
-
-        // "http://material-ui.com/#/components/dialog"
-        let standardActions = [
-            { text: 'Cancel' },
-            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
-        ];
-
-        element = <Dialog
-            title="Dialog With Standard Actions"
-            actions={standardActions}
-            actionFocus="submit"
-            open={this.state.showDialogStandardActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window are created from the json that's passed in.
-            </Dialog>;
-
-        //Custom Actions
-        let customActions = [
-            <FlatButton
-                label="Cancel"
-                secondary={true}
-                onTouchTap={this.touchTapEventHandler} />,
-            <FlatButton
-                label="Submit"
-                primary={true}
-                onTouchTap={this.touchTapEventHandler} />
-        ];
-
-        element = <Dialog
-            title="Dialog With Custom Actions"
-            actions={customActions}
-            open={this.state.showDialogCustomActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window were passed in as an array of react objects.
-            </Dialog>;
-
-        element = <Dialog
-                title="Dialog With Scrollable Content"
-                actions={customActions}
-                autoDetectWindowHeight={true}
-                autoScrollBodyContent={true}
-                open={this.state.showDialogScrollable}
-                onRequestClose={this.handleRequestClose}>
-                <div style={{ height: '1000px' }}>
-                  Really long content
-                </div>
-            </Dialog>;
-
-
-        // "http://material-ui.com/#/components/dropdown-menu"
-        let menuItems = [
-            { payload: '1', text: 'Never' },
-            { payload: '2', text: 'Every Night' },
-            { payload: '3', text: 'Weeknights' },
-            { payload: '4', text: 'Weekends' },
-            { payload: '5', text: 'Weekly' },
-        ];
-        element = <DropDownMenu menuItems={menuItems} />;
-
-        // "http://material-ui.com/#/components/icons"
-        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
-
-        // "http://material-ui.com/#/components/icon-buttons"
-        //Method 1: muidocs-icon-github is defined in a style sheet.
-        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
-        //Method 2: ActionGrade is a component created using mui.SvgIcon.
-        element = <IconButton tooltip= "Star" touch= { true}>
-        <ActionGrade/>
-            </IconButton >;
-        //Method 3: Manually creating a mui.FontIcon component within IconButton
-        element = <IconButton tooltip= "Sort" disabled= {true}>
-        <FontIcon className="muidocs-icon-custom-sort"/>
-            </IconButton>;
-        //Method 4: Using Google material-icons
-        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
-            tooltip="Sky">settings_system_daydream</IconButton>;
-
-        // "http://material-ui.com/#/components/icon-menus"
-        element = <IconMenu iconButtonElement={<IconButton />}>
-                <MenuItem primaryText="Refresh" />
-                <MenuItem primaryText="Send feedback" />
-                <MenuItem primaryText="Settings" />
-                <MenuItem primaryText="Help" />
-                <MenuItem primaryText="Sign out" />
-            </IconMenu>;
-
-        // "http://material-ui.com/#/components/left-nav"
-
-
-        // "http://material-ui.com/#/components/lists"
-
-
-        // "http://material-ui.com/#/components/menus"
-        element = <Menu>
-                <MenuItem primaryText="Maps" />
-                <MenuItem primaryText="Books" />
-                <MenuItem primaryText="Flights" />
-                <MenuItem primaryText="Apps" />
-            </Menu>;
-        element = <Menu desktop={true} width={320}>
-                <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-                <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-                <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-                <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-                <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-                <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-                <MenuDivider />
-                <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-                <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-                <MenuDivider />
-                <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-            </Menu>;
-
-        // "http://material-ui.com/#/components/paper"
-
-
-        // "http://material-ui.com/#/components/progress"
-
-
-        // "http://material-ui.com/#/components/refresh-indicator"
-
-
-        // "http://material-ui.com/#/components/sliders"
-
-
-        // "http://material-ui.com/#/components/switches"
-        element = <Checkbox
-            name="checkboxName2"
-            value="checkboxValue2"
-            label="fed the dog"
-            defaultChecked={true}/>;
-        element = <Checkbox
-            name = "checkboxName3"
-            value = "checkboxValue3"
-            label = "built a house on the moon"
-            disabled = {true}/>;
-        element = <Checkbox
-            name="checkboxName4"
-            value="checkboxValue4"
-            checkedIcon={<ToggleStar />}
-            unCheckedIcon={<ToggleStarBorder />}
-            label="custom icon" />;
-
-        element = <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-        <RadioButton
-            value="light"
-            label="prepare for light speed"
-            style={{ marginBottom: 16 }} />;
-        <RadioButton
-            value="not_light"
-            label="light speed too slow"
-            style={{ marginBottom: 16 }}/>;
-        <RadioButton
-            value="ludicrous"
-            label="go to ludicrous speed"
-            style={{ marginBottom: 16 }}
-            disabled={true}/>
-            </RadioButtonGroup>;
-
-        element = <Toggle
-            name="toggleName1"
-            value="toggleValue1"
-            label="activate thrusters"/>;
-
-        element = <Toggle
-            name = "toggleName2"
-            value = "toggleValue2"
-            label = "auto-pilot"
-            defaultToggled = { true}/>;
-
-        element = <Toggle
-            name="toggleName3"
-            value="toggleValue3"
-            label="initiate self-destruct sequence"
-            disabled={true}/>;
-
-        // "http://material-ui.com/#/components/snackbar"
-
-
-        // "http://material-ui.com/#/components/table"
-
-
-        // "http://material-ui.com/#/components/tabs"
-
-
-        // "http://material-ui.com/#/components/text-fields"
-        element = <TextField
-            hintText="Hint Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value" />;
-        element = <TextField
-            hintText = "Hint Text"
-            value = { "value" }
-            underlineStyle = {{ borderColor: Colors.green500 }}
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Custom Underline Focus Color"
-            underlineFocusStyle={{ borderColor: Colors.amber900 }} />;
-        element = <TextField
-            hintText = "Hint Text"
-            valueLink = { this.linkState<string>('valueLinkValue') } />;
-        element = <TextField
-            hintText="Hint Text (MultiLine)"
-            multiLine={true} />;
-        element = <TextField
-            hintText = "The hint text can be as long as you want, it will wrap."
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText="The error text can be as long as you want, it will wrap." />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text (custom error color)"
-            errorText={"error text"}
-            errorStyle={{ color: 'orange' }}
-            onChange={ this.formEventHandler }
-            defaultValue="Custom error color" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true} />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            defaultValue="Disabled With Value" />;
-
-        //Select Fields
-        let arbitraryArrayMenuItems = [
-            {
-                id: 0,
-                name: "zero",
-            },
-        ];
-        element = <SelectField
-            value = { 0 }
-            onChange = { this.selectFieldChangeHandler }
-            hintText = "Hint Text"
-            menuItems = { menuItems } />;
-        element = <SelectField
-            valueLink={this.linkState('selectValueLinkValue') }
-            floatingLabelText="Float Label Text"
-            valueMember="id"
-            displayMember="name"
-            menuItems={arbitraryArrayMenuItems} />;
-        element = <SelectField
-            valueLink = { this.linkState('selectValueLinkValue2') }
-            floatingLabelText = "Float Custom Label Text"
-            floatingLabelStyle = {{ color: "red" }}
-            valueMember = "id"
-            displayMember = "name"
-            menuItems = { arbitraryArrayMenuItems } />;
-        element = <SelectField
-            value={0}
-            onChange={ this.selectFieldChangeHandler }
-            menuItems={arbitraryArrayMenuItems} />;
-
-        //Floating Hint Text Labels
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Hint Text"
-            defaultValue="Default Value"
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Hint Text"
-            floatingLabelText = "Floating Label Text"
-            value = { "value" }
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Hint Text"
-            floatingLabelText="Floating Label Text"
-            valueLink={this.linkState<string>('floatingValueLinkValue') } />;
-        element = <TextField
-            hintText = "Hint Text (MultiLine)"
-            floatingLabelText = "Floating Label Text"
-            multiLine = { true} />;
-        element = <TextField
-            hintText="Hint Text"
-            errorText={"floating text"}
-            floatingLabelText="Floating Label Text"
-            onChange={this.formEventHandler } />;
-        element = <TextField
-            hintText = "Hint Text"
-            errorText = { "error text" }
-            defaultValue = "abc"
-            floatingLabelText = "Floating Label Text"
-            onChange = { this.formEventHandler } />;
-        element = <TextField
-            hintText="Disabled Hint Text"
-            disabled={true}
-            floatingLabelText="Floating Label Text" />;
-        element = <TextField
-            hintText = "Disabled Hint Text"
-            disabled = { true}
-            defaultValue = "Disabled With Value"
-            floatingLabelText = "Floating Label Text" />;
-        element = <TextField
-            hintText="Password Field"
-            floatingLabelText="Password"
-            type="password" />;
-            
-
-        // "http://material-ui.com/#/components/time-picker"
-
-
-        // "http://material-ui.com/#/components/toolbars"
-        
-        // "http://material-ui.com/#/components/grid-list"
-        element = <GridList
-            cols={3}
-            padding={50}
-            cellHeight={200}
-            style={{ color: 'red' }} />;
-            
-        element = <GridTile
-            title="GridTileTitle"
-            actionIcon={<h1>GridTile</h1>}
-            actionPosition="left"
-            titlePosition="top"
-            titleBackground="rgba(0, 0, 0, 0.4)"
-            cols={2}
-            rows={1}
-            style={{ color: 'red' }}>
-            <h1>Children are Required!</h1>
-            </GridTile>;
-
-        return element;
-    }
-}
diff --git a/material-ui/legacy/material-ui-0.13.4.d.ts b/material-ui/legacy/material-ui-0.13.4.d.ts
deleted file mode 100644
index d2913c0fe4..0000000000
--- a/material-ui/legacy/material-ui-0.13.4.d.ts
+++ /dev/null
@@ -1,3283 +0,0 @@
-// Type definitions for material-ui v0.13.4
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react" />
-
-declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
-    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
-    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
-    export import Badge = __MaterialUI.Badge; // require('material-ui/lib/badge');
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
-    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
-    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
-    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
-    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
-    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
-    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
-    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
-    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
-    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
-    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
-    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
-    export import DropDownIcon = __MaterialUI.DropDownIcon; // require('material-ui/lib/drop-down-icon');
-    export import DropDownMenu = __MaterialUI.DropDownMenu; // require('material-ui/lib/drop-down-menu');
-    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
-    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
-    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
-    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
-    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
-    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
-    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
-    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
-    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
-    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
-    export import Menu = __MaterialUI.Menu.Menu; // require('material-ui/lib/menu/menu');
-    export import MenuItem = __MaterialUI.Menu.MenuItem; // require('material-ui/lib/menu/menu-item');
-    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins/');
-    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
-    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
-    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
-    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
-    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples/');
-    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
-    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
-    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
-    export import Icons = __MaterialUI.Icons;
-    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles/');
-    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
-    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
-    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
-    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
-    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
-    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
-    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
-    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper; // require('material-ui/lib/theme-wrapper');
-    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
-    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
-    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
-    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
-    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils/');
-    
-    export import GridList = __MaterialUI.GridList.GridList; // require('material-ui/lib/gridlist/grid-list');
-    export import GridTile = __MaterialUI.GridList.GridTile; // require('material-ui/lib/gridlist/grid-tile');
-
-    // export type definitions
-    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-    export type DialogAction = __MaterialUI.DialogAction;
-}
-
-declare namespace __MaterialUI {
-    import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    // more specific than React.HTMLAttributes
-
-    interface AppBarProps extends React.Props<AppBar> {
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: string;
-        style?: React.CSSProperties;
-        showMenuIconButton?: boolean;
-        title?: React.ReactNode;
-        zDepth?: number;
-
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-        style?: React.CSSProperties;
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        icon?: React.ReactElement<any>;
-        backgroundColor?: string;
-        color?: string;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BadgeProps extends React.Props<Badge> {
-        badgeContent: React.ReactElement<any> | string | number;
-        primary?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-        badgeStyle?: React.CSSProperties;
-    }
-    export class Badge extends React.Component<BadgeProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        beforeStyle?: React.CSSProperties;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        afterElementType?: string;
-        elementType?: string;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            expandable?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandedChange?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            onExpanding?: (isExpanded: boolean) => void;
-            expanded?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            avatar: React.ReactElement<any> | string;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            expandable?: boolean;
-            overlay?: React.ReactNode;
-            overlayStyle?: React.CSSProperties;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            mediaStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            expandable?: boolean;
-            color?: string;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            title?: string | React.ReactElement<any>;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-            subtitle?: string | React.ReactElement<any>;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
-        // <input/> is root element
-        id?: string;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        rippleStyle?: React.CSSProperties;
-        thumbStyle?: React.CSSProperties;
-        trackStyle?: React.CSSProperties;
-        name?: string;
-        value?: string;
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        defaultSwitched?: boolean;
-        disableFocusRipple?: boolean;
-        disableTouchRipple?: boolean;
-    }
-
-    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
-        // <input/> is root element
-        inputType: string;
-        switchElement: React.ReactElement<any>;
-        onParentShouldUpdate: (isInputChecked: boolean) => void;
-        switched: boolean;
-        rippleColor?: string;
-        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        labelPosition?: string;
-    }
-    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
-        isSwitched(): boolean;
-        setSwitched(newSwitchedValue: boolean): void;
-        getValue(): any;
-        isKeyboardFocused(): boolean;
-    }
-
-    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-        // <EnhancedSwitch/> is root element
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        checked?: boolean;
-        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-
-        disabled?: boolean;
-        valueLink?: ReactLink<boolean>;
-        checkedLink?: ReactLink<boolean>;
-
-        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-    }
-    export class Checkbox extends React.Component<CheckboxProps, {}> {
-        isChecked(): void;
-        setChecked(newCheckedValue: boolean): void;
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-        size?: number;
-        color?: string;
-        innerStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface ClearFixProps extends React.Props<ClearFix> {
-    }
-    export class ClearFix extends React.Component<ClearFixProps, {}> {
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            autoOk?: boolean;
-            defaultDate?: Date;
-            formatDate?: (date:Date) => string;
-            hintText?: string;
-            floatingLabelText?: string;
-            hideToolbarYearChange?: boolean;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: string;
-            onDismiss?: () => void;
-
-            // e is always null
-            onChange?: (e: any, d: Date) => void;
-
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-            style?: React.CSSProperties;
-            textFieldStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            disableYearSelection?: boolean;
-            initialDate?: Date;
-            maxDate?: Date;
-            minDate?: Date;
-            onAccept?: (d: Date) => void;
-            onClickAway?: () => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    export interface DialogAction {
-        id?: string;
-        text: string;
-        ref?: string;
-
-        onTouchTap?: TouchTapEventHandler;
-        onClick?: React.MouseEventHandler;
-    }
-    interface DialogProps extends React.Props<Dialog> {
-        actions?: Array<DialogAction | React.ReactElement<any>>;
-        actionFocus?: string;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        style?: React.CSSProperties;
-        bodyStyle?: React.CSSProperties;
-        contentClassName?: string;
-        contentInnerStyle?: React.CSSProperties;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        openImmediately?: boolean;
-        repositionOnUpdate?: boolean;
-        title?: React.ReactNode;
-        defaultOpen?: boolean;
-        open?: boolean;
-
-        onClickAway?: () => void;
-        onDismiss?: () => void;
-        onShow?: () => void;
-        onRequestClose?: (buttonClicked: boolean) => void;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-        dismiss(): void;
-        show(): void;
-        isOpen(): boolean;
-    }
-
-    interface DropDownIconProps extends React.Props<DropDownIcon> {
-        menuItems: Menu.MenuItemRequest[];
-        closeOnMenuItemTouchTap?: boolean;
-        iconStyle?: React.CSSProperties;
-        iconClassName?: string;
-        iconLigature?: string;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownIcon extends React.Component<DropDownIconProps, {}> {
-    }
-
-    interface DropDownMenuProps extends React.Props<DropDownMenu> {
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-    }
-    export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.HTMLAttributes, React.Props<T> {
-        centerRipple?: boolean;
-        containerElement?: string | React.ReactElement<any>;
-        disabled?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        touchRippleOpacity?: number;
-        tabIndex?: number;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-    }
-
-    interface EnhancedButtonProps extends SharedEnhancedButtonProps<EnhancedButton> {
-        touchRippleColor?: string;
-        focusRippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends SharedEnhancedButtonProps<FlatButton> {
-        hoverColor?: string;
-        label?: string;
-        labelPosition?: string;
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        primary?: boolean;
-        secondary?: boolean;
-        rippleColor?: string;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends SharedEnhancedButtonProps<FloatingActionButton> {
-        backgroundColor?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        mini?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface FontIconProps extends React.Props<FontIcon> {
-        color?: string;
-        hoverColor?: string;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        className?: string;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface IconButtonProps extends SharedEnhancedButtonProps<IconButton> {
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPosition?: string;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    interface LeftNavProps extends React.Props<LeftNav> {
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        header?: React.ReactElement<any>;
-        menuItems: Menu.MenuItemRequest[];
-        onChange?: Menu.ItemTapEventHandler;
-        onNavOpen?: () => void;
-        onNavClose?: () => void;
-        openRight?: Boolean;
-        selectedIndex?: number;
-        menuItemClassName?: string;
-        menuItemClassNameSubheader?: string;
-        menuItemClassNameLink?: string;
-        style?: React.CSSProperties;
-    }
-    export class LeftNav extends React.Component<LeftNavProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        mode?: string;
-        value?: number;
-        min?: number;
-        max?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    namespace Lists {
-        interface ListProps extends React.Props<List> {
-            insetSubheader?: boolean;
-            subheader?: string;
-            subheaderStyle?: React.CSSProperties;
-            zDepth?: number;
-            style?: React.CSSProperties;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        interface ListDividerProps extends React.Props<ListDivider> {
-            inset?: boolean;
-        }
-        export class ListDivider extends React.Component<ListDividerProps, {}> {
-        }
-
-        interface ListItemProps extends React.Props<ListItem> {
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            innerStyle?: React.CSSProperties;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedLevel?: number;
-            nestedItems?: React.ReactElement<any>[];
-            onKeyboardFocus?: React.FocusEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            onClick?: React.MouseEventHandler;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            primaryText?: React.ReactNode;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number;
-            style?: React.CSSProperties;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-    }
-
-    // Old menu implementation.  Being replaced by new "menus".
-    namespace Menu {
-        interface ItemTapEventHandler {
-            (e: TouchTapEvent, index: number, menuItem: MenuItemRequest): void;
-        }
-
-        // almost extends MenuItemProps, but certain required items are generated in Menu and not passed here.
-        interface MenuItemRequest extends React.Props<MenuItem> {
-            // use value from MenuItem.Types.*
-            type?: string;
-
-            text?: string;
-            data?: string;
-            payload?: string;
-            icon?: React.ReactElement<any>;
-            attribute?: string;
-            number?: string;
-            toggle?: boolean;
-            onTouchTap?: TouchTapEventHandler;
-            isDisabled?: boolean;
-            style?: React.CSSProperties;
-
-            // for MenuItems.Types.NESTED
-            items?: MenuItemRequest[];
-
-            // for custom text or payloads
-            [propertyName: string]: any;
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            index: number;
-            text?: string;
-            menuItems: MenuItemRequest[];
-            zDepth?: number;
-            active?: boolean;
-            onItemTap?: ItemTapEventHandler;
-            menuItemStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class Menu extends React.Component<MenuProps, {}> {
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            index: number;
-            icon?: React.ReactElement<any>;
-            iconClassName?: string;
-            iconRightClassName?: string;
-            iconStyle?: React.CSSProperties;
-            iconRightStyle?: React.CSSProperties;
-            attribute?: string;
-            number?: string;
-            data?: string;
-            toggle?: boolean;
-            onTouchTap?: (e: React.MouseEvent, key: number) => void;
-            onToggle?: (e: React.MouseEvent, key: number, toggled: boolean) => void;
-            selected?: boolean;
-            active?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}> {
-            static Types: { LINK: string, SUBHEADER: string, NESTED: string, }
-        }
-    }
-
-    export namespace Mixins {
-        interface ClickAwayable extends React.Mixin<any, any> {
-        }
-        var ClickAwayable: ClickAwayable;
-
-        interface WindowListenable extends React.Mixin<any, any> {
-        }
-        var WindowListenable: WindowListenable;
-
-        interface StylePropable extends React.Mixin<any, any> {
-        }
-        var StylePropable: StylePropable
-
-        interface StyleResizable extends React.Mixin<any, any> {
-        }
-        var StyleResizable: StyleResizable
-    }
-
-    interface OverlayProps extends React.Props<Overlay> {
-        autoLockScrolling?: boolean;
-        show?: boolean;
-        transitionEnabled?: boolean;
-    }
-    export class Overlay extends React.Component<OverlayProps, {}> {
-    }
-
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-        // <EnhancedSwitch/> is root element
-        defaultChecked?: boolean;
-        iconStyle?: React.CSSProperties;
-        label?: string;
-        labelStyle?: React.CSSProperties;
-        labelPosition?: string;
-        style?: React.CSSProperties;
-        value?: string;
-
-        onCheck?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButton extends React.Component<RadioButtonProps, {}> {
-    }
-
-    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-        defaultSelected?: string;
-        labelPosition?: string;
-        name: string;
-        style?: React.CSSProperties;
-        valueSelected?: string;
-
-        onChange?: (e: React.FormEvent, selected: string) => void;
-    }
-    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-        getSelectedValue(): string;
-        setSelectedValue(newSelectionValue: string): void;
-        clearValue(): void;
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        className?: string;
-        disabled?: boolean;
-        label?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        labelStyle?: React.CSSProperties;
-        backgroundColor?: string;
-        labelColor?: string;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        left: number;
-        percentage?: number;
-        size?: number;
-        status?: string;
-        top: number;
-        style?: React.CSSProperties;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    namespace Ripples {
-        interface CircleRippleProps extends React.Props<CircleRipple> {
-            color?: string;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
-        }
-
-        interface FocusRippleProps extends React.Props<FocusRipple> {
-            color?: string;
-            style?: React.CSSProperties;
-            innerStyle?: React.CSSProperties;
-            opacity?: number;
-            show?: boolean;
-        }
-        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
-        }
-
-        interface TouchRippleProps extends React.Props<TouchRipple> {
-            centerRipple?: boolean;
-            color?: string;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
-        }
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // passed to TextField
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-
-        // passed to DropDownMenu
-        displayMember?: string;
-        valueMember?: string;
-        autoWidth?: boolean;
-        menuItems: Menu.MenuItemRequest[];
-        menuItemStyle?: React.CSSProperties;
-        selectedIndex?: number;
-        underlineStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        disabled?: boolean;
-        valueLink?: ReactLink<any>;
-        value?: number;
-
-        onChange?: Menu.ItemTapEventHandler;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-
-        // own properties
-        selectFieldRoot?: string;
-        multiLine?: boolean;
-        type?: string;
-        rows?: number;
-        inputStyle?: React.CSSProperties;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        name: string;
-        defaultValue?: number;
-        description?: string;
-        error?: string;
-        max?: number;
-        min?: number;
-        required?: boolean;
-        step?: number;
-        value?: number;
-        style?: React.CSSProperties;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    interface SvgIconProps extends React.Props<SvgIcon> {
-        color?: string;
-        hoverColor?: string;
-        viewBox?: string;
-        style?: React.CSSProperties;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    export namespace Icons {
-        export import NavigationMenu = __MaterialUI.NavigationMenu;
-        export import NavigationChevronLeft = __MaterialUI.NavigationChevronLeft;
-        export import NavigationChevronRight = __MaterialUI.NavigationChevronRight;
-    }
-
-    interface NavigationMenuProps extends React.Props<NavigationMenu> {
-    }
-    export class NavigationMenu extends React.Component<NavigationMenuProps, {}> {
-    }
-
-    interface NavigationChevronLeftProps extends React.Props<NavigationChevronLeft> {
-    }
-    export class NavigationChevronLeft extends React.Component<NavigationChevronLeftProps, {}> {
-    }
-
-    interface NavigationChevronRightProps extends React.Props<NavigationChevronRight> {
-    }
-    export class NavigationChevronRight extends React.Component<NavigationChevronRightProps, {}> {
-    }
-
-    export namespace Styles {
-        interface AutoPrefix {
-            all(styles: React.CSSProperties): React.CSSProperties;
-            set(style: React.CSSProperties, key: string, value: string | number): void;
-            single(key: string): string;
-            singleHyphened(key: string): string;
-        }
-        export var AutoPrefix: AutoPrefix;
-
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        export var Spacing: Spacing;
-
-        interface ThemePalette {
-            primary1Color?: string;
-            primary2Color?: string;
-            primary3Color?: string;
-            accent1Color?: string;
-            accent2Color?: string;
-            accent3Color?: string;
-            textColor?: string;
-            canvasColor?: string;
-            borderColor?: string;
-            disabledColor?: string;
-            alternateTextColor?: string;
-        }
-        interface MuiTheme {
-            rawTheme: RawTheme;
-            static: boolean;
-            appBar?: {
-                color?: string,
-                textColor?: string,
-                height?: number
-            },
-            avatar?: {
-                borderColor?: string;
-            }
-            button?: {
-                height?: number,
-                minWidth?: number,
-                iconButtonSize?: number
-            },
-            checkbox?: {
-                boxColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            datePicker?: {
-                color?: string,
-                textColor?: string,
-                calendarTextColor?: string,
-                selectColor?: string,
-                selectTextColor?: string,
-            },
-            dropDownMenu?: {
-                accentColor?: string,
-            },
-            flatButton?: {
-                color?: string,
-                textColor?: string,
-                primaryTextColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string
-            },
-            floatingActionButton?: {
-                buttonSize?: number,
-                miniSize?: number,
-                color?: string,
-                iconColor?: string,
-                secondaryColor?: string,
-                secondaryIconColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            inkBar?: {
-                backgroundColor?: string;
-            },
-            leftNav?: {
-                width?: number,
-                color?: string,
-            },
-            listItem?: {
-                nestedLevelDepth?: number;
-            },
-            menu?: {
-                backgroundColor?: string,
-                containerBackgroundColor?: string,
-            },
-            menuItem?: {
-                dataHeight?: number,
-                height?: number,
-                hoverColor?: string,
-                padding?: number,
-                selectedTextColor?: string,
-            },
-            menuSubheader?: {
-                padding?: number,
-                borderColor?: string,
-                textColor?: string,
-            },
-            paper?: {
-                backgroundColor?: string,
-            },
-            radioButton?: {
-                borderColor?: string,
-                backgroundColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                size?: number,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            raisedButton?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string
-            },
-            refreshIndicator?: {
-                strokeColor?: string;
-                loadingStrokeColor?: string;
-            };
-            slider?: {
-                trackSize?: number,
-                trackColor?: string,
-                trackColorSelected?: string,
-                handleSize?: number,
-                handleSizeActive?: number,
-                handleSizeDisabled?: number,
-                handleColorZero?: string,
-                handleFillColor?: string,
-                selectionColor?: string,
-                rippleColor?: string,
-            },
-            snackbar?: {
-                textColor?: string,
-                backgroundColor?: string,
-                actionColor?: string,
-            },
-            table?: {
-                backgroundColor?: string;
-            };
-            tableHeader?: {
-                borderColor?: string;
-            };
-            tableHeaderColumn?: {
-                textColor?: string;
-            };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
-            tableRow?: {
-                hoverColor?: string;
-                stripeColor?: string;
-                selectedColor?: string;
-                textColor?: string;
-                borderColor?: string;
-            };
-            tableRowColumn?: {
-                height?: number;
-                spacing?: number;
-            };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string,
-                thumbOffColor?: string,
-                thumbDisabledColor?: string,
-                thumbRequiredColor?: string,
-                trackOnColor?: string,
-                trackOffColor?: string,
-                trackDisabledColor?: string,
-                trackRequiredColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-            },
-            toolbar?: {
-                backgroundColor?: string,
-                height?: number,
-                titleFontSize?: number,
-                iconColor?: string,
-                separatorColor?: string,
-                menuHoverColor?: string,
-            };
-            tabs?: {
-                backgroundColor?: string;
-            };
-            textField?: {
-                textColor?: string;
-                hintColor?: string;
-                floatingLabelColor?: string;
-                disabledTextColor?: string;
-                errorColor?: string;
-                focusColor?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-            isRtl: boolean;
-        }
-
-        interface RawTheme {
-            spacing: Spacing;
-            fontFamily?: string;
-            palette: ThemePalette;
-        }
-
-        export function ThemeDecorator(muiTheme: Styles.MuiTheme): <P>(Component: React.ComponentClass<P>) => React.ComponentClass<P>;
-
-        interface ThemeManager {
-            getMuiTheme(rawTheme: RawTheme): MuiTheme;
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack: string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-
-        export var DarkRawTheme: RawTheme;
-        export var LightRawTheme: RawTheme;
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        message: string;
-        action?: string;
-        autoHideDuration?: number;
-        onActionTouchTap?: React.TouchEventHandler;
-        onShow?: () => void;
-        onDismiss?: () => void;
-        openOnMount?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Tabs {
-        interface TabProps extends React.Props<Tab> {
-            label?: any;
-            value?: string;
-            selected?: boolean;
-            width?: string;
-            style?: React.CSSProperties;
-
-            // Called by Tabs component
-            onActive?: (tab: Tab) => void;
-
-            onTouchTap?: (value: string, e: TouchTapEvent, tab: Tab) => void;
-        }
-        export class Tab extends React.Component<TabProps, {}> {
-        }
-
-        interface TabsProps extends React.Props<Tabs> {
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabWidth?: number;
-            value?: string | number;
-            tabTemplate?: __React.ComponentClass<any>;
-
-            onChange?: (value: string | number, e: React.FormEvent, tab: Tab) => void;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[]) => void;
-            selectable?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            allRowsSelected?: boolean;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[]) => void;
-            preScanRows?: boolean;
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            adjustForCheckbox?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            onSelectAll?: (event: React.MouseEvent) => void;
-            selectAllSelected?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            columnNumber?: number;
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            columnNumber?: number;
-            colSpan?: number;
-            hoverable?: boolean;
-            onClick?: React.MouseEventHandler;
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-    }
-
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
-        theme: Styles.MuiTheme;
-    }
-    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
-    }
-
-    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-        // <EnhancedSwitch/> is root element
-
-        elementStyle?: React.CSSProperties;
-        labelStyle?: React.CSSProperties;
-        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        toggled?: boolean;
-        defaultToggled?: boolean;
-    }
-    export class Toggle extends React.Component<ToggleProps, {}> {
-        isToggled(): boolean;
-        setToggled(newToggledValue: boolean): void;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        defaultTime?: Date;
-        format?: string;
-        pedantic?: boolean;
-        style?: __React.CSSProperties;
-        textFieldStyle?: __React.CSSProperties;
-        autoOk?: boolean;
-        openDialog?: () => void;
-        onFocus?: React.FocusEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        onChange?: (e: any, time: Date) => void;
-        onShow?: () => void;
-        onDismiss?: () => void;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        floatingLabelText?: string;
-        floatingLabelStyle?: React.CSSProperties;
-        fullWidth?: boolean;
-        hintText?: string | React.ReactElement<any>;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        style?: React.CSSProperties;
-        rows?: number,
-        underlineStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        type?: string;
-        hintStyle?: React.CSSProperties;
-
-        disabled?: boolean;
-        isRtl?: boolean;
-        value?: string;
-        defaultValue?: string;
-        valueLink?: ReactLink<string>;
-
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        clearValue(): void;
-        focus(): void;
-        getValue(): string;
-        setErrorText(newErrorText: string): void;
-        setValue(newValue: string): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-            style?: React.CSSProperties;
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            float?: string;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-            style?: React.CSSProperties;
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
-            text?: string;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    interface TooltipProps extends React.Props<Tooltip> {
-        label: string;
-        show?: boolean;
-        touch?: boolean;
-        verticalPosition?: string;
-        horizontalPosition?: string;
-    }
-    export class Tooltip extends React.Component<TooltipProps, {}> {
-    }
-
-    export namespace Utils {
-        interface ContrastLevel {
-            range: [number, number];
-            color: string;
-        }
-        interface ColorManipulator {
-            fade(color: string, amount: string | number): string;
-            lighten(color: string, amount: string | number): string;
-            darken(color: string, amount: string | number): string;
-            contrastRatio(background: string, foreground: string): number;
-            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
-        }
-        export var ColorManipulator: ColorManipulator;
-
-        interface CssEvent {
-            transitionEndEventName(): string;
-            animationEndEventName(): string;
-            onTransitionEnd(el: Element, callback: () => void): void;
-            onAnimationEnd(el: Element, callback: () => void): void;
-        }
-        export var CssEvent: CssEvent;
-
-        interface Dom {
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            addClass(el: Element, className: string): void;
-            removeClass(el: Element, className: string): void;
-            hasClass(el: Element, className: string): boolean;
-            toggleClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            once(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            off(el: Element, type: string, callback: EventListener): void;
-            isKeyboard(e: Event): boolean;
-        }
-        export var Events: Events;
-
-        function Extend<T, S1>(base: T, override: S1): (T & S1);
-
-        interface ImmutabilityHelper {
-            merge(base: any, ...args: any[]): any;
-            mergeItem(obj: any, key: any, newValueObject: any): any;
-            push(array: any[], obj: any): any[];
-            shift(array: any[]): any[];
-        }
-        export var ImmutabilityHelper: ImmutabilityHelper;
-
-        interface KeyCode {
-            DOWN: number;
-            ESC: number;
-            ENTER: number;
-            LEFT: number;
-            RIGHT: number;
-            SPACE: number;
-            TAB: number;
-            UP: number;
-        }
-        var KeyCode: KeyCode;
-
-        interface KeyLine {
-            Desktop: {
-                GUTTER: number;
-                GUTTER_LESS: number;
-                INCREMENT: number;
-                MENU_ITEM_HEIGHT: number;
-            };
-
-            getIncrementalDim(dim: number): number;
-        }
-        export var KeyLine: KeyLine;
-
-        interface UniqueId {
-            generate(): string;
-        }
-        export var UniqueId: UniqueId;
-
-        interface Styles {
-            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
-        }
-        export var Styles: Styles;
-    }
-
-    // New menus available only through requiring directly to the end file
-    namespace Menus {
-        interface IconMenuProps extends React.Props<IconMenu> {
-            closeOnItemTouchTap?: boolean;
-            desktop?: boolean;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            openDirection?: string;
-            menuStyle?: React.CSSProperties;
-            multiple?: boolean;
-            value?: string | Array<string>;
-            width?: string | number;
-            touchTapCloseDelay?: number;
-            style?: React.CSSProperties;
-
-            onKeyboardFocus?: React.FocusEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string | Array<string>) => void;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface MenuProps extends React.Props<Menu> {
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            openDirection?: string;
-            value?: string | Array<string>;
-            width?: string | number;
-            zDepth?: number;
-            style?: React.CSSProperties;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.Props<MenuItem> {
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            primaryText?: string | React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            value?: string;
-            style?: React.CSSProperties;
-
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: React.ReactElement<any>) => void;
-            onChange?: (e: React.FormEvent, value: string) => void;
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface MenuDividerProps extends React.Props<MenuDivider> {
-            inset?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class MenuDivider extends React.Component<MenuDividerProps, {}>{
-        }
-    }
-
-    namespace GridList {
-
-        interface GridListProps extends React.Props<GridList> {
-            cols?: number;
-            padding?: number;
-            cellHeight?: number;
-            style?: React.CSSProperties;
-        }
-
-        export class GridList extends React.Component<GridListProps, {}>{
-        }
-
-        interface GridTileProps extends React.Props<GridTile> {
-            title?: string;
-            subtitle?: __React.ReactNode;
-            titlePosition?: string; //"top"|"bottom"
-            titleBackground?: string;
-            actionIcon?: __React.ReactElement<any>;
-            actionPosition?: string; //"left"|"right"
-            cols?: number;
-            rows?: number;
-            rootClass?: string | __React.Component<any,any>;
-            style?: React.CSSProperties;
-        }
-
-        export class GridTile extends React.Component<GridTileProps, {}>{
-        }
-
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/lib/app-bar' {
-    import AppBar = __MaterialUI.AppBar;
-    export = AppBar;
-}
-
-declare module 'material-ui/lib/app-canvas' {
-    import AppCanvas = __MaterialUI.AppCanvas;
-    export = AppCanvas;
-}
-
-declare module 'material-ui/lib/avatar' {
-    import Avatar = __MaterialUI.Avatar;
-    export = Avatar;
-}
-
-declare module "material-ui/lib/badge" {
-    import Badge = __MaterialUI.Badge;
-    export = Badge;
-}
-
-declare module 'material-ui/lib/before-after-wrapper' {
-    import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
-    export = BeforeAfterWrapper;
-}
-
-declare module 'material-ui/lib/card/card' {
-    import Card = __MaterialUI.Card.Card;
-    export = Card;
-}
-
-declare module 'material-ui/lib/card/card-actions' {
-    import CardActions = __MaterialUI.Card.CardActions;
-    export = CardActions;
-}
-
-declare module 'material-ui/lib/card/card-expandable' {
-    import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export = CardExpandable;
-}
-
-declare module 'material-ui/lib/card/card-header' {
-    import CardHeader = __MaterialUI.Card.CardHeader;
-    export = CardHeader;
-}
-
-declare module 'material-ui/lib/card/card-media' {
-    import CardMedia = __MaterialUI.Card.CardMedia;
-    export = CardMedia;
-}
-
-declare module 'material-ui/lib/card/card-text' {
-    import CardText = __MaterialUI.Card.CardText;
-    export = CardText;
-}
-
-declare module 'material-ui/lib/card/card-title' {
-    import CardTitle = __MaterialUI.Card.CardTitle;
-    export = CardTitle;
-}
-
-declare module 'material-ui/lib/checkbox' {
-    import Checkbox = __MaterialUI.Checkbox;
-    export = Checkbox;
-}
-
-declare module 'material-ui/lib/circular-progress' {
-    import CircularProgress = __MaterialUI.CircularProgress;
-    export = CircularProgress;
-}
-
-declare module 'material-ui/lib/clearfix' {
-    import ClearFix = __MaterialUI.ClearFix;
-    export = ClearFix;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker' {
-    import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export = DatePicker;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker-dialog' {
-    import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
-    export = DatePickerDialog;
-}
-
-declare module 'material-ui/lib/dialog' {
-    import Dialog = __MaterialUI.Dialog;
-    export = Dialog;
-}
-
-declare module 'material-ui/lib/drop-down-icon' {
-    import DropDownIcon = __MaterialUI.DropDownIcon;
-    export = DropDownIcon;
-}
-
-declare module 'material-ui/lib/drop-down-menu' {
-    import DropDownMenu = __MaterialUI.DropDownMenu;
-    export = DropDownMenu;
-}
-
-declare module 'material-ui/lib/enhanced-button' {
-    import EnhancedButton = __MaterialUI.EnhancedButton;
-    export = EnhancedButton;
-}
-
-declare module 'material-ui/lib/flat-button' {
-    import FlatButton = __MaterialUI.FlatButton;
-    export = FlatButton;
-}
-
-declare module 'material-ui/lib/floating-action-button' {
-    import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export = FloatingActionButton;
-}
-
-declare module 'material-ui/lib/font-icon' {
-    import FontIcon = __MaterialUI.FontIcon;
-    export = FontIcon;
-}
-
-declare module 'material-ui/lib/icon-button' {
-    import IconButton = __MaterialUI.IconButton;
-    export = IconButton;
-}
-
-declare module 'material-ui/lib/left-nav' {
-    import LeftNav = __MaterialUI.LeftNav;
-    export = LeftNav;
-}
-
-declare module 'material-ui/lib/linear-progress' {
-    import LinearProgress = __MaterialUI.LinearProgress;
-    export = LinearProgress;
-}
-
-declare module 'material-ui/lib/lists/list' {
-    import List = __MaterialUI.Lists.List;
-    export = List;
-}
-
-declare module 'material-ui/lib/lists/list-divider' {
-    import ListDivider = __MaterialUI.Lists.ListDivider;
-    export = ListDivider;
-}
-
-declare module 'material-ui/lib/lists/list-item' {
-    import ListItem = __MaterialUI.Lists.ListItem;
-    export = ListItem;
-}
-
-declare module 'material-ui/lib/menu/menu' {
-    import Menu = __MaterialUI.Menu.Menu;
-    export = Menu;
-}
-
-declare module 'material-ui/lib/menu/menu-item' {
-    import MenuItem = __MaterialUI.Menu.MenuItem;
-    export = MenuItem;
-}
-
-declare module 'material-ui/lib/mixins/' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
-    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
-}
-
-declare module 'material-ui/lib/mixins/click-awayable' {
-    import ClickAwayable = __MaterialUI.Mixins.ClickAwayable;
-    export = ClickAwayable;
-}
-
-declare module 'material-ui/lib/mixins/window-listenable' {
-    import WindowListenable = __MaterialUI.Mixins.WindowListenable;
-    export = WindowListenable;
-}
-
-declare module 'material-ui/lib/mixins/style-propable' {
-    import StylePropable = __MaterialUI.Mixins.StylePropable;
-    export = StylePropable;
-}
-
-declare module 'material-ui/lib/mixins/style-resizable' {
-    import StyleResizable = __MaterialUI.Mixins.StyleResizable;
-    export = StyleResizable;
-}
-
-declare module 'material-ui/lib/overlay' {
-    import Overlay = __MaterialUI.Overlay;
-    export = Overlay;
-}
-
-declare module 'material-ui/lib/paper' {
-    import Paper = __MaterialUI.Paper;
-    export = Paper;
-}
-
-declare module 'material-ui/lib/radio-button' {
-    import RadioButton = __MaterialUI.RadioButton;
-    export = RadioButton;
-}
-
-declare module 'material-ui/lib/radio-button-group' {
-    import RadioButtonGroup = __MaterialUI.RadioButtonGroup;
-    export = RadioButtonGroup;
-}
-
-declare module 'material-ui/lib/raised-button' {
-    import RaisedButton = __MaterialUI.RaisedButton;
-    export = RaisedButton;
-}
-
-declare module 'material-ui/lib/refresh-indicator' {
-    import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export = RefreshIndicator;
-}
-
-declare module 'material-ui/lib/ripples/' {
-    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
-    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
-    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
-}
-
-declare module 'material-ui/lib/select-field' {
-    import SelectField = __MaterialUI.SelectField;
-    export = SelectField;
-}
-
-declare module 'material-ui/lib/slider' {
-    import Slider = __MaterialUI.Slider;
-    export = Slider;
-}
-
-declare module 'material-ui/lib/svg-icon' {
-    import SvgIcon = __MaterialUI.SvgIcon;
-    export = SvgIcon;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/menu' {
-    import NavigationMenu = __MaterialUI.NavigationMenu;
-    export = NavigationMenu;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
-    import NavigationChevronLeft = __MaterialUI.NavigationChevronLeft;
-    export = NavigationChevronLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
-    import NavigationChevronRight = __MaterialUI.NavigationChevronRight;
-    export = NavigationChevronRight;
-}
-
-declare module 'material-ui/lib/styles/' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
-    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
-    export import Spacing = require('material-ui/lib/styles/spacing');
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
-    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
-    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme; // require('material-ui/lib/styles/raw-themes/light-raw-theme'),
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme; // require('material-ui/lib/styles/raw-themes/dark-raw-theme'),
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator; //require('material-ui/lib/styles/theme-decorator');
-}
-
-declare module 'material-ui/lib/styles/auto-prefix' {
-    import AutoPrefix = __MaterialUI.Styles.AutoPrefix;
-    export = AutoPrefix;
-}
-
-declare module 'material-ui/lib/styles/spacing' {
-    type Spacing = __MaterialUI.Styles.Spacing;
-    var Spacing: Spacing;
-    export = Spacing;
-}
-
-declare module 'material-ui/lib/styles/theme-manager' {
-    import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export = ThemeManager;
-}
-
-declare module 'material-ui/lib/styles/transitions' {
-    import Transitions = __MaterialUI.Styles.Transitions;
-    export = Transitions;
-}
-
-declare module 'material-ui/lib/styles/typography' {
-    import Typography = __MaterialUI.Styles.Typography;
-    export = Typography;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/light-raw-theme' {
-    import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export = LightRawTheme;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/dark-raw-theme' {
-    import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export = DarkRawTheme;
-}
-
-declare module 'material-ui/lib/styles/theme-decorator' {
-    import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator;
-    export = ThemeDecorator;
-}
-
-
-declare module 'material-ui/lib/snackbar' {
-    import Snackbar = __MaterialUI.Snackbar;
-    export = Snackbar;
-}
-
-declare module 'material-ui/lib/tabs/tab' {
-    import Tab = __MaterialUI.Tabs.Tab;
-    export = Tab;
-}
-
-declare module 'material-ui/lib/tabs/tabs' {
-    import Tabs = __MaterialUI.Tabs.Tabs;
-    export = Tabs;
-}
-
-declare module 'material-ui/lib/table/table' {
-    import Table = __MaterialUI.Table.Table;
-    export = Table;
-}
-
-declare module 'material-ui/lib/table/table-body' {
-    import TableBody = __MaterialUI.Table.TableBody;
-    export = TableBody;
-}
-
-declare module 'material-ui/lib/table/table-footer' {
-    import TableFooter = __MaterialUI.Table.TableFooter;
-    export = TableFooter;
-}
-
-declare module 'material-ui/lib/table/table-header' {
-    import TableHeader = __MaterialUI.Table.TableHeader;
-    export = TableHeader;
-}
-
-declare module 'material-ui/lib/table/table-header-column' {
-    import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export = TableHeaderColumn;
-}
-
-declare module 'material-ui/lib/table/table-row' {
-    import TableRow = __MaterialUI.Table.TableRow;
-    export = TableRow;
-}
-
-declare module 'material-ui/lib/table/table-row-column' {
-    import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export = TableRowColumn;
-}
-
-declare module 'material-ui/lib/theme-wrapper' {
-    import ThemeWrapper = __MaterialUI.ThemeWrapper;
-    export = ThemeWrapper;
-}
-
-declare module 'material-ui/lib/toggle' {
-    import Toggle = __MaterialUI.Toggle;
-    export = Toggle;
-}
-
-declare module 'material-ui/lib/time-picker' {
-    import TimePicker = __MaterialUI.TimePicker;
-    export = TimePicker;
-}
-
-declare module 'material-ui/lib/text-field' {
-    import TextField = __MaterialUI.TextField;
-    export = TextField;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar' {
-    import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export = Toolbar;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-group' {
-    import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export = ToolbarGroup;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-separator' {
-    import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export = ToolbarSeparator;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-title' {
-    import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export = ToolbarTitle;
-}
-
-declare module 'material-ui/lib/tooltip' {
-    import Tooltip = __MaterialUI.Tooltip;
-    export = Tooltip;
-}
-
-declare module 'material-ui/lib/utils/' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
-    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
-    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
-    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
-    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
-    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
-    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
-    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
-    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
-}
-
-declare module 'material-ui/lib/utils/color-manipulator' {
-    import ColorManipulator = __MaterialUI.Utils.ColorManipulator;
-    export = ColorManipulator;
-}
-
-declare module 'material-ui/lib/utils/css-event' {
-    import CssEvent = __MaterialUI.Utils.CssEvent;
-    export = CssEvent;
-}
-
-declare module 'material-ui/lib/utils/dom' {
-    import Dom = __MaterialUI.Utils.Dom;
-    export = Dom;
-}
-
-declare module 'material-ui/lib/utils/events' {
-    import Events = __MaterialUI.Utils.Events;
-    export = Events;
-}
-
-declare module 'material-ui/lib/utils/extend' {
-    import Extend = __MaterialUI.Utils.Extend;
-    export = Extend;
-}
-
-declare module 'material-ui/lib/utils/immutability-helper' {
-    import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper;
-    export = ImmutabilityHelper;
-}
-
-declare module 'material-ui/lib/utils/key-code' {
-    import KeyCode = __MaterialUI.Utils.KeyCode;
-    export = KeyCode;
-}
-
-declare module 'material-ui/lib/utils/key-line' {
-    import KeyLine = __MaterialUI.Utils.KeyLine;
-    export = KeyLine;
-}
-
-declare module 'material-ui/lib/utils/unique-id' {
-    import UniqueId = __MaterialUI.Utils.UniqueId;
-    export = UniqueId;
-}
-
-declare module 'material-ui/lib/utils/styles' {
-    import Styles = __MaterialUI.Utils.Styles;
-    export = Styles;
-}
-
-declare module "material-ui/lib/menus/icon-menu" {
-    import IconMenu = __MaterialUI.Menus.IconMenu;
-    export = IconMenu;
-}
-
-declare module "material-ui/lib/menus/menu" {
-    import Menu = __MaterialUI.Menus.Menu;
-    export = Menu;
-}
-
-declare module "material-ui/lib/menus/menu-item" {
-    import MenuItem = __MaterialUI.Menus.MenuItem;
-    export = MenuItem;
-}
-
-declare module "material-ui/lib/menus/menu-divider" {
-    import MenuDivider = __MaterialUI.Menus.MenuDivider;
-    export = MenuDivider;
-}
-
-declare module "material-ui/lib/grid-list/grid-list" {
-    import GridList = __MaterialUI.GridList.GridList;
-    export = GridList;
-}
-
-declare module "material-ui/lib/grid-list/grid-tile" {
-    import GridTile = __MaterialUI.GridList.GridTile;
-    export = GridTile;
-}
-
-declare module "material-ui/lib/styles/colors" {
-    import Colors = __MaterialUI.Styles.Colors;
-    export = Colors;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
-
-declare module "material-ui/lib/svg-icons" {
-    export var ActionAccessibility: __MaterialUI.SvgIcon;
-    export var ActionAccessible: __MaterialUI.SvgIcon;
-    export var ActionAccountBalanceWallet: __MaterialUI.SvgIcon;
-    export var ActionAccountBalance: __MaterialUI.SvgIcon;
-    export var ActionAccountBox: __MaterialUI.SvgIcon;
-    export var ActionAccountCircle: __MaterialUI.SvgIcon;
-    export var ActionAddShoppingCart: __MaterialUI.SvgIcon;
-    export var ActionAlarmAdd: __MaterialUI.SvgIcon;
-    export var ActionAlarmOff: __MaterialUI.SvgIcon;
-    export var ActionAlarmOn: __MaterialUI.SvgIcon;
-    export var ActionAlarm: __MaterialUI.SvgIcon;
-    export var ActionAllOut: __MaterialUI.SvgIcon;
-    export var ActionAndroid: __MaterialUI.SvgIcon;
-    export var ActionAnnouncement: __MaterialUI.SvgIcon;
-    export var ActionAspectRatio: __MaterialUI.SvgIcon;
-    export var ActionAssessment: __MaterialUI.SvgIcon;
-    export var ActionAssignmentInd: __MaterialUI.SvgIcon;
-    export var ActionAssignmentLate: __MaterialUI.SvgIcon;
-    export var ActionAssignmentReturn: __MaterialUI.SvgIcon;
-    export var ActionAssignmentReturned: __MaterialUI.SvgIcon;
-    export var ActionAssignmentTurnedIn: __MaterialUI.SvgIcon;
-    export var ActionAssignment: __MaterialUI.SvgIcon;
-    export var ActionAutorenew: __MaterialUI.SvgIcon;
-    export var ActionBackup: __MaterialUI.SvgIcon;
-    export var ActionBook: __MaterialUI.SvgIcon;
-    export var ActionBookmarkBorder: __MaterialUI.SvgIcon;
-    export var ActionBookmark: __MaterialUI.SvgIcon;
-    export var ActionBugReport: __MaterialUI.SvgIcon;
-    export var ActionBuild: __MaterialUI.SvgIcon;
-    export var ActionCached: __MaterialUI.SvgIcon;
-    export var ActionCameraEnhance: __MaterialUI.SvgIcon;
-    export var ActionCardGiftcard: __MaterialUI.SvgIcon;
-    export var ActionCardMembership: __MaterialUI.SvgIcon;
-    export var ActionCardTravel: __MaterialUI.SvgIcon;
-    export var ActionChangeHistory: __MaterialUI.SvgIcon;
-    export var ActionCheckCircle: __MaterialUI.SvgIcon;
-    export var ActionChromeReaderMode: __MaterialUI.SvgIcon;
-    export var ActionClass: __MaterialUI.SvgIcon;
-    export var ActionCode: __MaterialUI.SvgIcon;
-    export var ActionCompareArrows: __MaterialUI.SvgIcon;
-    export var ActionCopyright: __MaterialUI.SvgIcon;
-    export var ActionCreditCard: __MaterialUI.SvgIcon;
-    export var ActionDashboard: __MaterialUI.SvgIcon;
-    export var ActionDateRange: __MaterialUI.SvgIcon;
-    export var ActionDelete: __MaterialUI.SvgIcon;
-    export var ActionDescription: __MaterialUI.SvgIcon;
-    export var ActionDns: __MaterialUI.SvgIcon;
-    export var ActionDoneAll: __MaterialUI.SvgIcon;
-    export var ActionDone: __MaterialUI.SvgIcon;
-    export var ActionDonutLarge: __MaterialUI.SvgIcon;
-    export var ActionDonutSmall: __MaterialUI.SvgIcon;
-    export var ActionEject: __MaterialUI.SvgIcon;
-    export var ActionEventSeat: __MaterialUI.SvgIcon;
-    export var ActionEvent: __MaterialUI.SvgIcon;
-    export var ActionExitToApp: __MaterialUI.SvgIcon;
-    export var ActionExplore: __MaterialUI.SvgIcon;
-    export var ActionExtension: __MaterialUI.SvgIcon;
-    export var ActionFace: __MaterialUI.SvgIcon;
-    export var ActionFavoriteBorder: __MaterialUI.SvgIcon;
-    export var ActionFavorite: __MaterialUI.SvgIcon;
-    export var ActionFeedback: __MaterialUI.SvgIcon;
-    export var ActionFindInPage: __MaterialUI.SvgIcon;
-    export var ActionFindReplace: __MaterialUI.SvgIcon;
-    export var ActionFingerprint: __MaterialUI.SvgIcon;
-    export var ActionFlightLand: __MaterialUI.SvgIcon;
-    export var ActionFlightTakeoff: __MaterialUI.SvgIcon;
-    export var ActionFlipToBack: __MaterialUI.SvgIcon;
-    export var ActionFlipToFront: __MaterialUI.SvgIcon;
-    export var ActionGavel: __MaterialUI.SvgIcon;
-    export var ActionGetApp: __MaterialUI.SvgIcon;
-    export var ActionGif: __MaterialUI.SvgIcon;
-    export var ActionGrade: __MaterialUI.SvgIcon;
-    export var ActionGroupWork: __MaterialUI.SvgIcon;
-    export var ActionHelpOutline: __MaterialUI.SvgIcon;
-    export var ActionHelp: __MaterialUI.SvgIcon;
-    export var ActionHighlightOff: __MaterialUI.SvgIcon;
-    export var ActionHistory: __MaterialUI.SvgIcon;
-    export var ActionHome: __MaterialUI.SvgIcon;
-    export var ActionHourglassEmpty: __MaterialUI.SvgIcon;
-    export var ActionHourglassFull: __MaterialUI.SvgIcon;
-    export var ActionHttp: __MaterialUI.SvgIcon;
-    export var ActionHttps: __MaterialUI.SvgIcon;
-    export var ActionImportantDevices: __MaterialUI.SvgIcon;
-    export var ActionInfoOutline: __MaterialUI.SvgIcon;
-    export var ActionInfo: __MaterialUI.SvgIcon;
-    export var ActionInput: __MaterialUI.SvgIcon;
-    export var ActionInvertColors: __MaterialUI.SvgIcon;
-    export var ActionLabelOutline: __MaterialUI.SvgIcon;
-    export var ActionLabel: __MaterialUI.SvgIcon;
-    export var ActionLanguage: __MaterialUI.SvgIcon;
-    export var ActionLaunch: __MaterialUI.SvgIcon;
-    export var ActionLightbulbOutline: __MaterialUI.SvgIcon;
-    export var ActionLineStyle: __MaterialUI.SvgIcon;
-    export var ActionLineWeight: __MaterialUI.SvgIcon;
-    export var ActionList: __MaterialUI.SvgIcon;
-    export var ActionLockOpen: __MaterialUI.SvgIcon;
-    export var ActionLockOutline: __MaterialUI.SvgIcon;
-    export var ActionLock: __MaterialUI.SvgIcon;
-    export var ActionLoyalty: __MaterialUI.SvgIcon;
-    export var ActionMarkunreadMailbox: __MaterialUI.SvgIcon;
-    export var ActionMotorcycle: __MaterialUI.SvgIcon;
-    export var ActionNoteAdd: __MaterialUI.SvgIcon;
-    export var ActionOfflinePin: __MaterialUI.SvgIcon;
-    export var ActionOpacity: __MaterialUI.SvgIcon;
-    export var ActionOpenInBrowser: __MaterialUI.SvgIcon;
-    export var ActionOpenInNew: __MaterialUI.SvgIcon;
-    export var ActionOpenWith: __MaterialUI.SvgIcon;
-    export var ActionPageview: __MaterialUI.SvgIcon;
-    export var ActionPanTool: __MaterialUI.SvgIcon;
-    export var ActionPayment: __MaterialUI.SvgIcon;
-    export var ActionPermCameraMic: __MaterialUI.SvgIcon;
-    export var ActionPermContactCalendar: __MaterialUI.SvgIcon;
-    export var ActionPermDataSetting: __MaterialUI.SvgIcon;
-    export var ActionPermDeviceInformation: __MaterialUI.SvgIcon;
-    export var ActionPermIdentity: __MaterialUI.SvgIcon;
-    export var ActionPermMedia: __MaterialUI.SvgIcon;
-    export var ActionPermPhoneMsg: __MaterialUI.SvgIcon;
-    export var ActionPermScanWifi: __MaterialUI.SvgIcon;
-    export var ActionPets: __MaterialUI.SvgIcon;
-    export var ActionPictureInPictureAlt: __MaterialUI.SvgIcon;
-    export var ActionPictureInPicture: __MaterialUI.SvgIcon;
-    export var ActionPlayForWork: __MaterialUI.SvgIcon;
-    export var ActionPolymer: __MaterialUI.SvgIcon;
-    export var ActionPowerSettingsNew: __MaterialUI.SvgIcon;
-    export var ActionPregnantWoman: __MaterialUI.SvgIcon;
-    export var ActionPrint: __MaterialUI.SvgIcon;
-    export var ActionQueryBuilder: __MaterialUI.SvgIcon;
-    export var ActionQuestionAnswer: __MaterialUI.SvgIcon;
-    export var ActionReceipt: __MaterialUI.SvgIcon;
-    export var ActionRecordVoiceOver: __MaterialUI.SvgIcon;
-    export var ActionRedeem: __MaterialUI.SvgIcon;
-    export var ActionReorder: __MaterialUI.SvgIcon;
-    export var ActionReportProblem: __MaterialUI.SvgIcon;
-    export var ActionRestore: __MaterialUI.SvgIcon;
-    export var ActionRoom: __MaterialUI.SvgIcon;
-    export var ActionRoundedCorner: __MaterialUI.SvgIcon;
-    export var ActionRowing: __MaterialUI.SvgIcon;
-    export var ActionSchedule: __MaterialUI.SvgIcon;
-    export var ActionSearch: __MaterialUI.SvgIcon;
-    export var ActionSettingsApplications: __MaterialUI.SvgIcon;
-    export var ActionSettingsBackupRestore: __MaterialUI.SvgIcon;
-    export var ActionSettingsBluetooth: __MaterialUI.SvgIcon;
-    export var ActionSettingsBrightness: __MaterialUI.SvgIcon;
-    export var ActionSettingsCell: __MaterialUI.SvgIcon;
-    export var ActionSettingsEthernet: __MaterialUI.SvgIcon;
-    export var ActionSettingsInputAntenna: __MaterialUI.SvgIcon;
-    export var ActionSettingsInputComponent: __MaterialUI.SvgIcon;
-    export var ActionSettingsInputComposite: __MaterialUI.SvgIcon;
-    export var ActionSettingsInputHdmi: __MaterialUI.SvgIcon;
-    export var ActionSettingsInputSvideo: __MaterialUI.SvgIcon;
-    export var ActionSettingsOverscan: __MaterialUI.SvgIcon;
-    export var ActionSettingsPhone: __MaterialUI.SvgIcon;
-    export var ActionSettingsPower: __MaterialUI.SvgIcon;
-    export var ActionSettingsRemote: __MaterialUI.SvgIcon;
-    export var ActionSettingsVoice: __MaterialUI.SvgIcon;
-    export var ActionSettings: __MaterialUI.SvgIcon;
-    export var ActionShopTwo: __MaterialUI.SvgIcon;
-    export var ActionShop: __MaterialUI.SvgIcon;
-    export var ActionShoppingBasket: __MaterialUI.SvgIcon;
-    export var ActionShoppingCart: __MaterialUI.SvgIcon;
-    export var ActionSpeakerNotes: __MaterialUI.SvgIcon;
-    export var ActionSpellcheck: __MaterialUI.SvgIcon;
-    export var ActionStars: __MaterialUI.SvgIcon;
-    export var ActionStore: __MaterialUI.SvgIcon;
-    export var ActionSubject: __MaterialUI.SvgIcon;
-    export var ActionSupervisorAccount: __MaterialUI.SvgIcon;
-    export var ActionSwapHoriz: __MaterialUI.SvgIcon;
-    export var ActionSwapVert: __MaterialUI.SvgIcon;
-    export var ActionSwapVerticalCircle: __MaterialUI.SvgIcon;
-    export var ActionSystemUpdateAlt: __MaterialUI.SvgIcon;
-    export var ActionTabUnselected: __MaterialUI.SvgIcon;
-    export var ActionTab: __MaterialUI.SvgIcon;
-    export var ActionTheaters: __MaterialUI.SvgIcon;
-    export var ActionThreeDRotation: __MaterialUI.SvgIcon;
-    export var ActionThumbDown: __MaterialUI.SvgIcon;
-    export var ActionThumbUp: __MaterialUI.SvgIcon;
-    export var ActionThumbsUpDown: __MaterialUI.SvgIcon;
-    export var ActionTimeline: __MaterialUI.SvgIcon;
-    export var ActionToc: __MaterialUI.SvgIcon;
-    export var ActionToday: __MaterialUI.SvgIcon;
-    export var ActionToll: __MaterialUI.SvgIcon;
-    export var ActionTouchApp: __MaterialUI.SvgIcon;
-    export var ActionTrackChanges: __MaterialUI.SvgIcon;
-    export var ActionTranslate: __MaterialUI.SvgIcon;
-    export var ActionTrendingDown: __MaterialUI.SvgIcon;
-    export var ActionTrendingFlat: __MaterialUI.SvgIcon;
-    export var ActionTrendingUp: __MaterialUI.SvgIcon;
-    export var ActionTurnedInNot: __MaterialUI.SvgIcon;
-    export var ActionTurnedIn: __MaterialUI.SvgIcon;
-    export var ActionUpdate: __MaterialUI.SvgIcon;
-    export var ActionVerifiedUser: __MaterialUI.SvgIcon;
-    export var ActionViewAgenda: __MaterialUI.SvgIcon;
-    export var ActionViewArray: __MaterialUI.SvgIcon;
-    export var ActionViewCarousel: __MaterialUI.SvgIcon;
-    export var ActionViewColumn: __MaterialUI.SvgIcon;
-    export var ActionViewDay: __MaterialUI.SvgIcon;
-    export var ActionViewHeadline: __MaterialUI.SvgIcon;
-    export var ActionViewList: __MaterialUI.SvgIcon;
-    export var ActionViewModule: __MaterialUI.SvgIcon;
-    export var ActionViewQuilt: __MaterialUI.SvgIcon;
-    export var ActionViewStream: __MaterialUI.SvgIcon;
-    export var ActionViewWeek: __MaterialUI.SvgIcon;
-    export var ActionVisibilityOff: __MaterialUI.SvgIcon;
-    export var ActionVisibility: __MaterialUI.SvgIcon;
-    export var ActionWatchLater: __MaterialUI.SvgIcon;
-    export var ActionWork: __MaterialUI.SvgIcon;
-    export var ActionYoutubeSearchedFor: __MaterialUI.SvgIcon;
-    export var ActionZoomIn: __MaterialUI.SvgIcon;
-    export var ActionZoomOut: __MaterialUI.SvgIcon;
-    export var AlertAddAlert: __MaterialUI.SvgIcon;
-    export var AlertErrorOutline: __MaterialUI.SvgIcon;
-    export var AlertError: __MaterialUI.SvgIcon;
-    export var AlertWarning: __MaterialUI.SvgIcon;
-    export var AvAddToQueue: __MaterialUI.SvgIcon;
-    export var AvAirplay: __MaterialUI.SvgIcon;
-    export var AvAlbum: __MaterialUI.SvgIcon;
-    export var AvArtTrack: __MaterialUI.SvgIcon;
-    export var AvAvTimer: __MaterialUI.SvgIcon;
-    export var AvClosedCaption: __MaterialUI.SvgIcon;
-    export var AvEqualizer: __MaterialUI.SvgIcon;
-    export var AvExplicit: __MaterialUI.SvgIcon;
-    export var AvFastForward: __MaterialUI.SvgIcon;
-    export var AvFastRewind: __MaterialUI.SvgIcon;
-    export var AvFiberDvr: __MaterialUI.SvgIcon;
-    export var AvFiberManualRecord: __MaterialUI.SvgIcon;
-    export var AvFiberNew: __MaterialUI.SvgIcon;
-    export var AvFiberPin: __MaterialUI.SvgIcon;
-    export var AvFiberSmartRecord: __MaterialUI.SvgIcon;
-    export var AvForward10: __MaterialUI.SvgIcon;
-    export var AvForward30: __MaterialUI.SvgIcon;
-    export var AvForward5: __MaterialUI.SvgIcon;
-    export var AvGames: __MaterialUI.SvgIcon;
-    export var AvHd: __MaterialUI.SvgIcon;
-    export var AvHearing: __MaterialUI.SvgIcon;
-    export var AvHighQuality: __MaterialUI.SvgIcon;
-    export var AvLibraryAdd: __MaterialUI.SvgIcon;
-    export var AvLibraryBooks: __MaterialUI.SvgIcon;
-    export var AvLibraryMusic: __MaterialUI.SvgIcon;
-    export var AvLoop: __MaterialUI.SvgIcon;
-    export var AvMicNone: __MaterialUI.SvgIcon;
-    export var AvMicOff: __MaterialUI.SvgIcon;
-    export var AvMic: __MaterialUI.SvgIcon;
-    export var AvMovie: __MaterialUI.SvgIcon;
-    export var AvMusicVideo: __MaterialUI.SvgIcon;
-    export var AvNewReleases: __MaterialUI.SvgIcon;
-    export var AvNotInterested: __MaterialUI.SvgIcon;
-    export var AvPauseCircleFilled: __MaterialUI.SvgIcon;
-    export var AvPauseCircleOutline: __MaterialUI.SvgIcon;
-    export var AvPause: __MaterialUI.SvgIcon;
-    export var AvPlayArrow: __MaterialUI.SvgIcon;
-    export var AvPlayCircleFilled: __MaterialUI.SvgIcon;
-    export var AvPlayCircleOutline: __MaterialUI.SvgIcon;
-    export var AvPlaylistAddCheck: __MaterialUI.SvgIcon;
-    export var AvPlaylistAdd: __MaterialUI.SvgIcon;
-    export var AvPlaylistPlay: __MaterialUI.SvgIcon;
-    export var AvQueueMusic: __MaterialUI.SvgIcon;
-    export var AvQueuePlayNext: __MaterialUI.SvgIcon;
-    export var AvQueue: __MaterialUI.SvgIcon;
-    export var AvRadio: __MaterialUI.SvgIcon;
-    export var AvRecentActors: __MaterialUI.SvgIcon;
-    export var AvRemoveFromQueue: __MaterialUI.SvgIcon;
-    export var AvRepeatOne: __MaterialUI.SvgIcon;
-    export var AvRepeat: __MaterialUI.SvgIcon;
-    export var AvReplay10: __MaterialUI.SvgIcon;
-    export var AvReplay30: __MaterialUI.SvgIcon;
-    export var AvReplay5: __MaterialUI.SvgIcon;
-    export var AvReplay: __MaterialUI.SvgIcon;
-    export var AvShuffle: __MaterialUI.SvgIcon;
-    export var AvSkipNext: __MaterialUI.SvgIcon;
-    export var AvSkipPrevious: __MaterialUI.SvgIcon;
-    export var AvSlowMotionVideo: __MaterialUI.SvgIcon;
-    export var AvSnooze: __MaterialUI.SvgIcon;
-    export var AvSortByAlpha: __MaterialUI.SvgIcon;
-    export var AvStop: __MaterialUI.SvgIcon;
-    export var AvSubscriptions: __MaterialUI.SvgIcon;
-    export var AvSubtitles: __MaterialUI.SvgIcon;
-    export var AvSurroundSound: __MaterialUI.SvgIcon;
-    export var AvVideoLibrary: __MaterialUI.SvgIcon;
-    export var AvVideocamOff: __MaterialUI.SvgIcon;
-    export var AvVideocam: __MaterialUI.SvgIcon;
-    export var AvVolumeDown: __MaterialUI.SvgIcon;
-    export var AvVolumeMute: __MaterialUI.SvgIcon;
-    export var AvVolumeOff: __MaterialUI.SvgIcon;
-    export var AvVolumeUp: __MaterialUI.SvgIcon;
-    export var AvWebAsset: __MaterialUI.SvgIcon;
-    export var AvWeb: __MaterialUI.SvgIcon;
-    export var CommunicationBusiness: __MaterialUI.SvgIcon;
-    export var CommunicationCallEnd: __MaterialUI.SvgIcon;
-    export var CommunicationCallMade: __MaterialUI.SvgIcon;
-    export var CommunicationCallMerge: __MaterialUI.SvgIcon;
-    export var CommunicationCallMissedOutgoing: __MaterialUI.SvgIcon;
-    export var CommunicationCallMissed: __MaterialUI.SvgIcon;
-    export var CommunicationCallReceived: __MaterialUI.SvgIcon;
-    export var CommunicationCallSplit: __MaterialUI.SvgIcon;
-    export var CommunicationCall: __MaterialUI.SvgIcon;
-    export var CommunicationChatBubbleOutline: __MaterialUI.SvgIcon;
-    export var CommunicationChatBubble: __MaterialUI.SvgIcon;
-    export var CommunicationChat: __MaterialUI.SvgIcon;
-    export var CommunicationClearAll: __MaterialUI.SvgIcon;
-    export var CommunicationComment: __MaterialUI.SvgIcon;
-    export var CommunicationContactMail: __MaterialUI.SvgIcon;
-    export var CommunicationContactPhone: __MaterialUI.SvgIcon;
-    export var CommunicationContacts: __MaterialUI.SvgIcon;
-    export var CommunicationDialerSip: __MaterialUI.SvgIcon;
-    export var CommunicationDialpad: __MaterialUI.SvgIcon;
-    export var CommunicationEmail: __MaterialUI.SvgIcon;
-    export var CommunicationForum: __MaterialUI.SvgIcon;
-    export var CommunicationImportContacts: __MaterialUI.SvgIcon;
-    export var CommunicationImportExport: __MaterialUI.SvgIcon;
-    export var CommunicationInvertColorsOff: __MaterialUI.SvgIcon;
-    export var CommunicationLiveHelp: __MaterialUI.SvgIcon;
-    export var CommunicationLocationOff: __MaterialUI.SvgIcon;
-    export var CommunicationLocationOn: __MaterialUI.SvgIcon;
-    export var CommunicationMailOutline: __MaterialUI.SvgIcon;
-    export var CommunicationMessage: __MaterialUI.SvgIcon;
-    export var CommunicationNoSim: __MaterialUI.SvgIcon;
-    export var CommunicationPhone: __MaterialUI.SvgIcon;
-    export var CommunicationPhonelinkErase: __MaterialUI.SvgIcon;
-    export var CommunicationPhonelinkLock: __MaterialUI.SvgIcon;
-    export var CommunicationPhonelinkRing: __MaterialUI.SvgIcon;
-    export var CommunicationPhonelinkSetup: __MaterialUI.SvgIcon;
-    export var CommunicationPortableWifiOff: __MaterialUI.SvgIcon;
-    export var CommunicationPresentToAll: __MaterialUI.SvgIcon;
-    export var CommunicationRingVolume: __MaterialUI.SvgIcon;
-    export var CommunicationScreenShare: __MaterialUI.SvgIcon;
-    export var CommunicationSpeakerPhone: __MaterialUI.SvgIcon;
-    export var CommunicationStayCurrentLandscape: __MaterialUI.SvgIcon;
-    export var CommunicationStayCurrentPortrait: __MaterialUI.SvgIcon;
-    export var CommunicationStayPrimaryLandscape: __MaterialUI.SvgIcon;
-    export var CommunicationStayPrimaryPortrait: __MaterialUI.SvgIcon;
-    export var CommunicationStopScreenShare: __MaterialUI.SvgIcon;
-    export var CommunicationSwapCalls: __MaterialUI.SvgIcon;
-    export var CommunicationTextsms: __MaterialUI.SvgIcon;
-    export var CommunicationVoicemail: __MaterialUI.SvgIcon;
-    export var CommunicationVpnKey: __MaterialUI.SvgIcon;
-    export var ContentAddBox: __MaterialUI.SvgIcon;
-    export var ContentAddCircleOutline: __MaterialUI.SvgIcon;
-    export var ContentAddCircle: __MaterialUI.SvgIcon;
-    export var ContentAdd: __MaterialUI.SvgIcon;
-    export var ContentArchive: __MaterialUI.SvgIcon;
-    export var ContentBackspace: __MaterialUI.SvgIcon;
-    export var ContentBlock: __MaterialUI.SvgIcon;
-    export var ContentClear: __MaterialUI.SvgIcon;
-    export var ContentContentCopy: __MaterialUI.SvgIcon;
-    export var ContentContentCut: __MaterialUI.SvgIcon;
-    export var ContentContentPaste: __MaterialUI.SvgIcon;
-    export var ContentCreate: __MaterialUI.SvgIcon;
-    export var ContentDrafts: __MaterialUI.SvgIcon;
-    export var ContentFilterList: __MaterialUI.SvgIcon;
-    export var ContentFlag: __MaterialUI.SvgIcon;
-    export var ContentFontDownload: __MaterialUI.SvgIcon;
-    export var ContentForward: __MaterialUI.SvgIcon;
-    export var ContentGesture: __MaterialUI.SvgIcon;
-    export var ContentInbox: __MaterialUI.SvgIcon;
-    export var ContentLink: __MaterialUI.SvgIcon;
-    export var ContentMail: __MaterialUI.SvgIcon;
-    export var ContentMarkunread: __MaterialUI.SvgIcon;
-    export var ContentMoveToInbox: __MaterialUI.SvgIcon;
-    export var ContentNextWeek: __MaterialUI.SvgIcon;
-    export var ContentRedo: __MaterialUI.SvgIcon;
-    export var ContentRemoveCircleOutline: __MaterialUI.SvgIcon;
-    export var ContentRemoveCircle: __MaterialUI.SvgIcon;
-    export var ContentRemove: __MaterialUI.SvgIcon;
-    export var ContentReplyAll: __MaterialUI.SvgIcon;
-    export var ContentReply: __MaterialUI.SvgIcon;
-    export var ContentReport: __MaterialUI.SvgIcon;
-    export var ContentSave: __MaterialUI.SvgIcon;
-    export var ContentSelectAll: __MaterialUI.SvgIcon;
-    export var ContentSend: __MaterialUI.SvgIcon;
-    export var ContentSort: __MaterialUI.SvgIcon;
-    export var ContentTextFormat: __MaterialUI.SvgIcon;
-    export var ContentUnarchive: __MaterialUI.SvgIcon;
-    export var ContentUndo: __MaterialUI.SvgIcon;
-    export var ContentWeekend: __MaterialUI.SvgIcon;
-    export var DeviceAccessAlarm: __MaterialUI.SvgIcon;
-    export var DeviceAccessAlarms: __MaterialUI.SvgIcon;
-    export var DeviceAccessTime: __MaterialUI.SvgIcon;
-    export var DeviceAddAlarm: __MaterialUI.SvgIcon;
-    export var DeviceAirplanemodeActive: __MaterialUI.SvgIcon;
-    export var DeviceAirplanemodeInactive: __MaterialUI.SvgIcon;
-    export var DeviceBattery20: __MaterialUI.SvgIcon;
-    export var DeviceBattery30: __MaterialUI.SvgIcon;
-    export var DeviceBattery50: __MaterialUI.SvgIcon;
-    export var DeviceBattery60: __MaterialUI.SvgIcon;
-    export var DeviceBattery80: __MaterialUI.SvgIcon;
-    export var DeviceBattery90: __MaterialUI.SvgIcon;
-    export var DeviceBatteryAlert: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging20: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging30: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging50: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging60: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging80: __MaterialUI.SvgIcon;
-    export var DeviceBatteryCharging90: __MaterialUI.SvgIcon;
-    export var DeviceBatteryChargingFull: __MaterialUI.SvgIcon;
-    export var DeviceBatteryFull: __MaterialUI.SvgIcon;
-    export var DeviceBatteryStd: __MaterialUI.SvgIcon;
-    export var DeviceBatteryUnknown: __MaterialUI.SvgIcon;
-    export var DeviceBluetoothConnected: __MaterialUI.SvgIcon;
-    export var DeviceBluetoothDisabled: __MaterialUI.SvgIcon;
-    export var DeviceBluetoothSearching: __MaterialUI.SvgIcon;
-    export var DeviceBluetooth: __MaterialUI.SvgIcon;
-    export var DeviceBrightnessAuto: __MaterialUI.SvgIcon;
-    export var DeviceBrightnessHigh: __MaterialUI.SvgIcon;
-    export var DeviceBrightnessLow: __MaterialUI.SvgIcon;
-    export var DeviceBrightnessMedium: __MaterialUI.SvgIcon;
-    export var DeviceDataUsage: __MaterialUI.SvgIcon;
-    export var DeviceDeveloperMode: __MaterialUI.SvgIcon;
-    export var DeviceDevices: __MaterialUI.SvgIcon;
-    export var DeviceDvr: __MaterialUI.SvgIcon;
-    export var DeviceGpsFixed: __MaterialUI.SvgIcon;
-    export var DeviceGpsNotFixed: __MaterialUI.SvgIcon;
-    export var DeviceGpsOff: __MaterialUI.SvgIcon;
-    export var DeviceGraphicEq: __MaterialUI.SvgIcon;
-    export var DeviceLocationDisabled: __MaterialUI.SvgIcon;
-    export var DeviceLocationSearching: __MaterialUI.SvgIcon;
-    export var DeviceNetworkCell: __MaterialUI.SvgIcon;
-    export var DeviceNetworkWifi: __MaterialUI.SvgIcon;
-    export var DeviceNfc: __MaterialUI.SvgIcon;
-    export var DeviceScreenLockLandscape: __MaterialUI.SvgIcon;
-    export var DeviceScreenLockPortrait: __MaterialUI.SvgIcon;
-    export var DeviceScreenLockRotation: __MaterialUI.SvgIcon;
-    export var DeviceScreenRotation: __MaterialUI.SvgIcon;
-    export var DeviceSdStorage: __MaterialUI.SvgIcon;
-    export var DeviceSettingsSystemDaydream: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellular0Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellular1Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellular2Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellular3Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellular4Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularConnectedNoInternet0Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularConnectedNoInternet1Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularConnectedNoInternet2Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularConnectedNoInternet3Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularConnectedNoInternet4Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularNoSim: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularNull: __MaterialUI.SvgIcon;
-    export var DeviceSignalCellularOff: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi0Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi1BarLock: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi1Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi2BarLock: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi2Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi3BarLock: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi3Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi4BarLock: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifi4Bar: __MaterialUI.SvgIcon;
-    export var DeviceSignalWifiOff: __MaterialUI.SvgIcon;
-    export var DeviceStorage: __MaterialUI.SvgIcon;
-    export var DeviceUsb: __MaterialUI.SvgIcon;
-    export var DeviceWallpaper: __MaterialUI.SvgIcon;
-    export var DeviceWidgets: __MaterialUI.SvgIcon;
-    export var DeviceWifiLock: __MaterialUI.SvgIcon;
-    export var DeviceWifiTethering: __MaterialUI.SvgIcon;
-    export var EditorAttachFile: __MaterialUI.SvgIcon;
-    export var EditorAttachMoney: __MaterialUI.SvgIcon;
-    export var EditorBorderAll: __MaterialUI.SvgIcon;
-    export var EditorBorderBottom: __MaterialUI.SvgIcon;
-    export var EditorBorderClear: __MaterialUI.SvgIcon;
-    export var EditorBorderColor: __MaterialUI.SvgIcon;
-    export var EditorBorderHorizontal: __MaterialUI.SvgIcon;
-    export var EditorBorderInner: __MaterialUI.SvgIcon;
-    export var EditorBorderLeft: __MaterialUI.SvgIcon;
-    export var EditorBorderOuter: __MaterialUI.SvgIcon;
-    export var EditorBorderRight: __MaterialUI.SvgIcon;
-    export var EditorBorderStyle: __MaterialUI.SvgIcon;
-    export var EditorBorderTop: __MaterialUI.SvgIcon;
-    export var EditorBorderVertical: __MaterialUI.SvgIcon;
-    export var EditorDragHandle: __MaterialUI.SvgIcon;
-    export var EditorFormatAlignCenter: __MaterialUI.SvgIcon;
-    export var EditorFormatAlignJustify: __MaterialUI.SvgIcon;
-    export var EditorFormatAlignLeft: __MaterialUI.SvgIcon;
-    export var EditorFormatAlignRight: __MaterialUI.SvgIcon;
-    export var EditorFormatBold: __MaterialUI.SvgIcon;
-    export var EditorFormatClear: __MaterialUI.SvgIcon;
-    export var EditorFormatColorFill: __MaterialUI.SvgIcon;
-    export var EditorFormatColorReset: __MaterialUI.SvgIcon;
-    export var EditorFormatColorText: __MaterialUI.SvgIcon;
-    export var EditorFormatIndentDecrease: __MaterialUI.SvgIcon;
-    export var EditorFormatIndentIncrease: __MaterialUI.SvgIcon;
-    export var EditorFormatItalic: __MaterialUI.SvgIcon;
-    export var EditorFormatLineSpacing: __MaterialUI.SvgIcon;
-    export var EditorFormatListBulleted: __MaterialUI.SvgIcon;
-    export var EditorFormatListNumbered: __MaterialUI.SvgIcon;
-    export var EditorFormatPaint: __MaterialUI.SvgIcon;
-    export var EditorFormatQuote: __MaterialUI.SvgIcon;
-    export var EditorFormatShapes: __MaterialUI.SvgIcon;
-    export var EditorFormatSize: __MaterialUI.SvgIcon;
-    export var EditorFormatStrikethrough: __MaterialUI.SvgIcon;
-    export var EditorFormatTextdirectionLToR: __MaterialUI.SvgIcon;
-    export var EditorFormatTextdirectionRToL: __MaterialUI.SvgIcon;
-    export var EditorFormatUnderlined: __MaterialUI.SvgIcon;
-    export var EditorFunctions: __MaterialUI.SvgIcon;
-    export var EditorHighlight: __MaterialUI.SvgIcon;
-    export var EditorInsertChart: __MaterialUI.SvgIcon;
-    export var EditorInsertComment: __MaterialUI.SvgIcon;
-    export var EditorInsertDriveFile: __MaterialUI.SvgIcon;
-    export var EditorInsertEmoticon: __MaterialUI.SvgIcon;
-    export var EditorInsertInvitation: __MaterialUI.SvgIcon;
-    export var EditorInsertLink: __MaterialUI.SvgIcon;
-    export var EditorInsertPhoto: __MaterialUI.SvgIcon;
-    export var EditorLinearScale: __MaterialUI.SvgIcon;
-    export var EditorMergeType: __MaterialUI.SvgIcon;
-    export var EditorModeComment: __MaterialUI.SvgIcon;
-    export var EditorModeEdit: __MaterialUI.SvgIcon;
-    export var EditorMoneyOff: __MaterialUI.SvgIcon;
-    export var EditorPublish: __MaterialUI.SvgIcon;
-    export var EditorShortText: __MaterialUI.SvgIcon;
-    export var EditorSpaceBar: __MaterialUI.SvgIcon;
-    export var EditorStrikethroughS: __MaterialUI.SvgIcon;
-    export var EditorTextFields: __MaterialUI.SvgIcon;
-    export var EditorVerticalAlignBottom: __MaterialUI.SvgIcon;
-    export var EditorVerticalAlignCenter: __MaterialUI.SvgIcon;
-    export var EditorVerticalAlignTop: __MaterialUI.SvgIcon;
-    export var EditorWrapText: __MaterialUI.SvgIcon;
-    export var FileAttachment: __MaterialUI.SvgIcon;
-    export var FileCloudCircle: __MaterialUI.SvgIcon;
-    export var FileCloudDone: __MaterialUI.SvgIcon;
-    export var FileCloudDownload: __MaterialUI.SvgIcon;
-    export var FileCloudOff: __MaterialUI.SvgIcon;
-    export var FileCloudQueue: __MaterialUI.SvgIcon;
-    export var FileCloudUpload: __MaterialUI.SvgIcon;
-    export var FileCloud: __MaterialUI.SvgIcon;
-    export var FileCreateNewFolder: __MaterialUI.SvgIcon;
-    export var FileFileDownload: __MaterialUI.SvgIcon;
-    export var FileFileUpload: __MaterialUI.SvgIcon;
-    export var FileFolderOpen: __MaterialUI.SvgIcon;
-    export var FileFolderShared: __MaterialUI.SvgIcon;
-    export var FileFolder: __MaterialUI.SvgIcon;
-    export var HardwareCastConnected: __MaterialUI.SvgIcon;
-    export var HardwareCast: __MaterialUI.SvgIcon;
-    export var HardwareComputer: __MaterialUI.SvgIcon;
-    export var HardwareDesktopMac: __MaterialUI.SvgIcon;
-    export var HardwareDesktopWindows: __MaterialUI.SvgIcon;
-    export var HardwareDeveloperBoard: __MaterialUI.SvgIcon;
-    export var HardwareDeviceHub: __MaterialUI.SvgIcon;
-    export var HardwareDevicesOther: __MaterialUI.SvgIcon;
-    export var HardwareDock: __MaterialUI.SvgIcon;
-    export var HardwareGamepad: __MaterialUI.SvgIcon;
-    export var HardwareHeadsetMic: __MaterialUI.SvgIcon;
-    export var HardwareHeadset: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardArrowDown: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardArrowLeft: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardArrowRight: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardArrowUp: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardBackspace: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardCapslock: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardHide: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardReturn: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardTab: __MaterialUI.SvgIcon;
-    export var HardwareKeyboardVoice: __MaterialUI.SvgIcon;
-    export var HardwareKeyboard: __MaterialUI.SvgIcon;
-    export var HardwareLaptopChromebook: __MaterialUI.SvgIcon;
-    export var HardwareLaptopMac: __MaterialUI.SvgIcon;
-    export var HardwareLaptopWindows: __MaterialUI.SvgIcon;
-    export var HardwareLaptop: __MaterialUI.SvgIcon;
-    export var HardwareMemory: __MaterialUI.SvgIcon;
-    export var HardwareMouse: __MaterialUI.SvgIcon;
-    export var HardwarePhoneAndroid: __MaterialUI.SvgIcon;
-    export var HardwarePhoneIphone: __MaterialUI.SvgIcon;
-    export var HardwarePhonelinkOff: __MaterialUI.SvgIcon;
-    export var HardwarePhonelink: __MaterialUI.SvgIcon;
-    export var HardwarePowerInput: __MaterialUI.SvgIcon;
-    export var HardwareRouter: __MaterialUI.SvgIcon;
-    export var HardwareScanner: __MaterialUI.SvgIcon;
-    export var HardwareSecurity: __MaterialUI.SvgIcon;
-    export var HardwareSimCard: __MaterialUI.SvgIcon;
-    export var HardwareSmartphone: __MaterialUI.SvgIcon;
-    export var HardwareSpeakerGroup: __MaterialUI.SvgIcon;
-    export var HardwareSpeaker: __MaterialUI.SvgIcon;
-    export var HardwareTabletAndroid: __MaterialUI.SvgIcon;
-    export var HardwareTabletMac: __MaterialUI.SvgIcon;
-    export var HardwareTablet: __MaterialUI.SvgIcon;
-    export var HardwareToys: __MaterialUI.SvgIcon;
-    export var HardwareTv: __MaterialUI.SvgIcon;
-    export var HardwareVideogameAsset: __MaterialUI.SvgIcon;
-    export var HardwareWatch: __MaterialUI.SvgIcon;
-    export var ImageAddAPhoto: __MaterialUI.SvgIcon;
-    export var ImageAddToPhotos: __MaterialUI.SvgIcon;
-    export var ImageAdjust: __MaterialUI.SvgIcon;
-    export var ImageAssistantPhoto: __MaterialUI.SvgIcon;
-    export var ImageAssistant: __MaterialUI.SvgIcon;
-    export var ImageAudiotrack: __MaterialUI.SvgIcon;
-    export var ImageBlurCircular: __MaterialUI.SvgIcon;
-    export var ImageBlurLinear: __MaterialUI.SvgIcon;
-    export var ImageBlurOff: __MaterialUI.SvgIcon;
-    export var ImageBlurOn: __MaterialUI.SvgIcon;
-    export var ImageBrightness1: __MaterialUI.SvgIcon;
-    export var ImageBrightness2: __MaterialUI.SvgIcon;
-    export var ImageBrightness3: __MaterialUI.SvgIcon;
-    export var ImageBrightness4: __MaterialUI.SvgIcon;
-    export var ImageBrightness5: __MaterialUI.SvgIcon;
-    export var ImageBrightness6: __MaterialUI.SvgIcon;
-    export var ImageBrightness7: __MaterialUI.SvgIcon;
-    export var ImageBrokenImage: __MaterialUI.SvgIcon;
-    export var ImageBrush: __MaterialUI.SvgIcon;
-    export var ImageCameraAlt: __MaterialUI.SvgIcon;
-    export var ImageCameraFront: __MaterialUI.SvgIcon;
-    export var ImageCameraRear: __MaterialUI.SvgIcon;
-    export var ImageCameraRoll: __MaterialUI.SvgIcon;
-    export var ImageCamera: __MaterialUI.SvgIcon;
-    export var ImageCenterFocusStrong: __MaterialUI.SvgIcon;
-    export var ImageCenterFocusWeak: __MaterialUI.SvgIcon;
-    export var ImageCollectionsBookmark: __MaterialUI.SvgIcon;
-    export var ImageCollections: __MaterialUI.SvgIcon;
-    export var ImageColorLens: __MaterialUI.SvgIcon;
-    export var ImageColorize: __MaterialUI.SvgIcon;
-    export var ImageCompare: __MaterialUI.SvgIcon;
-    export var ImageControlPointDuplicate: __MaterialUI.SvgIcon;
-    export var ImageControlPoint: __MaterialUI.SvgIcon;
-    export var ImageCrop169: __MaterialUI.SvgIcon;
-    export var ImageCrop32: __MaterialUI.SvgIcon;
-    export var ImageCrop54: __MaterialUI.SvgIcon;
-    export var ImageCrop75: __MaterialUI.SvgIcon;
-    export var ImageCropDin: __MaterialUI.SvgIcon;
-    export var ImageCropFree: __MaterialUI.SvgIcon;
-    export var ImageCropLandscape: __MaterialUI.SvgIcon;
-    export var ImageCropOriginal: __MaterialUI.SvgIcon;
-    export var ImageCropPortrait: __MaterialUI.SvgIcon;
-    export var ImageCropRotate: __MaterialUI.SvgIcon;
-    export var ImageCropSquare: __MaterialUI.SvgIcon;
-    export var ImageCrop: __MaterialUI.SvgIcon;
-    export var ImageDehaze: __MaterialUI.SvgIcon;
-    export var ImageDetails: __MaterialUI.SvgIcon;
-    export var ImageEdit: __MaterialUI.SvgIcon;
-    export var ImageExposureNeg1: __MaterialUI.SvgIcon;
-    export var ImageExposureNeg2: __MaterialUI.SvgIcon;
-    export var ImageExposurePlus1: __MaterialUI.SvgIcon;
-    export var ImageExposurePlus2: __MaterialUI.SvgIcon;
-    export var ImageExposureZero: __MaterialUI.SvgIcon;
-    export var ImageExposure: __MaterialUI.SvgIcon;
-    export var ImageFilter1: __MaterialUI.SvgIcon;
-    export var ImageFilter2: __MaterialUI.SvgIcon;
-    export var ImageFilter3: __MaterialUI.SvgIcon;
-    export var ImageFilter4: __MaterialUI.SvgIcon;
-    export var ImageFilter5: __MaterialUI.SvgIcon;
-    export var ImageFilter6: __MaterialUI.SvgIcon;
-    export var ImageFilter7: __MaterialUI.SvgIcon;
-    export var ImageFilter8: __MaterialUI.SvgIcon;
-    export var ImageFilter9Plus: __MaterialUI.SvgIcon;
-    export var ImageFilter9: __MaterialUI.SvgIcon;
-    export var ImageFilterBAndW: __MaterialUI.SvgIcon;
-    export var ImageFilterCenterFocus: __MaterialUI.SvgIcon;
-    export var ImageFilterDrama: __MaterialUI.SvgIcon;
-    export var ImageFilterFrames: __MaterialUI.SvgIcon;
-    export var ImageFilterHdr: __MaterialUI.SvgIcon;
-    export var ImageFilterNone: __MaterialUI.SvgIcon;
-    export var ImageFilterTiltShift: __MaterialUI.SvgIcon;
-    export var ImageFilterVintage: __MaterialUI.SvgIcon;
-    export var ImageFilter: __MaterialUI.SvgIcon;
-    export var ImageFlare: __MaterialUI.SvgIcon;
-    export var ImageFlashAuto: __MaterialUI.SvgIcon;
-    export var ImageFlashOff: __MaterialUI.SvgIcon;
-    export var ImageFlashOn: __MaterialUI.SvgIcon;
-    export var ImageFlip: __MaterialUI.SvgIcon;
-    export var ImageGradient: __MaterialUI.SvgIcon;
-    export var ImageGrain: __MaterialUI.SvgIcon;
-    export var ImageGridOff: __MaterialUI.SvgIcon;
-    export var ImageGridOn: __MaterialUI.SvgIcon;
-    export var ImageHdrOff: __MaterialUI.SvgIcon;
-    export var ImageHdrOn: __MaterialUI.SvgIcon;
-    export var ImageHdrStrong: __MaterialUI.SvgIcon;
-    export var ImageHdrWeak: __MaterialUI.SvgIcon;
-    export var ImageHealing: __MaterialUI.SvgIcon;
-    export var ImageImageAspectRatio: __MaterialUI.SvgIcon;
-    export var ImageImage: __MaterialUI.SvgIcon;
-    export var ImageIso: __MaterialUI.SvgIcon;
-    export var ImageLandscape: __MaterialUI.SvgIcon;
-    export var ImageLeakAdd: __MaterialUI.SvgIcon;
-    export var ImageLeakRemove: __MaterialUI.SvgIcon;
-    export var ImageLens: __MaterialUI.SvgIcon;
-    export var ImageLinkedCamera: __MaterialUI.SvgIcon;
-    export var ImageLooks3: __MaterialUI.SvgIcon;
-    export var ImageLooks4: __MaterialUI.SvgIcon;
-    export var ImageLooks5: __MaterialUI.SvgIcon;
-    export var ImageLooks6: __MaterialUI.SvgIcon;
-    export var ImageLooksOne: __MaterialUI.SvgIcon;
-    export var ImageLooksTwo: __MaterialUI.SvgIcon;
-    export var ImageLooks: __MaterialUI.SvgIcon;
-    export var ImageLoupe: __MaterialUI.SvgIcon;
-    export var ImageMonochromePhotos: __MaterialUI.SvgIcon;
-    export var ImageMovieCreation: __MaterialUI.SvgIcon;
-    export var ImageMovieFilter: __MaterialUI.SvgIcon;
-    export var ImageMusicNote: __MaterialUI.SvgIcon;
-    export var ImageNaturePeople: __MaterialUI.SvgIcon;
-    export var ImageNature: __MaterialUI.SvgIcon;
-    export var ImageNavigateBefore: __MaterialUI.SvgIcon;
-    export var ImageNavigateNext: __MaterialUI.SvgIcon;
-    export var ImagePalette: __MaterialUI.SvgIcon;
-    export var ImagePanoramaFishEye: __MaterialUI.SvgIcon;
-    export var ImagePanoramaHorizontal: __MaterialUI.SvgIcon;
-    export var ImagePanoramaVertical: __MaterialUI.SvgIcon;
-    export var ImagePanoramaWideAngle: __MaterialUI.SvgIcon;
-    export var ImagePanorama: __MaterialUI.SvgIcon;
-    export var ImagePhotoAlbum: __MaterialUI.SvgIcon;
-    export var ImagePhotoCamera: __MaterialUI.SvgIcon;
-    export var ImagePhotoFilter: __MaterialUI.SvgIcon;
-    export var ImagePhotoLibrary: __MaterialUI.SvgIcon;
-    export var ImagePhotoSizeSelectActual: __MaterialUI.SvgIcon;
-    export var ImagePhotoSizeSelectLarge: __MaterialUI.SvgIcon;
-    export var ImagePhotoSizeSelectSmall: __MaterialUI.SvgIcon;
-    export var ImagePhoto: __MaterialUI.SvgIcon;
-    export var ImagePictureAsPdf: __MaterialUI.SvgIcon;
-    export var ImagePortrait: __MaterialUI.SvgIcon;
-    export var ImageRemoveRedEye: __MaterialUI.SvgIcon;
-    export var ImageRotate90DegreesCcw: __MaterialUI.SvgIcon;
-    export var ImageRotateLeft: __MaterialUI.SvgIcon;
-    export var ImageRotateRight: __MaterialUI.SvgIcon;
-    export var ImageSlideshow: __MaterialUI.SvgIcon;
-    export var ImageStraighten: __MaterialUI.SvgIcon;
-    export var ImageStyle: __MaterialUI.SvgIcon;
-    export var ImageSwitchCamera: __MaterialUI.SvgIcon;
-    export var ImageSwitchVideo: __MaterialUI.SvgIcon;
-    export var ImageTagFaces: __MaterialUI.SvgIcon;
-    export var ImageTexture: __MaterialUI.SvgIcon;
-    export var ImageTimelapse: __MaterialUI.SvgIcon;
-    export var ImageTimer10: __MaterialUI.SvgIcon;
-    export var ImageTimer3: __MaterialUI.SvgIcon;
-    export var ImageTimerOff: __MaterialUI.SvgIcon;
-    export var ImageTimer: __MaterialUI.SvgIcon;
-    export var ImageTonality: __MaterialUI.SvgIcon;
-    export var ImageTransform: __MaterialUI.SvgIcon;
-    export var ImageTune: __MaterialUI.SvgIcon;
-    export var ImageViewComfy: __MaterialUI.SvgIcon;
-    export var ImageViewCompact: __MaterialUI.SvgIcon;
-    export var ImageVignette: __MaterialUI.SvgIcon;
-    export var ImageWbAuto: __MaterialUI.SvgIcon;
-    export var ImageWbCloudy: __MaterialUI.SvgIcon;
-    export var ImageWbIncandescent: __MaterialUI.SvgIcon;
-    export var ImageWbIridescent: __MaterialUI.SvgIcon;
-    export var ImageWbSunny: __MaterialUI.SvgIcon;
-    export var MapsAddLocation: __MaterialUI.SvgIcon;
-    export var MapsBeenhere: __MaterialUI.SvgIcon;
-    export var MapsDirectionsBike: __MaterialUI.SvgIcon;
-    export var MapsDirectionsBoat: __MaterialUI.SvgIcon;
-    export var MapsDirectionsBus: __MaterialUI.SvgIcon;
-    export var MapsDirectionsCar: __MaterialUI.SvgIcon;
-    export var MapsDirectionsRailway: __MaterialUI.SvgIcon;
-    export var MapsDirectionsRun: __MaterialUI.SvgIcon;
-    export var MapsDirectionsSubway: __MaterialUI.SvgIcon;
-    export var MapsDirectionsTransit: __MaterialUI.SvgIcon;
-    export var MapsDirectionsWalk: __MaterialUI.SvgIcon;
-    export var MapsDirections: __MaterialUI.SvgIcon;
-    export var MapsEditLocation: __MaterialUI.SvgIcon;
-    export var MapsFlight: __MaterialUI.SvgIcon;
-    export var MapsHotel: __MaterialUI.SvgIcon;
-    export var MapsLayersClear: __MaterialUI.SvgIcon;
-    export var MapsLayers: __MaterialUI.SvgIcon;
-    export var MapsLocalActivity: __MaterialUI.SvgIcon;
-    export var MapsLocalAirport: __MaterialUI.SvgIcon;
-    export var MapsLocalAtm: __MaterialUI.SvgIcon;
-    export var MapsLocalBar: __MaterialUI.SvgIcon;
-    export var MapsLocalCafe: __MaterialUI.SvgIcon;
-    export var MapsLocalCarWash: __MaterialUI.SvgIcon;
-    export var MapsLocalConvenienceStore: __MaterialUI.SvgIcon;
-    export var MapsLocalDining: __MaterialUI.SvgIcon;
-    export var MapsLocalDrink: __MaterialUI.SvgIcon;
-    export var MapsLocalFlorist: __MaterialUI.SvgIcon;
-    export var MapsLocalGasStation: __MaterialUI.SvgIcon;
-    export var MapsLocalGroceryStore: __MaterialUI.SvgIcon;
-    export var MapsLocalHospital: __MaterialUI.SvgIcon;
-    export var MapsLocalHotel: __MaterialUI.SvgIcon;
-    export var MapsLocalLaundryService: __MaterialUI.SvgIcon;
-    export var MapsLocalLibrary: __MaterialUI.SvgIcon;
-    export var MapsLocalMall: __MaterialUI.SvgIcon;
-    export var MapsLocalMovies: __MaterialUI.SvgIcon;
-    export var MapsLocalOffer: __MaterialUI.SvgIcon;
-    export var MapsLocalParking: __MaterialUI.SvgIcon;
-    export var MapsLocalPharmacy: __MaterialUI.SvgIcon;
-    export var MapsLocalPhone: __MaterialUI.SvgIcon;
-    export var MapsLocalPizza: __MaterialUI.SvgIcon;
-    export var MapsLocalPlay: __MaterialUI.SvgIcon;
-    export var MapsLocalPostOffice: __MaterialUI.SvgIcon;
-    export var MapsLocalPrintshop: __MaterialUI.SvgIcon;
-    export var MapsLocalSee: __MaterialUI.SvgIcon;
-    export var MapsLocalShipping: __MaterialUI.SvgIcon;
-    export var MapsLocalTaxi: __MaterialUI.SvgIcon;
-    export var MapsMap: __MaterialUI.SvgIcon;
-    export var MapsMyLocation: __MaterialUI.SvgIcon;
-    export var MapsNavigation: __MaterialUI.SvgIcon;
-    export var MapsNearMe: __MaterialUI.SvgIcon;
-    export var MapsPersonPinCircle: __MaterialUI.SvgIcon;
-    export var MapsPersonPin: __MaterialUI.SvgIcon;
-    export var MapsPinDrop: __MaterialUI.SvgIcon;
-    export var MapsPlace: __MaterialUI.SvgIcon;
-    export var MapsRateReview: __MaterialUI.SvgIcon;
-    export var MapsRestaurantMenu: __MaterialUI.SvgIcon;
-    export var MapsSatellite: __MaterialUI.SvgIcon;
-    export var MapsStoreMallDirectory: __MaterialUI.SvgIcon;
-    export var MapsTerrain: __MaterialUI.SvgIcon;
-    export var MapsTraffic: __MaterialUI.SvgIcon;
-    export var MapsZoomOutMap: __MaterialUI.SvgIcon;
-    export var NavigationApps: __MaterialUI.SvgIcon;
-    export var NavigationArrowBack: __MaterialUI.SvgIcon;
-    export var NavigationArrowDownward: __MaterialUI.SvgIcon;
-    export var NavigationArrowDropDownCircle: __MaterialUI.SvgIcon;
-    export var NavigationArrowDropDown: __MaterialUI.SvgIcon;
-    export var NavigationArrowDropUp: __MaterialUI.SvgIcon;
-    export var NavigationArrowForward: __MaterialUI.SvgIcon;
-    export var NavigationArrowUpward: __MaterialUI.SvgIcon;
-    export var NavigationCancel: __MaterialUI.SvgIcon;
-    export var NavigationCheck: __MaterialUI.SvgIcon;
-    export var NavigationChevronLeft: __MaterialUI.SvgIcon;
-    export var NavigationChevronRight: __MaterialUI.SvgIcon;
-    export var NavigationClose: __MaterialUI.SvgIcon;
-    export var NavigationExpandLess: __MaterialUI.SvgIcon;
-    export var NavigationExpandMore: __MaterialUI.SvgIcon;
-    export var NavigationFullscreenExit: __MaterialUI.SvgIcon;
-    export var NavigationFullscreen: __MaterialUI.SvgIcon;
-    export var NavigationMenu: __MaterialUI.SvgIcon;
-    export var NavigationMoreHoriz: __MaterialUI.SvgIcon;
-    export var NavigationMoreVert: __MaterialUI.SvgIcon;
-    export var NavigationRefresh: __MaterialUI.SvgIcon;
-    export var NavigationSubdirectoryArrowLeft: __MaterialUI.SvgIcon;
-    export var NavigationSubdirectoryArrowRight: __MaterialUI.SvgIcon;
-    export var NavigationUnfoldLess: __MaterialUI.SvgIcon;
-    export var NavigationUnfoldMore: __MaterialUI.SvgIcon;
-    export var NavigationArrowDropRight: __MaterialUI.SvgIcon;
-    export var NotificationAdb: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatFlatAngled: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatFlat: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatIndividualSuite: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatLegroomExtra: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatLegroomNormal: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatLegroomReduced: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatReclineExtra: __MaterialUI.SvgIcon;
-    export var NotificationAirlineSeatReclineNormal: __MaterialUI.SvgIcon;
-    export var NotificationBluetoothAudio: __MaterialUI.SvgIcon;
-    export var NotificationConfirmationNumber: __MaterialUI.SvgIcon;
-    export var NotificationDiscFull: __MaterialUI.SvgIcon;
-    export var NotificationDoNotDisturbAlt: __MaterialUI.SvgIcon;
-    export var NotificationDoNotDisturb: __MaterialUI.SvgIcon;
-    export var NotificationDriveEta: __MaterialUI.SvgIcon;
-    export var NotificationEnhancedEncryption: __MaterialUI.SvgIcon;
-    export var NotificationEventAvailable: __MaterialUI.SvgIcon;
-    export var NotificationEventBusy: __MaterialUI.SvgIcon;
-    export var NotificationEventNote: __MaterialUI.SvgIcon;
-    export var NotificationFolderSpecial: __MaterialUI.SvgIcon;
-    export var NotificationLiveTv: __MaterialUI.SvgIcon;
-    export var NotificationMms: __MaterialUI.SvgIcon;
-    export var NotificationMore: __MaterialUI.SvgIcon;
-    export var NotificationNetworkCheck: __MaterialUI.SvgIcon;
-    export var NotificationNetworkLocked: __MaterialUI.SvgIcon;
-    export var NotificationNoEncryption: __MaterialUI.SvgIcon;
-    export var NotificationOndemandVideo: __MaterialUI.SvgIcon;
-    export var NotificationPersonalVideo: __MaterialUI.SvgIcon;
-    export var NotificationPhoneBluetoothSpeaker: __MaterialUI.SvgIcon;
-    export var NotificationPhoneForwarded: __MaterialUI.SvgIcon;
-    export var NotificationPhoneInTalk: __MaterialUI.SvgIcon;
-    export var NotificationPhoneLocked: __MaterialUI.SvgIcon;
-    export var NotificationPhoneMissed: __MaterialUI.SvgIcon;
-    export var NotificationPhonePaused: __MaterialUI.SvgIcon;
-    export var NotificationPower: __MaterialUI.SvgIcon;
-    export var NotificationRvHookup: __MaterialUI.SvgIcon;
-    export var NotificationSdCard: __MaterialUI.SvgIcon;
-    export var NotificationSimCardAlert: __MaterialUI.SvgIcon;
-    export var NotificationSmsFailed: __MaterialUI.SvgIcon;
-    export var NotificationSms: __MaterialUI.SvgIcon;
-    export var NotificationSyncDisabled: __MaterialUI.SvgIcon;
-    export var NotificationSyncProblem: __MaterialUI.SvgIcon;
-    export var NotificationSync: __MaterialUI.SvgIcon;
-    export var NotificationSystemUpdate: __MaterialUI.SvgIcon;
-    export var NotificationTapAndPlay: __MaterialUI.SvgIcon;
-    export var NotificationTimeToLeave: __MaterialUI.SvgIcon;
-    export var NotificationVibration: __MaterialUI.SvgIcon;
-    export var NotificationVoiceChat: __MaterialUI.SvgIcon;
-    export var NotificationVpnLock: __MaterialUI.SvgIcon;
-    export var NotificationWc: __MaterialUI.SvgIcon;
-    export var NotificationWifi: __MaterialUI.SvgIcon;
-    export var PlacesAcUnit: __MaterialUI.SvgIcon;
-    export var PlacesAirportShuttle: __MaterialUI.SvgIcon;
-    export var PlacesAllInclusive: __MaterialUI.SvgIcon;
-    export var PlacesBeachAccess: __MaterialUI.SvgIcon;
-    export var PlacesBusinessCenter: __MaterialUI.SvgIcon;
-    export var PlacesCasino: __MaterialUI.SvgIcon;
-    export var PlacesChildCare: __MaterialUI.SvgIcon;
-    export var PlacesChildFriendly: __MaterialUI.SvgIcon;
-    export var PlacesFitnessCenter: __MaterialUI.SvgIcon;
-    export var PlacesFreeBreakfast: __MaterialUI.SvgIcon;
-    export var PlacesGolfCourse: __MaterialUI.SvgIcon;
-    export var PlacesHotTub: __MaterialUI.SvgIcon;
-    export var PlacesKitchen: __MaterialUI.SvgIcon;
-    export var PlacesPool: __MaterialUI.SvgIcon;
-    export var PlacesRoomService: __MaterialUI.SvgIcon;
-    export var PlacesSmokeFree: __MaterialUI.SvgIcon;
-    export var PlacesSmokingRooms: __MaterialUI.SvgIcon;
-    export var PlacesSpa: __MaterialUI.SvgIcon;
-    export var SocialCake: __MaterialUI.SvgIcon;
-    export var SocialDomain: __MaterialUI.SvgIcon;
-    export var SocialGroupAdd: __MaterialUI.SvgIcon;
-    export var SocialGroup: __MaterialUI.SvgIcon;
-    export var SocialLocationCity: __MaterialUI.SvgIcon;
-    export var SocialMoodBad: __MaterialUI.SvgIcon;
-    export var SocialMood: __MaterialUI.SvgIcon;
-    export var SocialNotificationsActive: __MaterialUI.SvgIcon;
-    export var SocialNotificationsNone: __MaterialUI.SvgIcon;
-    export var SocialNotificationsOff: __MaterialUI.SvgIcon;
-    export var SocialNotificationsPaused: __MaterialUI.SvgIcon;
-    export var SocialNotifications: __MaterialUI.SvgIcon;
-    export var SocialPages: __MaterialUI.SvgIcon;
-    export var SocialPartyMode: __MaterialUI.SvgIcon;
-    export var SocialPeopleOutline: __MaterialUI.SvgIcon;
-    export var SocialPeople: __MaterialUI.SvgIcon;
-    export var SocialPersonAdd: __MaterialUI.SvgIcon;
-    export var SocialPersonOutline: __MaterialUI.SvgIcon;
-    export var SocialPerson: __MaterialUI.SvgIcon;
-    export var SocialPlusOne: __MaterialUI.SvgIcon;
-    export var SocialPoll: __MaterialUI.SvgIcon;
-    export var SocialPublic: __MaterialUI.SvgIcon;
-    export var SocialSchool: __MaterialUI.SvgIcon;
-    export var SocialShare: __MaterialUI.SvgIcon;
-    export var SocialWhatshot: __MaterialUI.SvgIcon;
-    export var ToggleCheckBoxOutlineBlank: __MaterialUI.SvgIcon;
-    export var ToggleCheckBox: __MaterialUI.SvgIcon;
-    export var ToggleIndeterminateCheckBox: __MaterialUI.SvgIcon;
-    export var ToggleRadioButtonChecked: __MaterialUI.SvgIcon;
-    export var ToggleRadioButtonUnchecked: __MaterialUI.SvgIcon;
-    export var ToggleStarBorder: __MaterialUI.SvgIcon;
-    export var ToggleStarHalf: __MaterialUI.SvgIcon;
-    export var ToggleStar: __MaterialUI.SvgIcon;
-}
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.14.4-tests.tsx b/material-ui/legacy/material-ui-0.14.4-tests.tsx
deleted file mode 100644
index 0d112fcaa8..0000000000
--- a/material-ui/legacy/material-ui-0.14.4-tests.tsx
+++ /dev/null
@@ -1,2302 +0,0 @@
-///<reference path='../../react/react.d.ts' />
-///<reference path='../../react/react-addons-linked-state-mixin.d.ts' />
-///<reference path='material-ui-0.14.4.d.ts' />
-
-import * as React from "react";
-import * as LinkedStateMixin from "react-addons-linked-state-mixin";
-import * as MaterialUi from "material-ui";
-import ActionGrade from "material-ui/lib/svg-icons/action/grade";
-import AppBar from "material-ui/lib/app-bar";
-import ArrowDropRight from "material-ui/lib/svg-icons/navigation-arrow-drop-right";
-import AutoComplete from 'material-ui/lib/auto-complete';
-import Avatar from "material-ui/lib/avatar";
-import Badge from "material-ui/lib/badge";
-import Card from "material-ui/lib/card/card";
-import CardActions from "material-ui/lib/card/card-actions";
-import CardHeader from "material-ui/lib/card/card-header";
-import CardMedia from 'material-ui/lib/card/card-media';
-import CardText from "material-ui/lib/card/card-text";
-import CardTitle from 'material-ui/lib/card/card-title';
-import Checkbox from "material-ui/lib/checkbox";
-import CircularProgress from 'material-ui/lib/circular-progress';
-import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
-import Colors from "material-ui/lib/styles/colors";
-import DatePicker from "material-ui/lib/date-picker/date-picker";
-import Dialog from "material-ui/lib/dialog";
-import Divider from 'material-ui/lib/divider';
-import DropDownMenu from "material-ui/lib/drop-down-menu";
-import FileFolder from "material-ui/lib/svg-icons/file/folder";
-import FlatButton from "material-ui/lib/flat-button";
-import FloatingActionButton from "material-ui/lib/floating-action-button";
-import FontIcon from "material-ui/lib/font-icon";
-import GridList from 'material-ui/lib/grid-list/grid-list';
-import GridTile from 'material-ui/lib/grid-list/grid-tile';
-import IconButton from "material-ui/lib/icon-button";
-import IconMenu from "material-ui/lib/menus/icon-menu";
-import LeftNav from 'material-ui/lib/left-nav';
-import LinearProgress from 'material-ui/lib/linear-progress';
-import List from 'material-ui/lib/lists/list';
-import ListItem from 'material-ui/lib/lists/list-item';
-import Menu from 'material-ui/lib/menus/menu';
-import MenuItem from 'material-ui/lib/menus/menu-item';
-import Paper from 'material-ui/lib/paper';
-import Popover from 'material-ui/lib/popover/popover';
-import PopoverAnimationFromTop from 'material-ui/lib/popover/popover-animation-from-top';
-import RadioButton from "material-ui/lib/radio-button";
-import RadioButtonGroup from "material-ui/lib/radio-button-group";
-import RaisedButton from "material-ui/lib/raised-button";
-import RefreshIndicator from 'material-ui/lib/refresh-indicator';
-import SelectField from "material-ui/lib/select-field";
-import Slider from 'material-ui/lib/slider';
-import Snackbar from 'material-ui/lib/snackbar';
-import Spacing from "material-ui/lib/styles/spacing";
-import Styles from 'material-ui/lib/styles';
-import SvgIcon from 'material-ui/lib/svg-icon';
-import Tab from 'material-ui/lib/tabs/tab';
-import Table from 'material-ui/lib/table/table';
-import TableBody from 'material-ui/lib/table/table-body';
-import TableFooter from 'material-ui/lib/table/table-footer';
-import TableHeader from 'material-ui/lib/table/table-header';
-import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
-import TableRow from 'material-ui/lib/table/table-row';
-import TableRowColumn from 'material-ui/lib/table/table-row-column';
-import Tabs from 'material-ui/lib/tabs/tabs';
-import TextField from "material-ui/lib/text-field";
-import ThemeDecorator from 'material-ui/lib/styles/theme-decorator';
-import ThemeManager from 'material-ui/lib/styles/theme-manager';
-import TimePicker from "material-ui/lib/time-picker";
-import Toggle from "material-ui/lib/toggle";
-import ToggleStar from "material-ui/lib/svg-icons/toggle/star";
-import ToggleStarBorder from "material-ui/lib/svg-icons/toggle/star-border";
-import Toolbar from 'material-ui/lib/toolbar/toolbar';
-import ToolbarGroup from 'material-ui/lib/toolbar/toolbar-group';
-import ToolbarSeparator from 'material-ui/lib/toolbar/toolbar-separator';
-import ToolbarTitle from 'material-ui/lib/toolbar/toolbar-title';
-import Typography from "material-ui/lib/styles/typography";
-import zIndex from 'material-ui/lib/styles/zIndex';
-
-import {SelectableContainerEnhance} from 'material-ui/lib/hoc/selectable-enhance';
-
-import * as Icons from "material-ui/lib/svg-icons";
-import ActionAndroid from 'material-ui/lib/svg-icons/action/android';
-import ActionFavorite from 'material-ui/lib/svg-icons/action/favorite';
-import ActionFavoriteBorder from 'material-ui/lib/svg-icons/action/favorite-border';
-import ActionFlightTakeoff from 'material-ui/lib/svg-icons/action/flight-takeoff';
-import ActionHome from 'material-ui/lib/svg-icons/action/home';
-import ActionInfo from 'material-ui/lib/svg-icons/action/info';
-import CommunicationChatBubble from 'material-ui/lib/svg-icons/communication/chat-bubble';
-import ContentAdd from 'material-ui/lib/svg-icons/content/add';
-import ContentCopy from 'material-ui/lib/svg-icons/content/content-copy';
-import ContentDrafts from 'material-ui/lib/svg-icons/content/drafts';
-import ContentFilter from 'material-ui/lib/svg-icons/content/filter-list';
-import ContentInbox from 'material-ui/lib/svg-icons/content/inbox';
-import ContentLink from 'material-ui/lib/svg-icons/content/link';
-import ContentSend from 'material-ui/lib/svg-icons/content/send';
-import Delete from 'material-ui/lib/svg-icons/action/delete';
-import Download from 'material-ui/lib/svg-icons/file/file-download';
-import FileCloudDownload from 'material-ui/lib/svg-icons/file/cloud-download';
-import FolderIcon from 'material-ui/lib/svg-icons/file/folder-open';
-import HardwareVideogameAsset from 'material-ui/lib/svg-icons/hardware/videogame-asset';
-import MapsPlace from 'material-ui/lib/svg-icons/maps/place';
-import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
-import NavigationClose from "material-ui/lib/svg-icons/navigation/close";
-import NavigationExpandMoreIcon from 'material-ui/lib/svg-icons/navigation/expand-more';
-import NotificationsIcon from 'material-ui/lib/svg-icons/social/notifications';
-import PersonAdd from 'material-ui/lib/svg-icons/social/person-add';
-import RemoveRedEye from 'material-ui/lib/svg-icons/image/remove-red-eye';
-import StarBorder from 'material-ui/lib/svg-icons/toggle/star-border';
-import UploadIcon from 'material-ui/lib/svg-icons/file/cloud-upload';
-
-
-type CheckboxProps = __MaterialUI.CheckboxProps;
-type MuiTheme = __MaterialUI.Styles.MuiTheme;
-type TouchTapEvent = __MaterialUI.TouchTapEvent;
-
-interface MaterialUiTestsState {
-    showDialogStandardActions: boolean;
-    showDialogCustomActions: boolean;
-    showDialogScrollable: boolean;
-    value: number;
-    dataSource: [string];
-    minDate: Date;
-    maxDate: Date;
-    autoOk: boolean;
-    disableYearSelection: boolean;
-    open: boolean;
-    valueSingle: string;
-    valueMultiple: string[];
-    anchorEl: Element;
-    completed: number;
-    message: string;
-    autoHideDuration: number;
-    fixedHeader: boolean;
-    fixedFooter: boolean;
-    stripedRows: boolean;
-    showRowHover: boolean;
-    selectable: boolean;
-    multiSelectable: boolean;
-    enableSelectAll: boolean;
-    deselectOnClickaway: boolean;
-    height: string;
-}
-
-// "http://www.material-ui.com/#/customization/themes"
-let muiTheme: MuiTheme = ThemeManager.getMuiTheme({
-    spacing: Spacing,
-    zIndex: zIndex,
-    fontFamily: 'Roboto, sans-serif',
-    palette: {
-        primary1Color: Colors.cyan500,
-        primary2Color: Colors.cyan700,
-        primary3Color: Colors.lightBlack,
-        accent1Color: Colors.pinkA200,
-        accent2Color: Colors.grey100,
-        accent3Color: Colors.grey500,
-        textColor: Colors.darkBlack,
-        alternateTextColor: Colors.white,
-        canvasColor: Colors.white,
-        borderColor: Colors.grey300,
-        disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
-        pickerHeaderColor: Colors.cyan500,
-    }
-});
-
-let SelectableList = SelectableContainerEnhance(List);
-
-@ThemeDecorator(muiTheme)
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> implements React.LinkedStateMixin {
-
-    // injected with mixin
-    linkState: <T>(key: string) => React.ReactLink<T>;
-
-    private picker12hr: TimePicker;
-    private picker24hr: TimePicker;
-
-    private touchTapEventHandler(e: TouchTapEvent) {
-        console.info("Received touch tap", e);
-    }
-    private formEventHandler(e: React.FormEvent) {
-    }
-    private selectFieldChangeHandler(e: TouchTapEvent, si: number, mi: any) {
-    }
-    private handleRequestClose(buttonClicked: boolean) {
-    }
-    private handleRequestCloseReason(reason: string) {
-    }
-    private handleToggle() { 
-        this.setState(Object.assign({}, this.state, { open: !this.state.open }));
-    }
-    private handleClose() {
-        this.setState(Object.assign({}, this.state, { open: false }));
-    }
-    private handleChangeSingle(event: React.MouseEvent, value: string){
-    }
-    private handleChangeMultiple(event: React.MouseEvent, value: string[]) {
-    }
-
-    private handleChange = (e: TouchTapEvent, index: number, value: number) => this.setState(Object.assign({}, this.state, { value }));
-
-    private handleUpdateInput(t: string) {
-        this.setState(Object.assign({}, this.state, {
-            dataSource: [t, t + t, t + t + t],
-        }));
-    }
-    private handleTouchTap(e: TouchTapEvent) {
-        alert('onTouchTap triggered on the title component');
-    }
-    private handleActionTouchTap() {
-        this.setState(Object.assign({}, this.state, {open: false,}));
-        alert('Event removed from your calendar.');
-    }
-    private handleChangeDuration = (event: React.FormEvent) => {
-        const value = event.target["value"];
-        this.setState(Object.assign({}, this.state, {
-            autoHideDuration: value.length > 0 ? parseInt(value) : 0,
-        }));
-    }
-    private onRowSelection(selectedRows: number[] | string) {
-    }
-    private handleActive(tab: Tab) {
-        alert(`A tab with this route property ${tab.props.value} was activated.`);
-    }
-    private handleChangeTabs(value: any, e: React.FormEvent, tab: Tab) {
-    }
-    private handleChangeTimePicker12(err, time) {
-        this.picker12hr.setTime(time);
-    };
-
-    private handleChangeTimePicker24(err, time) {
-        this.picker24hr.setTime(time);
-    };
-
-    render() {
-
-        const styles = {
-            title: {
-                cursor: 'pointer',
-            },
-            exampleImageInput: {
-                cursor: 'pointer',
-                position: 'absolute',
-                top: 0,
-                bottom: 0,
-                right: 0,
-                left: 0,
-                width: '100%',
-                opacity: 0,
-            },
-            button: {
-                margin: 12,
-            },
-            floatingButton: {
-                marginRight: 20,
-            },
-            textField: {
-                marginLeft: 20,
-            },
-            floatLeft: {
-                float: 'left',
-            },
-            root: {
-                display: 'flex',
-                flexWrap: 'wrap',
-                justifyContent: 'space-around',
-            },
-            gridList: {
-                width: 500,
-                height: 400,
-                overflowY: 'auto',
-                marginBottom: 24,
-            },
-            icons: {
-                marginRight: 24,
-            },
-            menu: {
-                marginRight: 32,
-                marginBottom: 32,
-                float: 'left',
-                position: 'relative',
-                zIndex: 0,
-            },
-            rightIcon: {
-                textAlign: 'center',
-                lineHeight: '24px',
-            },
-            paper: {
-                height: 100,
-                width: 100,
-                margin: 20,
-                textAlign: 'center',
-                display: 'inline-block',
-            },
-            popover: {
-                padding: 20,
-            },
-            container: {
-                position: 'relative',
-            },
-            refresh: {
-                display: 'inline-block',
-                position: 'relative',
-            },
-            block: {
-                maxWidth: 250,
-            },
-            checkbox: {
-                marginBottom: 16,
-            },
-            radioButton: {
-                marginBottom: 16,
-            },
-            toggle: {
-                marginBottom: 16,
-            },
-            propContainerStyle: {
-                width: 200,
-                overflow: 'hidden',
-                margin: '20px auto 0',
-            },
-            propToggleHeader: {
-                margin: '20px auto 10px',
-            },
-            headline: {
-                fontSize: 24,
-                paddingTop: 16,
-                marginBottom: 12,
-                fontWeight: 400,
-            },
-            errorStyle: {
-                color: Colors.orange500,
-            },
-            underlineStyle: {
-                borderColor: Colors.orange500,
-            },
-        };
-        const colors = Styles.Colors;
-
-        // "http://www.material-ui.com/#/customization/inline-styles"
-        let element: React.ReactElement<any>;
-        element = <Checkbox
-            id="checkboxId1"
-            name="checkboxName1"
-            value="checkboxValue1"
-            label="went for a run today"
-            style={{
-                width: '50%',
-                margin: '0 auto'
-            }}
-            iconStyle={{
-                fill: '#FF4081'
-            }}/>
-        element = React.createElement<CheckboxProps>(Checkbox, {
-            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
-                width: '50%',
-                margin: '0 auto'
-            }, iconStyle: {
-                fill: '#FF4081'
-            }
-        });
-
-        // "http://www.material-ui.com/#/components/app-bar"
-        const AppBarExampleIcon = () => (
-            <AppBar
-                title="Title"
-                iconClassNameRight="muidocs-icon-navigation-expand-more"
-            />
-        );
-
-        const AppBarExampleIconButton = () => (
-            <AppBar
-                title={<span style={styles.title}>Title</span>}
-                onTitleTouchTap={this.handleTouchTap}
-                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-                iconElementRight={<FlatButton label="Save" />}
-                />
-        );
-        const AppBarExampleIconMenu = () => (
-            <AppBar
-                title="Title"
-                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-                iconElementRight={
-                    <IconMenu
-                        iconButtonElement={
-                            <IconButton><MoreVertIcon /></IconButton>
-                        }
-                        targetOrigin={{ horizontal: 'right', vertical: 'top' }}
-                        anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    >
-                        <MenuItem primaryText="Refresh" />
-                        <MenuItem primaryText="Help" />
-                        <MenuItem primaryText="Sign out" />
-                    </IconMenu>
-                }
-            />
-        );
-
-        // "http://www.material-ui.com/#/components/auto-complete"
-        element =   <AutoComplete
-                        hintText="Type c"
-                        dataSource={this.state.dataSource}
-                        onUpdateInput={this.handleUpdateInput}
-                    />
-
-        const dataSource1 = [
-            {
-                text: 'text-value1',
-                value: (
-                    <MenuItem
-                        primaryText="text-value1"
-                        secondaryText="&#9786;"
-                        />
-                ),
-            },
-            {
-                text: 'text-value2',
-                value: (
-                    <MenuItem
-                        primaryText="text-value2"
-                        secondaryText="&#9786;"
-                        />
-                ),
-            },
-        ];
-
-        const dataSource2 = ['12345', '23456', '34567'];
-
-        const AutoCompleteExampleNoFilter = () => (
-            <div>
-                <AutoComplete
-                    hintText="text-value data"
-                    filter={AutoComplete.noFilter}
-                    dataSource={dataSource1}
-                /><br/>
-                <AutoComplete
-                    floatingLabelText="showAllItems"
-                    filter={AutoComplete.noFilter}
-                    triggerUpdateOnFocus={true}
-                    dataSource={dataSource2}
-                />
-            </div>
-        );
-
-        const AutoCompleteExampleFilters = () => (
-            <div>
-                <AutoComplete
-                    floatingLabelText="Type t, fuzzy search"
-                    filter={AutoComplete.fuzzyFilter}
-                    dataSource={dataSource2}
-                />
-                <br/>
-                <AutoComplete
-                    floatingLabelText="Type r, case insensitive"
-                    filter={AutoComplete.caseInsensitiveFilter}
-                    dataSource={dataSource2}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/avatar"
-        const AvatarExampleSimple = () => (
-            <List>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar src="images/uxceo-128.jpg" />
-                    }
-                    >
-                    Image Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
-                    }
-                    >
-                    FontIcon Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-                        color={colors.blue300}
-                        backgroundColor={colors.indigo900}
-                        />
-                    }
-                    >
-                    FontIcon Avatar with custom colors
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar icon={<FileFolder />} />
-                    }
-                >
-                    SvgIcon Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        icon={<FileFolder />}
-                        color={colors.orange200}
-                        backgroundColor={colors.pink400}
-                        />
-                    }
-                >
-                    SvgIcon Avatar with custom colors
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={<Avatar>A</Avatar>}
-                >
-                    Letter Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        color={colors.deepOrange300}
-                        backgroundColor={colors.purple500}
-                        >
-                        A
-                        </Avatar>
-                    }
-                >
-                    Letter Avatar with custom colors
-                </ListItem>
-            </List>
-        );
-
-        //image avatar
-        element = <Avatar src="images/uxceo-128.jpg" />;
-        //SvgIcon avatar
-        element = <Avatar icon={<FileFolder />} />;
-        //SvgIcon avatar with custom colors
-        element = <Avatar
-            icon={<FileFolder />}
-            color={Colors.orange200}
-            backgroundColor={Colors.pink400} />;
-        //FontIcon avatar
-        element = <Avatar
-            icon={
-            <FontIcon className="muidocs-icon-communication-voicemail" />
-            } />;
-        //FontIcon avatar with custom colors
-        element = <Avatar
-            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-            color={Colors.blue300}
-            backgroundColor={Colors.indigo900} />;
-        //Letter avatar
-        element = <Avatar>A</Avatar>;
-        //Letter avatar with custom colors
-        element = <Avatar
-            color={Colors.deepOrange300}
-            backgroundColor={Colors.purple500}>
-            </Avatar>
-
-        // "http://www.material-ui.com/#/components/badge"
-        const BadgeExampleSimple = () => (
-            <div>
-                <Badge
-                    badgeContent={4}
-                    primary={true}
-                >
-                    <NotificationsIcon />
-                </Badge>
-                <Badge
-                    badgeContent={10}
-                    secondary={true}
-                    badgeStyle={{ top: 12, right: 12 }}
-                    >
-                  <IconButton tooltip="Notifications">
-                    <NotificationsIcon/>
-                      </IconButton>
-                </Badge>
-            </div>
-        );
-        const BadgeExampleContent = () => (
-            <div>
-                <Badge
-                    badgeContent={<IconButton tooltip="Backup"><UploadIcon/></IconButton>}
-                    >
-                  <FolderIcon />
-                </Badge>
-                <Badge
-                    badgeContent="&copy;"
-                    badgeStyle={{ fontSize: 20 }}
-                    >
-                    Company Name
-                </Badge>
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/flat-button"
-        const FlatButtonExampleSimple = () => (
-            <div>
-                <FlatButton label="Default" />
-                <FlatButton label="Primary" primary={true} />
-                <FlatButton label="Secondary" secondary={true} />
-                <FlatButton label="Disabled" disabled={true} />
-            </div>
-        );
-        const FlatButtonExampleComplex = () => (
-            <div>
-                <FlatButton label="Choose an Image">
-                  <input type="file" style={styles.exampleImageInput} />
-                </FlatButton>
-
-                <FlatButton
-                    label="Label before"
-                    labelPosition="before"
-                    primary={true}
-                    icon={<ActionAndroid />}
-                />
-
-                <FlatButton
-                    label="GitHub Link"
-                    linkButton={true}
-                    href="https://github.com/callemall/material-ui"
-                    secondary={true}
-                    icon={<FontIcon className="muidocs-icon-custom-github" />}
-                />
-
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/raised-button"
-        const RaisedButtonExampleSimple = () => (
-            <div>
-                <RaisedButton label="Default" style={styles.button} />
-                <RaisedButton label="Primary" primary={true} style={styles.button} />
-                <RaisedButton label="Secondary" secondary={true} style={styles.button} />
-                <RaisedButton label="Disabled" disabled={true} style={styles.button} />
-            </div>
-        );
-        const RaisedButtonExampleComplex = () => (
-            <div>
-                <RaisedButton
-                    label="Choose an Image"
-                    style={styles.button}
-                >
-                    <input type="file" style={styles.exampleImageInput} />
-                </RaisedButton>
-                <RaisedButton
-                    label="Label before"
-                    labelPosition="before"
-                    primary={true}
-                    icon={<ActionAndroid />}
-                    style={styles.button}
-                />
-                <RaisedButton
-                    label="Github Link"
-                    linkButton={true}
-                    href="https://github.com/callemall/material-ui"
-                    secondary={true}
-                    style={styles.button}
-                    icon={<FontIcon className="muidocs-icon-custom-github"/>}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/floating-action-button"
-        const FloatingActionButtonExampleSimple = () => (
-            <div>
-                <FloatingActionButton style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton secondary={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} secondary={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton disabled={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} disabled={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-                </div>
-        );
-
-        // "http://www.material-ui.com/#/components/icon-button"
-        const IconButtonExampleSimple = () => (
-            <div>
-                <IconButton iconClassName="muidocs-icon-custom-github" />
-                <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
-            </div>
-        );
-        const IconButtonExampleComplex = () => (
-            <div>
-                <IconButton tooltip="Font Icon">
-                  <FontIcon className="muidocs-icon-action-home" />
-                </IconButton>
-
-                <IconButton tooltip="SVG Icon">
-                  <ActionHome />
-                </IconButton>
-
-                <IconButton
-                    iconClassName="material-icons"
-                    tooltip="Ligature"
-                >
-                    home
-                </IconButton>
-            </div>
-        );
-        const IconButtonExampleTooltip = () => (
-            <div>
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
-                    tooltipPosition="bottom-right"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
-                    tooltipPosition="bottom-center"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
-                    tooltipPosition="bottom-left"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-right"
-                    tooltipPosition="top-right"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-center"
-                    tooltipPosition="top-center"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-left"
-                    tooltipPosition="top-left"
-                />
-            </div>
-        );
-        const IconButtonExampleTouch = () => (
-            <div>
-                <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
-                  <ActionGrade/>
-                </IconButton>
-            </div>
-        );
-        //Method 1: muidocs-icon-github is defined in a style sheet.
-        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
-        //Method 2: ActionGrade is a component created using mui.SvgIcon.
-        element = <IconButton tooltip= "Star" touch= { true}>
-                <ActionGrade/>
-            </IconButton >;
-        //Method 3: Manually creating a mui.FontIcon component within IconButton
-        element = <IconButton tooltip= "Sort" disabled= {true}>
-                <FontIcon className="muidocs-icon-custom-sort"/>
-            </IconButton>;
-        //Method 4: Using Google material-icons
-        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
-            tooltip="Sky">settings_system_daydream</IconButton>;
-
-
-        // "http://www.material-ui.com/#/components/card"
-        const CardExampleWithAvatar = () => (
-            <Card>
-                <CardHeader
-                    title="URL Avatar"
-                    subtitle="Subtitle"
-                    avatar="http://lorempixel.com/100/100/nature/"
-                />
-                <CardMedia
-                    overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-                >
-                  <img src="http://lorempixel.com/600/337/nature/" />
-                </CardMedia>
-                <CardTitle title="Card title" subtitle="Card subtitle" />
-                <CardText>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
-                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
-                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-                </CardText>
-                <CardActions>
-                  <FlatButton label="Action1" />
-                  <FlatButton label="Action2" />
-                </CardActions>
-            </Card>
-        );
-        const CardExampleWithoutAvatar = () => (
-            <Card>
-                <CardHeader
-                    title="Without Avatar"
-                    subtitle="Subtitle"
-                    actAsExpander={true}
-                    showExpandableButton={true}
-                />
-                <CardText expandable={true}>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
-                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
-                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-                </CardText>
-                <CardActions expandable={true}>
-                  <FlatButton label="Action1"/>
-                  <FlatButton label="Action2"/>
-                </CardActions>
-            </Card>
-        );
-
-        // "http://www.material-ui.com/#/components/date-picker"
-        const DatePickerExampleSimple = () => (
-            <div>
-                <DatePicker hintText="Portrait Dialog" />
-                <DatePicker hintText="Landscape Dialog" mode="landscape" />
-                <DatePicker hintText="Dialog Disabled" disabled={true} />
-            </div>
-        );
-        const DatePickerExampleInline = () => (
-            <div>
-                <DatePicker hintText="Portrait Inline Dialog" container="inline" />
-                <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
-            </div>
-        );
-        element = (
-            <div>
-                <DatePicker
-                    hintText="Ranged Date Picker"
-                    autoOk={this.state.autoOk}
-                    minDate={this.state.minDate}
-                    maxDate={this.state.maxDate}
-                    disableYearSelection={this.state.disableYearSelection}
-                />
-            </div>
-        );
-        element = <DatePicker style={{ color: 'red' }} />;
-        element = <DatePicker
-            floatingLabelText="Floating Label Text" />;
-        element = <DatePicker
-            hintText="Hint Text" />;
-
-        // "http://material-ui.com/#/components/dialog"
-        let standardActions = [
-            { text: 'Cancel' },
-            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
-        ];
-
-        element = <Dialog
-            title="Dialog With Standard Actions"
-            actions={standardActions}
-            actionFocus="submit"
-            open={this.state.showDialogStandardActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window are created from the json that's passed in.
-            </Dialog>;
-
-        //Custom Actions
-        let customActions = [
-            <FlatButton
-                label="Cancel"
-                secondary={true}
-                onTouchTap={this.touchTapEventHandler} />,
-            <FlatButton
-                label="Submit"
-                primary={true}
-                onTouchTap={this.touchTapEventHandler} />
-        ];
-
-        element = <Dialog
-            title="Dialog With Custom Actions"
-            actions={customActions}
-            open={this.state.showDialogCustomActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window were passed in as an array of react objects.
-            </Dialog>;
-
-        element = <Dialog
-                title="Dialog With Scrollable Content"
-                actions={customActions}
-                autoDetectWindowHeight={true}
-                autoScrollBodyContent={true}
-                open={this.state.showDialogScrollable}
-                onRequestClose={this.handleRequestClose}>
-                <div style={{ height: '1000px' }}>
-                  Really long content
-                </div>
-            </Dialog>;
-
-        // "http://www.material-ui.com/#/components/divider"
-        const DividerExampleForm = () => (
-            <Paper zDepth={2}>
-                <TextField hintText="First name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Middle name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Last name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Email address" style={styles.textField} underlineShow={false} />
-                <Divider />
-            </Paper>
-        );
-        const DividerExampleList = () => (
-            <div>
-                <List>
-                  <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
-                  <ListItem insetChildren={true} primaryText="Peter Carlsson" />
-                </List>
-                <Divider inset={true}/>
-                <List>
-                  <ListItem insetChildren={true} primaryText="Aaron Bennet" />
-                  <ListItem insetChildren={true} primaryText="Abbey Christensen" />
-                </List>
-            </div>
-        );
-        const DividerExampleMenu = () => (
-            <Menu desktop={true} style={styles.floatLeft}>
-                <MenuItem primaryText="Settings" />
-                <MenuItem primaryText="Help & feedback" />
-                <Divider />
-                <MenuItem primaryText="Sign out" />
-            </Menu>
-        );
-
-
-        // "http://www.material-ui.com/#/components/grid-list"
-        const tilesData = [
-            {
-                img: 'images/grid-list/00-52-29-429_640.jpg',
-                title: 'Breakfast',
-                author: 'jill111',
-                featured: false,
-            }];
-        const GridListExampleSimple = () => (
-            <div style={styles.root}>
-                <GridList
-                    cellHeight={200}
-                    style={styles.gridList}
-                    >
-                  {tilesData.map(tile => (
-                      <GridTile
-                          key={tile.img}
-                          title={tile.title}
-                          subtitle={<span>by <b>{tile.author}</b></span>}
-                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
-                      >
-                          <img src={tile.img} />
-                      </GridTile>
-                  )) }
-                </GridList>
-            </div>
-        );
-        const GridListExampleComplex = () => (
-            <div style={styles.root}>
-                <GridList
-                    cols={2}
-                    cellHeight={200}
-                    padding={1}
-                    style={styles.gridList}
-                    >
-                  {tilesData.map(tile => (
-                      <GridTile
-                          key={tile.img}
-                          title={tile.title}
-                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
-                          actionPosition="left"
-                          titlePosition="top"
-                          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
-                          cols={tile.featured ? 2 : 1}
-                          rows={tile.featured ? 2 : 1}
-                          >
-                      <img src={tile.img} />
-                          </GridTile>
-                  )) }
-                </GridList>
-            </div>
-        );
-
-
-        element = <GridList
-            cols={3}
-            padding={50}
-            cellHeight={200}
-            style={{ color: 'red' }} />;
-
-        element = <GridTile
-            title="GridTileTitle"
-            actionIcon={<h1>GridTile</h1>}
-            actionPosition="left"
-            titlePosition="top"
-            titleBackground="rgba(0, 0, 0, 0.4)"
-            cols={2}
-            rows={1}
-            style={{ color: 'red' }}>
-            <h1>Children are Required!</h1>
-            </GridTile>;
-
-
-        // "http://www.material-ui.com/#/components/font-icon"
-        const FontIconExampleSimple = () => (
-            <div>
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    />
-
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    color={Colors.blue500}
-                    />
-
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    color={Colors.red500}
-                    hoverColor={Colors.greenA200}
-                    />
-            </div>
-        );
-
-        const FontIconExampleIcons = () => (
-            <div>
-                <FontIcon className="material-icons" style={styles.icons}>home</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.red500}>flight_takeoff</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.yellow500}>cloud_download</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.blue500}>videogame_asset</FontIcon>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/svg-icon"
-        const HomeIcon = (props) => (
-            <SvgIcon {...props}>
-                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-            </SvgIcon>
-        );
-
-        const SvgIconExampleSimple = () => (
-            <div>
-                <HomeIcon style={styles.icons} />
-                <HomeIcon style={styles.icons} color={Colors.blue500} />
-                <HomeIcon style={styles.icons} color={Colors.red500} hoverColor={Colors.greenA200} />
-            </div>
-        );
-        const SvgIconExampleIcons = () => (
-            <div>
-                <ActionHome style={styles.icons}/>
-                <ActionFlightTakeoff style={styles.icons} color={Colors.red500} />
-                <FileCloudDownload style={styles.icons} color={Colors.yellow500} />
-                <HardwareVideogameAsset style={styles.icons} color={Colors.blue500} />
-            </div>
-        );
-        element = <MaterialUi.Icons.NavigationMenu />;
-        element = <Icons.ToggleStar />;
-        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
-
-
-        // "http://www.material-ui.com/#/components/left-nav"
-        element = (
-            <div>
-                <RaisedButton
-                    label="Toggle LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav open={this.state.open}>
-                  <MenuItem>Menu Item</MenuItem>
-                  <MenuItem>Menu Item 2</MenuItem>
-                </LeftNav>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    label="Open LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav
-                    docked={false}
-                    width={200}
-                    open={this.state.open}
-                    onRequestChange={open => this.setState(Object.assign({}, this.state, { open })) }
-                >
-                  <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
-                  <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
-                </LeftNav>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    label="Toggle LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav width={200} openRight={true} open={this.state.open} >
-                  <AppBar title="AppBar"/>
-                </LeftNav>
-            </div>
-        );
-
-
-        // "http://material-ui.com/#/components/lists"
-        const ListExampleSimple = () => (
-            <div>
-                <List>
-                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-                  <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
-                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-                </List>
-                <Divider />
-                <List>
-                  <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
-                </List>
-            </div>
-        );
-        const ListExampleChat = () => (
-            <div>
-                <List subheader="Recent chats">
-                  <ListItem
-                      primaryText="Brendan Lim"
-                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Eric Hoffman"
-                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Grace Ng"
-                      leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Kerem Suer"
-                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Raquel Parrado"
-                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                </List>
-                <Divider />
-                <List subheader="Previous chats">
-                  <ListItem
-                      primaryText="Chelsea Otakan"
-                      leftAvatar={<Avatar src="images/chexee-128.jpg" />}
-                  />
-                  <ListItem
-                      primaryText="James Anderson"
-                      leftAvatar={<Avatar src="images/jsa-128.jpg" />}
-                  />
-                </List>
-            </div>
-        );
-        const ListExampleNested = () => (
-            <div>
-                <List subheader="Nested List Items">
-                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-                  <ListItem
-                      primaryText="Inbox"
-                      leftIcon={<ContentInbox />}
-                      initiallyOpen={true}
-                      primaryTogglesNestedList={true}
-                      nestedItems={[
-                          <ListItem
-                              key={1}
-                              primaryText="Starred"
-                              leftIcon={<ActionGrade />}
-                              />,
-                          <ListItem
-                              key={2}
-                              primaryText="Sent Mail"
-                              leftIcon={<ContentSend />}
-                              disabled={true}
-                              nestedItems={[
-                                  <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
-                              ]}
-                          />,
-                      ]}
-                  />
-                </List>
-            </div>
-        );
-        const iconButtonElement = (
-            <IconButton
-                touch={true}
-                tooltip="more"
-                tooltipPosition="bottom-left"
-            >
-                <MoreVertIcon color={Colors.grey400} />
-            </IconButton>
-        ); 
-        const rightIconMenu = (
-            <IconMenu iconButtonElement={iconButtonElement}>
-                <MenuItem>Reply</MenuItem>
-                <MenuItem>Forward</MenuItem>
-                <MenuItem>Delete</MenuItem>
-            </IconMenu>
-        );
-        const ListExampleMessages = () => (
-            <div>
-                <List subheader="Today">
-                    <ListItem
-                        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                        rightIconButton={rightIconMenu}
-                        primaryText="Brendan Lim"
-                        secondaryText={
-                        <p>
-                          <span style={{ color: Colors.darkBlack }}>Brunch this weekend?</span><br/>
-                          I&apos; ll be in your neighborhood doing errands this weekend.Do you want to grab brunch?
-                            </p>
-                        }
-                        secondaryTextLines={2}
-                    />
-                </List>
-            </div>
-        );
-        const ListExampleSelectable = () => (
-            <div>
-                <SelectableList
-                    value={3}
-                    subheader="SelectableContacts"
-                >
-                  <ListItem
-                      value={1}
-                      primaryText="Brendan Lim"
-                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                      nestedItems={[
-                          <ListItem
-                              value={2}
-                              primaryText="Grace Ng"
-                              leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-                          />,
-                      ]}
-                  />
-                  <ListItem
-                      value={3}
-                      primaryText="Kerem Suer"
-                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-                  />
-                  <ListItem
-                      value={4}
-                      primaryText="Eric Hoffman"
-                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-                  />
-                  <ListItem
-                      value={5}
-                      primaryText="Raquel Parrado"
-                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-                  />
-                </SelectableList>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/menu"
-        const MenuExampleSimple = () => (
-            <div>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Maps" />
-                  <MenuItem primaryText="Books" />
-                  <MenuItem primaryText="Flights" />
-                  <MenuItem primaryText="Apps" />
-                </Menu>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Help &amp; feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Sign out" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleDisable = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true}>
-                  <MenuItem primaryText="Back" />
-                  <MenuItem primaryText="Forward" disabled={true} />
-                  <Divider />
-                  <MenuItem primaryText="Recently closed" disabled={true} />
-                  <MenuItem primaryText="Google" disabled={true} />
-                  <MenuItem primaryText="YouTube" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true}>
-                  <MenuItem primaryText="Undo" />
-                  <MenuItem primaryText="Redo" disabled={true} />
-                  <Divider />
-                  <MenuItem primaryText="Cut" disabled={true} />
-                  <MenuItem primaryText="Copy" disabled={true} />
-                  <MenuItem primaryText="Paste" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleIcons = () => (
-            <div>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
-                  <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
-                  <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
-                  <Divider />
-                  <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
-                  <MenuItem primaryText="Download" leftIcon={<Download />} />
-                  <Divider />
-                  <MenuItem primaryText="Remove" leftIcon={<Delete />} />
-                </Menu>
-                <Menu style={styles.menu} desktop={false}>
-                  <MenuItem primaryText="Clear Config" />
-                  <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
-                  <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>}/>
-                  <MenuItem
-                      primaryText="Workspace"
-                      rightIcon={
-                      <FontIcon className="material-icons" style={{ color: '#559' }}>settings</FontIcon>
-                      }
-                  />
-                  <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
-                  <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
-                </Menu>
-            </div>
-        );
-        const MenuExampleSecondary = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-                  <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-                  <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-                  <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-                  <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-                  <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-                  <Divider />
-                  <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-                  <Divider />
-                  <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Open" secondaryText="Cmd + O" />
-                  <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
-                  <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Open" secondaryText="&#8984;O" />
-                  <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
-                  <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleNested = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Single" insetChildren={true} />
-                  <MenuItem primaryText="1.15" insetChildren={true} />
-                  <MenuItem primaryText="Double" insetChildren={true} />
-                  <MenuItem
-                      primaryText="Custom: 1.2"
-                      checked={true}
-                      rightIcon={<ArrowDropRight />}
-                      menuItems={[
-                          <MenuItem
-                              primaryText="Show"
-                              rightIcon={<ArrowDropRight />}
-                              menuItems={[
-                                  <MenuItem primaryText="Show Level 2" />,
-                                  <MenuItem primaryText="Grid lines" checked={true} />,
-                                  <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                                  <MenuItem primaryText="Rules" checked={true} />,
-                              ]}
-                          />,
-                          <MenuItem primaryText="Grid lines" checked={true} />,
-                          <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                          <MenuItem primaryText="Rules" checked={true} />,
-                      ]}
-                  />
-                  <Divider />
-                  <MenuItem primaryText="Add space before paragraph" />
-                  <MenuItem primaryText="Add space after paragraph" />
-                  <Divider />
-                  <MenuItem primaryText="Custom spacing..." />
-                </Menu>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/icon-menu"
-        const IconMenuExampleSimple = () => (
-            <div>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'right', vertical: 'bottom' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    targetOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-            </div>
-        );
-        element = (
-            <div>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    onChange={this.handleChangeSingle}
-                    value={this.state.valueSingle}
-                    >
-                  <MenuItem value="1" primaryText="Refresh" />
-                  <MenuItem value="2" primaryText="Send feedback" />
-                  <MenuItem value="3" primaryText="Settings" />
-                  <MenuItem value="4" primaryText="Help" />
-                  <MenuItem value="5" primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><ContentFilter /></IconButton>}
-                    onChange={this.handleChangeMultiple}
-                    value={this.state.valueMultiple}
-                    multiple={true}
-                    >
-                  <MenuItem value="1" primaryText="Blu-ray" />
-                  <MenuItem value="2" primaryText="Cassette" />
-                  <MenuItem value="3" primaryText="CD" />
-                  <MenuItem value="4" primaryText="DVD Audio" />
-                  <MenuItem value="5" primaryText="Hybrid SACD" />
-                  <MenuItem value="6" primaryText="Vinyl" />
-                </IconMenu>
-            </div>
-        );
-        const IconMenuExampleScrollable = () => (
-            <IconMenu
-                iconButtonElement={<IconButton><MapsPlace /></IconButton>}
-                anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
-                targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                maxHeight={272}
-            >
-                <MenuItem value="AL" primaryText="Alabama" />
-                <MenuItem value="AK" primaryText="Alaska" />
-            </IconMenu>
-        );
-
-
-        // "http://www.material-ui.com/#/components/dropdown-menu"
-        element = <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-                        <MenuItem value={1} primaryText="Never"/>
-                        <MenuItem value={2} primaryText="Every Night"/>
-                        <MenuItem value={3} primaryText="Weeknights"/>
-                        <MenuItem value={4} primaryText="Weekends"/>
-                        <MenuItem value={5} primaryText="Weekly"/>
-            </DropDownMenu>;
-        const menuItems = [<MenuItem value={0} key={0} primaryText={'Item 0'}/>];
-        element = (
-            <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-                {menuItems}
-            </DropDownMenu>
-        );
-        element = (
-            <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-            </DropDownMenu>
-        );
-
-        // "http://material-ui.com/#/components/paper"
-        const PaperExampleSimple = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1}/>
-                <Paper style={styles.paper} zDepth={2}/>
-                <Paper style={styles.paper} zDepth={3}/>
-                <Paper style={styles.paper} zDepth={4}/>
-                <Paper style={styles.paper} zDepth={5}/>
-            </div>
-        );
-        const PaperExampleRounded = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1} rounded={false}/>
-                <Paper style={styles.paper} zDepth={2} rounded={false}/>
-                <Paper style={styles.paper} zDepth={3} rounded={false}/>
-                <Paper style={styles.paper} zDepth={4} rounded={false}/>
-                <Paper style={styles.paper} zDepth={5} rounded={false}/>
-            </div>
-        );
-        const PaperExampleCircle = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1} circle={true}/>
-                <Paper style={styles.paper} zDepth={2} circle={true}/>
-                <Paper style={styles.paper} zDepth={3} circle={true}/>
-                <Paper style={styles.paper} zDepth={4} circle={true}/>
-                <Paper style={styles.paper} zDepth={5} circle={true}/>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/popover"
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Click me"
-                />
-                <Popover
-                    open={this.state.open}
-                    anchorEl={this.state.anchorEl}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    onRequestClose={this.handleRequestCloseReason}
-                >
-                  <div style={styles.popover}>
-                    <RaisedButton primary={true} label="Here is a button"/>
-                  </div>
-                </Popover>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Click me"
-                />
-                <Popover
-                    open={this.state.open}
-                    anchorEl={this.state.anchorEl}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    onRequestClose={this.handleRequestCloseReason}
-                    animation={PopoverAnimationFromTop}
-                    >
-                  <div style={styles.popover}>
-                    <RaisedButton primary={true} label="Here is a button"/>
-                  </div>
-                </Popover>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/circular-progress"
-        const CircularProgressExampleSimple = () => (
-            <div>
-                <CircularProgress />
-                <CircularProgress size={1.5} />
-                <CircularProgress size={2} />
-            </div>
-        );
-        element = (
-            <div>
-                <CircularProgress mode="determinate" value={this.state.completed}/>
-                <CircularProgress mode="determinate" value={this.state.completed} size={1.5}/>
-                <CircularProgress mode="determinate" value={this.state.completed} size={2}/>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/linear-progress"
-        const LinearProgressExampleSimple = () => (
-            <LinearProgress mode="indeterminate"/>
-        );
-        element = (
-            <LinearProgress mode="determinate" value={this.state.completed} />
-        );
-
-
-        // "http://www.material-ui.com/#/components/refresh-indicator"
-        const RefreshIndicatorExampleSimple = () => (
-            <div style={styles.container}>
-                <RefreshIndicator
-                    percentage={30}
-                    size={40}
-                    left={10}
-                    top={0}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={60}
-                    size={50}
-                    left={65}
-                    top={0}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={80}
-                    size={60}
-                    left={120}
-                    top={0}
-                    color={"red"}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={100}
-                    size={70}
-                    left={175}
-                    top={0}
-                    color={"red"} // Overridden by percentage={100}
-                    status="ready"
-                    style={styles.refresh}
-                />
-            </div>
-        );
-        const RefreshIndicatorExampleLoading = () => (
-            <div style={styles.container}>
-                <RefreshIndicator
-                    size={40}
-                    left={10}
-                    top={0}
-                    status="loading"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    size={50}
-                    left={70}
-                    top={0}
-                    loadingColor={"#FF9800"}
-                    status="loading"
-                    style={styles.refresh}
-                />
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/select-field"
-        element = (
-            <div>
-                <SelectField value={this.state.value} onChange={this.handleChange}>
-                  <MenuItem value={1} primaryText="Never"/>
-                  <MenuItem value={2} primaryText="Every Night"/>
-                  <MenuItem value={3} primaryText="Weeknights"/>
-                  <MenuItem value={4} primaryText="Weekends"/>
-                  <MenuItem value={5} primaryText="Weekly"/>
-                </SelectField>
-                <br />
-                <SelectField value={1} disabled={true}>
-                  <MenuItem value={1} primaryText="Never"/>
-                  <MenuItem value={2} primaryText="Every Night"/>
-                </SelectField>
-            </div>
-        );
-        element = (
-            <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-                {menuItems}
-            </SelectField>
-        );
-        element = (
-            <SelectField value={this.state.value} onChange={this.handleChange}>
-                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning"/>
-                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon"/>
-                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening"/>
-                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night"/>
-            </SelectField>
-        );
-        element = (
-            <div>
-                <SelectField
-                    value={this.state.value}
-                    onChange={this.handleChange}
-                    floatingLabelText="Floating Label Text"
-                >
-                  {menuItems}
-                </SelectField>
-                <br />
-                <SelectField
-                    value={this.state.value}
-                    onChange={this.handleChange}
-                    floatingLabelText="Styled Floating Label Text"
-                    floatingLabelStyle={{ color: 'red' }}
-                >
-                  {menuItems}
-                </SelectField>
-            </div>
-        );
-        const {value} = this.state;
-        const night = value === 2 || value === 3;
-        element = (
-            <div>
-                <SelectField
-                    value={value}
-                    onChange={this.handleChange}
-                    errorText={!night && 'Should be Night'}
-                >
-                  {menuItems}
-                </SelectField>
-                <br/>
-                <SelectField
-                    value={value}
-                    onChange={this.handleChange}
-                    errorText={night && 'Should not be Night (Custom error style)'}
-                    errorStyle={{ color: 'orange' }}
-                >
-                  {menuItems}
-                </SelectField>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/slider"
-        const SliderExampleSimple = () => (
-            <div>
-                <Slider/>
-                <Slider defaultValue={0.5}/>
-                <Slider defaultValue={1}/>
-            </div>
-        );        
-        const SliderExampleDisabled = () => (
-            <div>
-                <Slider disabled={true}/>
-                <Slider disabled={true} value={0.5}/>
-                <Slider disabled={true} value={1}/>
-            </div>
-        );
-        const SliderExampleStep = () => (
-            <Slider step={0.10} value={.5}/>
-        );
-
-
-        // "http://www.material-ui.com/#/components/checkbox"
-        const CheckboxExampleSimple = () => (
-            <div style={styles.block}>
-                <Checkbox
-                    label="Simple"
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Checked by default"
-                    defaultChecked={true}
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Disabled"
-                    disabled={true}
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    checkedIcon={<ActionFavorite />}
-                    unCheckedIcon={<ActionFavoriteBorder />}
-                    label="Custom icon"
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Label on the left"
-                    labelPosition="left"
-                    style={styles.checkbox}
-                />
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/radio-button"
-        const RadioButtonExampleSimple = () => (
-            <div>
-                <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-                  <RadioButton
-                      value="light"
-                      label="Simple"
-                      style={styles.radioButton}
-                  />
-                  <RadioButton
-                      value="not_light"
-                      label="Selected by default"
-                      style={styles.radioButton}
-                  />
-                  <RadioButton
-                      value="ludicrous"
-                      label="Disabled"
-                      disabled={true}
-                      style={styles.radioButton}
-                  />
-                </RadioButtonGroup>
-
-                <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
-                  <RadioButton
-                      value="reverse"
-                      label="Label on the left"
-                      style={styles.radioButton}
-                  />
-                </RadioButtonGroup>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/toggle"
-        const ToggleExampleSimple = () => (
-            <div style={styles.block}>
-                <Toggle
-                    label="Simple"
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Toggled by default"
-                    defaultToggled={true}
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Disabled"
-                    disabled={true}
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Label on the right"
-                    labelPosition="right"
-                    style={styles.toggle}
-                />
-            </div>
-        );
-
-
-        // "http://material-ui.com/#/components/snackbar"
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Add to my calendar"
-                />
-                <Snackbar
-                    open={this.state.open}
-                    message="Event added to your calendar"
-                    autoHideDuration={4000}
-                    onRequestClose={this.handleRequestCloseReason}
-                />
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Add to my calendar"
-                />
-                <br />
-                <TextField
-                    floatingLabelText="Auto Hide Duration in ms"
-                    value={this.state.autoHideDuration}
-                    onChange={this.handleChangeDuration}
-                />
-                <Snackbar
-                    open={this.state.open}
-                    message={this.state.message}
-                    action="undo"
-                    autoHideDuration={this.state.autoHideDuration}
-                    onActionTouchTap={this.handleActionTouchTap}
-                    onRequestClose={this.handleRequestCloseReason}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/table"
-        element = (
-            <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHeaderColumn>ID</TableHeaderColumn>
-                    <TableHeaderColumn>Name</TableHeaderColumn>
-                    <TableHeaderColumn>Status</TableHeaderColumn>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  <TableRow>
-                    <TableRowColumn>1</TableRowColumn>
-                    <TableRowColumn>John Smith</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>2</TableRowColumn>
-                    <TableRowColumn>Randal White</TableRowColumn>
-                    <TableRowColumn>Unemployed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>3</TableRowColumn>
-                    <TableRowColumn>Stephanie Sanders</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>4</TableRowColumn>
-                    <TableRowColumn>Steve Brown</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                </TableBody>
-            </Table>
-        );
-        const tableData = [
-            {
-                name: 'John Smith',
-                status: 'Employed',
-                selected: true,
-            },
-        ];
-        element = (
-          <div>
-            <Table
-              height={this.state.height}
-              fixedHeader={this.state.fixedHeader}
-              fixedFooter={this.state.fixedFooter}
-              selectable={this.state.selectable}
-              multiSelectable={this.state.multiSelectable}
-              onRowSelection={this.onRowSelection}
-            >
-              <TableHeader enableSelectAll={this.state.enableSelectAll}>
-                <TableRow>
-                  <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
-                    Super Header
-                  </TableHeaderColumn>
-                </TableRow>
-                <TableRow>
-                  <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
-                  <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
-                  <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
-                </TableRow>
-              </TableHeader>
-              <TableBody
-                deselectOnClickaway={this.state.deselectOnClickaway}
-                showRowHover={this.state.showRowHover}
-                stripedRows={this.state.stripedRows}
-              >
-                {tableData.map( (row, index) => (
-                  <TableRow key={index} selected={row.selected}>
-                    <TableRowColumn>{index}</TableRowColumn>
-                    <TableRowColumn>{row.name}</TableRowColumn>
-                    <TableRowColumn>{row.status}</TableRowColumn>
-                  </TableRow>
-                  ))}
-              </TableBody>
-              <TableFooter>
-                <TableRow>
-                  <TableRowColumn>ID</TableRowColumn>
-                  <TableRowColumn>Name</TableRowColumn>
-                  <TableRowColumn>Status</TableRowColumn>
-                </TableRow>
-                <TableRow>
-                  <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
-                    Super Footer
-                  </TableRowColumn>
-                </TableRow>
-              </TableFooter>
-            </Table>
-
-            <div style={styles.propContainerStyle}>
-              <h3>Table Properties</h3>
-              <TextField
-                floatingLabelText="Table Body Height"
-                defaultValue={this.state.height}
-                onChange={this.formEventHandler}
-              />
-              <Toggle
-                name="fixedHeader"
-                label="Fixed Header"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.fixedHeader}
-              />
-              <Toggle
-                name="fixedFooter"
-                label="Fixed Footer"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.fixedFooter}
-              />
-              <Toggle
-                name="selectable"
-                label="Selectable"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.selectable}
-              />
-              <Toggle
-                name="multiSelectable"
-                label="Multi-Selectable"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.multiSelectable}
-              />
-              <Toggle
-                name="enableSelectAll"
-                label="Enable Select All"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.enableSelectAll}
-              />
-              <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
-              <Toggle
-                name="deselectOnClickaway"
-                label="Deselect On Clickaway"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.deselectOnClickaway}
-              />
-              <Toggle
-                name="stripedRows"
-                label="Stripe Rows"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.stripedRows}
-              />
-              <Toggle
-                name="showRowHover"
-                label="Show Row Hover"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.showRowHover}
-              />
-            </div>
-          </div>
-        );
-
-        // "http://www.material-ui.com/#/components/tabs"
-        const TabsExampleSimple = () => (
-          <Tabs>
-            <Tab label="Item One" >
-              <div>
-                <h2 style={styles.headline}>Tab One</h2>
-                <p>
-                  This is an example tab.
-                </p>
-                <p>
-                  You can put any sort of HTML or react component in here. It even keeps the component state!
-                </p>
-                <Slider name="slider0" defaultValue={0.5} />
-              </div>
-            </Tab>
-            <Tab label="Item Two" >
-              <div>
-                <h2 style={styles.headline}>Tab Two</h2>
-                <p>
-                  This is another example tab.
-                </p>
-              </div>
-            </Tab>
-            <Tab
-              label="onActive"
-              value="/home"
-              onActive={this.handleActive}
-            >
-              <div>
-                <h2 style={styles.headline}>Tab Three</h2>
-                <p>
-                  This is a third example tab.
-                </p>
-              </div>
-            </Tab>
-          </Tabs>
-        );
-        element = (
-          <Tabs
-            value={this.state.value}
-            onChange={this.handleChangeTabs}
-          >
-            <Tab label="Tab A" value="a" >
-              <div>
-                <h2 style={styles.headline}>Controllable Tab A</h2>
-                <p>
-                  Tabs are also controllable if you want to programmatically pass them their values.
-                  This allows for more functionality in Tabs such as not
-                  having any Tab selected or assigning them different values.
-                </p>
-              </div>
-            </Tab>
-            <Tab label="Tab B" value="b">
-              <div>
-                <h2 style={styles.headline}>Controllable Tab B</h2>
-                <p>
-                  This is another example of a controllable tab. Remember, if you
-                  use controllable Tabs, you need to give all of your tabs values or else
-                  you wont be able to select them.
-                </p>
-              </div>
-            </Tab>
-          </Tabs>
-        );
-        const TabsExampleIcon = () => (
-            <Tabs>
-                <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
-                <Tab icon={<ActionFlightTakeoff />} />
-                <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
-            </Tabs>
-        );
-
-        // "http://www.material-ui.com/#/components/text-field"
-        const TextFieldExampleSimple = () => (
-          <div>
-            <TextField
-              hintText="Hint Text"
-            /><br/>
-            <br/>
-            <TextField
-              hintText="The hint text can be as long as you want, it will wrap."
-            /><br/>
-            <TextField
-              defaultValue="Default Value"
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              hintText="Password Field"
-              floatingLabelText="Password"
-              type="password"
-            /><br/>
-            <TextField
-              hintText="MultiLine with rows: 2 and rowsMax: 4"
-              multiLine={true}
-              rows={2}
-              rowsMax={4}
-            /><br/>
-            <TextField
-              hintText="Message Field"
-              floatingLabelText="MultiLine and FloatingLabel"
-              multiLine={true}
-              rows={2}
-            />
-          </div>
-        );
-        const TextFieldExampleError = () => (
-          <div>
-            <TextField
-              hintText="Hint Text"
-              errorText="This field is required"
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              errorText="The error text can be as long as you want, it will wrap."
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              errorText="This field is required"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              hintText="Message Field"
-              errorText="This field is required."
-              floatingLabelText="MultiLine and FloatingLabel"
-              multiLine={true}
-              rows={2}
-            /><br/>
-          </div>
-        );
-        const TextFieldExampleCustomize = () => (
-          <div>
-            <TextField
-              hintText="Styled Hint Text"
-              hintStyle={styles.errorStyle}
-            /><br/>
-            <TextField
-              hintText="Custom error color"
-              errorText="This field is required."
-              errorStyle={styles.errorStyle}
-            /><br/>
-            <TextField
-              hintText="Custom Underline Color"
-              underlineStyle={styles.underlineStyle}
-            /><br/>
-            <TextField
-              hintText="Custom Underline Focus Color"
-              underlineFocusStyle={styles.underlineStyle}
-            />
-          </div>
-        );
-        const TextFieldExampleDisabled = () => (
-          <div>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-            /><br/>
-            <TextField
-              disabled={true}
-              defaultValue="Disabled Value"
-            /><br/>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-              defaultValue="Disabled With Floating Label"
-              floatingLabelText="Floating Label Text"
-            />
-          </div>
-        );
-        element = <TextField
-            hintText = "Hint Text"
-            value = { this.state.value }
-            underlineStyle = {{ borderColor: Colors.green500 }}
-            onChange = { this.formEventHandler } />;
-
-
-        // "http://www.material-ui.com/#/components/time-picker"
-        const TimePickerExampleSimple = () => (
-          <div>
-            <TimePicker
-              hintText="12hr Format"
-            />
-            <TimePicker
-              format="24hr"
-              hintText="24hr Format"
-            />
-          </div>
-        );
-        element = (
-          <div>
-            <TimePicker
-              ref={t => this.picker12hr = t}
-              format="ampm"
-              hintText="12hr Format"
-              onChange={this.handleChangeTimePicker12}
-            />
-            <TimePicker
-              ref={t => this.picker24hr = t}
-              format="24hr"
-              hintText="24hr Format"
-              onChange={this.handleChangeTimePicker24}
-            />
-          </div>
-        );
-
-        // "http://www.material-ui.com/#/components/toolbar"
-        const ToolbarExamplesSimple = () => (
-          <Toolbar>
-            <ToolbarGroup firstChild={true} float="left">
-              <DropDownMenu value={3}>
-                <MenuItem value={1} primaryText="All Broadcasts" />
-                <MenuItem value={2} primaryText="All Voice" />
-                <MenuItem value={3} primaryText="All Text" />
-                <MenuItem value={4} primaryText="Complete Voice" />
-                <MenuItem value={5} primaryText="Complete Text" />
-                <MenuItem value={6} primaryText="Active Voice" />
-                <MenuItem value={7} primaryText="Active Text" />
-              </DropDownMenu>
-            </ToolbarGroup>
-            <ToolbarGroup float="right">
-              <ToolbarTitle text="Options" />
-              <FontIcon className="muidocs-icon-custom-sort" />
-              <IconMenu
-                iconButtonElement={
-                  <IconButton touch={true}>
-                    <NavigationExpandMoreIcon />
-                  </IconButton>
-                }
-              >
-                <MenuItem primaryText="Download" />
-                <MenuItem primaryText="More Info" />
-              </IconMenu>
-              <ToolbarSeparator />
-              <RaisedButton label="Create Broadcast" primary={true} />
-            </ToolbarGroup>
-          </Toolbar>
-        );
-
-        return element;
-    }
-}
diff --git a/material-ui/legacy/material-ui-0.14.4.d.ts b/material-ui/legacy/material-ui-0.14.4.d.ts
deleted file mode 100644
index 1d28878b08..0000000000
--- a/material-ui/legacy/material-ui-0.14.4.d.ts
+++ /dev/null
@@ -1,8246 +0,0 @@
-// Type definitions for material-ui v0.14.4
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react" />
-
-declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
-    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
-    export import AutoComplete = __MaterialUI.AutoComplete; // require('material-ui/lib/auto-complete');
-    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
-    export import Badge = __MaterialUI.Badge; // require('material-ui/lib/badge');
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
-    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
-    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
-    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
-    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
-    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
-    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
-    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
-    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
-    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
-    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
-    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
-    export import Divider = __MaterialUI.Divider // require('material-ui/lib/divider');
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu; // require('material-ui/lib/DropDownMenu/DropDownMenu');
-    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
-    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
-    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
-    export import GridList = __MaterialUI.GridList.GridList; // require('material-ui/lib/gridlist/grid-list');
-    export import GridTile = __MaterialUI.GridList.GridTile; // require('material-ui/lib/gridlist/grid-tile');
-    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
-    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
-    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
-    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
-    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
-    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
-    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
-    export import Menu = __MaterialUI.Menus.Menu; // require('material-ui/lib/menus/menu');
-    export import MenuItem = __MaterialUI.Menus.MenuItem; // require('material-ui/lib/menus/menu-item');
-    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins');
-    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
-    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
-    export import Popover = __MaterialUI.Popover.Popover; // require('material-ui/lib/popover/popover');
-    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
-    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
-    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples');
-    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
-    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance; // require('material-ui/lib/hoc/selectable-enhance');
-    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
-    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
-    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles');
-    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
-    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
-    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
-    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
-    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
-    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
-    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
-    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
-    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper; // require('material-ui/lib/theme-wrapper');
-    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
-    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
-    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
-    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils');
-
-    // svg icons
-    import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
-    import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
-    import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
-
-    export const Icons: {
-        NavigationMenu: NavigationMenu,
-        NavigationChevronLeft: NavigationChevronLeft,
-        NavigationChevronRight: NavigationChevronRight,
-    };
-
-    // export type definitions
-    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-    export type DialogAction = __MaterialUI.DialogAction;
-}
-
-declare namespace __MaterialUI {
-    export import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
-        theme: Styles.MuiTheme;
-    }
-    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
-    }
-
-    export namespace Styles {
-        interface AutoPrefix {
-            all(styles: React.CSSProperties): React.CSSProperties;
-            set(style: React.CSSProperties, key: string, value: string | number): void;
-            single(key: string): string;
-            singleHyphened(key: string): string;
-        }
-        export var AutoPrefix: AutoPrefix;
-
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        export var Spacing: Spacing;
-
-        interface ThemePalette {
-            primary1Color?: string;
-            primary2Color?: string;
-            primary3Color?: string;
-            accent1Color?: string;
-            accent2Color?: string;
-            accent3Color?: string;
-            textColor?: string;
-            alternateTextColor?: string;
-            canvasColor?: string;
-            borderColor?: string;
-            disabledColor?: string;
-            pickerHeaderColor?: string;
-            clockCircleColor?: string;
-            shadowColor?: string;
-        }
-        interface MuiTheme {
-            isRtl?: boolean;
-            userAgent?: any;
-            zIndex?: zIndex;
-            baseTheme?: RawTheme;
-            rawTheme?: RawTheme;
-            appBar?: {
-                color?: string,
-                textColor?: string,
-                height?: number,
-            };
-            avatar?: {
-                borderColor?: string,
-            }
-            badge?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-            },
-            button?: {
-                height?: number,
-                minWidth?: number,
-                iconButtonSize?: number,
-            },
-            cardText?: {
-                textColor?: string,
-            },
-            checkbox?: {
-                boxColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string,
-            },
-            datePicker?: {
-                color?: string,
-                textColor?: string,
-                calendarTextColor?: string,
-                selectColor?: string,
-                selectTextColor?: string,
-            },
-            dropDownMenu?: {
-                accentColor?: string,
-            },
-            flatButton?: {
-                color?: string,
-                buttonFilterColor?: string,
-                disabledColor?: string,
-                textColor?: string,
-                primaryTextColor?: string,
-                secondaryTextColor?: string,
-            },
-            floatingActionButton?: {
-                buttonSize?: number,
-                miniSize?: number,
-                color?: string,
-                iconColor?: string,
-                secondaryColor?: string,
-                secondaryIconColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string,
-            },
-            gridTile?: {
-                textColor?: string,
-            },
-            inkBar?: {
-                backgroundColor?: string,
-            },
-            leftNav?: {
-                width?: number,
-                color?: string,
-            },
-            listItem?: {
-                nestedLevelDepth?: number,
-            },
-            menu?: {
-                backgroundColor?: string,
-                containerBackgroundColor?: string,
-            },
-            menuItem?: {
-                dataHeight?: number,
-                height?: number,
-                hoverColor?: string,
-                padding?: number,
-                selectedTextColor?: string,
-            },
-            menuSubheader?: {
-                padding?: number,
-                borderColor?: string,
-                textColor?: string,
-            },
-            paper?: {
-                backgroundColor?: string,
-                zDepthShadows?: string[],
-            },
-            radioButton?: {
-                borderColor?: string,
-                backgroundColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                size?: number,
-                labelColor?: string,
-                labelDisabledColor?: string,
-            },
-            raisedButton?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string,
-            },
-            refreshIndicator?: {
-                strokeColor?: string,
-                loadingStrokeColor?: string,
-            };
-            slider?: {
-                trackSize?: number,
-                trackColor?: string,
-                trackColorSelected?: string,
-                handleSize?: number,
-                handleSizeDisabled?: number,
-                handleSizeActive?: number,
-                handleColorZero?: string,
-                handleFillColor?: string,
-                selectionColor?: string,
-                rippleColor?: string,
-            },
-            snackbar?: {
-                textColor?: string,
-                backgroundColor?: string,
-                actionColor?: string,
-            },
-            table?: {
-                backgroundColor?: string;
-            };
-            tableHeader?: {
-                borderColor?: string;
-            };
-            tableHeaderColumn?: {
-                textColor?: string;
-                height?: number;
-                spacing?: number;
-            };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
-            tableRow?: {
-                hoverColor?: string;
-                stripeColor?: string;
-                selectedColor?: string;
-                textColor?: string;
-                borderColor?: string;
-                height?: number;
-            };
-            tableRowColumn?: {
-                height?: number;
-                spacing?: number;
-            };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                clockCircleColor?: string;
-                headerColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string,
-                thumbOffColor?: string,
-                thumbDisabledColor?: string,
-                thumbRequiredColor?: string,
-                trackOnColor?: string,
-                trackOffColor?: string,
-                trackDisabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-                trackRequiredColor?: string,
-            },
-            toolbar?: {
-                backgroundColor?: string,
-                height?: number,
-                titleFontSize?: number,
-                iconColor?: string,
-                separatorColor?: string,
-                menuHoverColor?: string,
-            };
-            tabs?: {
-                backgroundColor?: string,
-                textColor?: string,
-                selectedTextColor?: string,
-            };
-            textField?: {
-                textColor?: string;
-                hintColor?: string;
-                floatingLabelColor?: string;
-                disabledTextColor?: string;
-                errorColor?: string;
-                focusColor?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-        }
-
-        interface zIndex {
-            menu: number;
-            appBar: number;
-            leftNavOverlay: number;
-            leftNav: number;
-            dialogOverlay: number;
-            dialog: number;
-            layer: number;
-            popover: number;
-            snackbar: number;
-            tooltip: number;
-        }
-        export var zIndex: zIndex;
-
-        interface RawTheme {
-            spacing?: Spacing;
-            fontFamily?: string;
-            palette?: ThemePalette;
-            zIndex?: zIndex;
-        }
-        var lightBaseTheme: RawTheme;
-        var darkBaseTheme: RawTheme;
-
-        export function ThemeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
-
-        export function getMuiTheme(baseTheme: RawTheme, muiTheme ?: MuiTheme): MuiTheme;
-
-        interface ThemeManager {
-            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack: string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-
-        export var DarkRawTheme: RawTheme;
-        export var LightRawTheme: RawTheme;
-    }
-
-    interface AppBarProps extends React.Props<AppBar> {
-        className?: string;
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: string;
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-        onTitleTouchTap?: TouchTapEventHandler;
-        showMenuIconButton?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleStyle?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    interface Origin {
-        horizontal: string; // oneOf(['left', 'middle', 'right'])
-        vertical: string; // oneOf(['top', 'center', 'bottom'])
-    }
-
-    type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
-    type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
-    interface AutoCompleteProps extends React.Props<AutoComplete> {
-        anchorOrigin?: Origin;
-        animated?: boolean;
-        dataSource?: AutoCompleteDataSource;
-        disableFocusRipple?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
-        floatingLabelText?: string;
-        fullWidth?: boolean;
-        hintText?: string;
-        listStyle?: React.CSSProperties;
-        menuCloseDelay?: number;
-        menuProps?: any;
-        menuStyle?: React.CSSProperties;
-        onNewRequest?: (chosenRequest: string, index: number) => void;
-        onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
-        open?: boolean;
-        searchText?: string;
-        /** @deprecated use noFilter instead */
-        showAllItems?: boolean;
-        style?: React.CSSProperties;
-        targetOrigin?: Origin;
-        touchTapCloseDelay?: number;
-        triggerUpdateOnFocus?: boolean;
-        /** @deprecated updateWhenFocused has been renamed to triggerUpdateOnFocus */
-        updateWhenFocused?: boolean;
-    }
-    export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
-        static noFilter: () => boolean;
-        static defaultFilter: (searchText: string, key: string) => boolean;
-        static caseSensitiveFilter: (searchText: string, key: string) => boolean;
-        static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
-        static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
-        static fuzzyFilter: (searchText: string, key: string) => boolean;
-        static Item: Menus.MenuItem;
-        static Divider: Divider;
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        backgroundColor?: string;
-        className?: string;
-        color?: string;
-        icon?: React.ReactElement<any>;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BadgeProps extends React.Props<Badge> {
-        badgeContent: React.ReactNode;
-        badgeStyle?: React.CSSProperties;
-        className?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Badge extends React.Component<BadgeProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        afterElementType?: string;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        beforeStyle?: React.CSSProperties;
-        elementType?: string;
-        style?: React.CSSProperties;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
-        centerRipple?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        style?: React.CSSProperties;
-        tabIndex?: number;
-        touchRippleColor?: string;
-        touchRippleOpacity?: number;
-        type?: string;
-    }
-
-    interface EnhancedButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<EnhancedButton> {
-        // container element, <button/>, or <span/>(if disabled link) is the element that get the 'other' properties
-        containerElement?: React.ReactNode | string;
-        disabled?: boolean;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends React.DOMAttributes, SharedEnhancedButtonProps<FlatButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        disabled?: boolean;
-        hoverColor?: string;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleColor?: string;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: string;
-        labelColor?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleStyle?: React.CSSProperties;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<FloatingActionButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        href?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        mini?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        className?: string;
-        disabled?: boolean;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPosition?: string;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandChange?: (isExpanded: boolean) => void;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            expanded?: boolean;
-            onExpanding?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            actAsExpander?: boolean;
-            avatar?: React.ReactNode;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            mediaStyle?: React.CSSProperties;
-            overlay?: React.ReactNode;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            overlayStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            actAsExpander?: boolean;
-            color?: string;
-            expandable?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            // <TextField/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            container?: string; // oneOf(['dialog', 'inline'])
-            defaultDate?: Date;
-            disableYearSelection?: boolean;
-            disabled?: boolean;
-            firstDayOfWeek?: number;
-            formatDate?: (date: Date) => string;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: string;
-            onChange?: (e: any, date: Date) => void; // e is always null
-            onDismiss?: () => void;
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            /** @deprecated use noFilter instead */
-            showYearSelector?: boolean;
-            style?: React.CSSProperties;
-            textFieldStyle?: React.CSSProperties;
-            value?: Date;
-            valueLink?: ReactLink<Date>;
-            wordings?: {ok: string, cancel: string};
-
-            // From <TextField />
-            className?: string;
-            defaultValue?: string;
-            errorStyle?: React.CSSProperties;
-            errorText?: React.ReactNode;
-            floatingLabelStyle?: React.CSSProperties;
-            floatingLabelText?: React.ReactNode;
-            fullWidth?: boolean;
-            hintStyle?: React.CSSProperties;
-            hintText?: React.ReactNode;
-            id?: string;
-            inputStyle?: React.CSSProperties;
-            onBlur?: React.FocusEventHandler;
-            onKeyDown?: React.KeyboardEventHandler;
-            rows?: number,
-            rowsMax?: number,
-            type?: string;
-            underlineDisabledStyle?: React.CSSProperties;
-            underlineFocusStyle?: React.CSSProperties;
-            underlineShow?: boolean;
-            underlineStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            // <Container/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            container?: string; // oneOf(['dialog', 'inline'])
-            disableYearSelection?: boolean;
-            firstDayOfWeek?: number;
-            initialDate?: Date;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: string;
-            onAccept?: (d: Date) => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
-            style?: React.CSSProperties;
-            wordings?: { ok: string, cancel: string };
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    /** @deprecated use array of components instead */
-    export interface DialogAction {
-        id?: string;
-        onClick?: React.MouseEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        ref?: string;
-        text: string;
-    }
-    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
-        /** @deprecated use a custom `actions` property instead */
-        actionFocus?: string;
-        actions?: Array<DialogAction | React.ReactElement<any>>;
-        actionsContainerClassName?: string;
-        actionsContainerStyle?: React.CSSProperties;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        bodyClassName?: string;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        contentClassName?: string;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        onRequestClose?: (buttonClicked: boolean) => void;
-        open: boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        repositionOnUpdate?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleClassName?: string;
-        titleStyle?: React.CSSProperties;
-        /** @deprecated use the contentStyle instead */
-        width?: string | number;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-    }
-
-    interface DividerProps extends React.Props<Divider> {
-        className?: string;
-        inset?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Divider extends React.Component<DividerProps, {}>{
-    }
-
-    namespace GridList {
-        interface GridListProps extends React.Props<GridList> {
-            cellHeight?: number;
-            cols?: number;
-            padding?: number;
-            style?: React.CSSProperties;
-        }
-
-        export class GridList extends React.Component<GridListProps, {}>{
-        }
-
-        interface GridTileProps extends React.Props<GridTile> {
-            actionIcon?: React.ReactElement<any>;
-            actionPosition?: string; //"left"|"right"
-            cols?: number;
-            rootClass?: string | React.Component<any, any>;
-            rows?: number;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            title?: React.ReactNode;
-            titleBackground?: string;
-            titlePosition?: string; //"top"|"bottom"
-        }
-
-        export class GridTile extends React.Component<GridTileProps, {}>{
-        }
-    }
-
-    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
-        // <span/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
-        // <svg/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        viewBox?: string;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    interface LeftNavProps extends React.Props<LeftNav> {
-        className?: string;
-        containerClassName?: string;
-        containerStyle?: React.CSSProperties;
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        /** @deprecated use composability instead */
-        header?: React.ReactElement<any>;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassName?: string;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassNameLink?: string;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassNameSubheader?: string;
-        /** @deprecated use composability instead */
-        menuItems?: any[];
-        /** @deprecated It will be removed with menuItems */
-        onChange?: () => void;
-        /** @deprecated use onRequestChange instead */
-        onNavClose?: () => void;
-        /** @deprecated use onRequestChange instead */
-        onNavOpen?: () => void;
-        onRequestChange?: (opening: boolean, reason: string) => void;
-        open?: boolean;
-        openRight?: Boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        /** @deprecated It will be removed with menuItems */
-        selectedIndex?: number;
-        style?: React.CSSProperties;
-        swipeAreaWidth?: number;
-        width?: number;
-
-    }
-    export class LeftNav extends React.Component<LeftNavProps, {}> {
-        /** @deprecated using methods on left nav has been deprecated */
-        toggle(): void;
-        /** @deprecated using methods on left nav has been deprecated */
-        close(): void;
-        /** @deprecated using methods on left nav has been deprecated */
-        open(): void;
-    }
-
-    namespace Lists {
-        interface ListProps extends React.Props<List> {
-            // <Paper/> is the element that get the 'other' properties
-            insetSubheader?: boolean;
-            style?: React.CSSProperties;
-            subheader?: string;
-            subheaderStyle?: React.CSSProperties;
-            zDepth?: number;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        /** @deprecated Use Divider */
-        interface ListDividerProps extends React.Props<ListDivider> {
-            inset?: boolean;
-        }
-        /** @deprecated Use Divider */
-        export class ListDivider extends React.Component<ListDividerProps, {}> {
-        }
-
-        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
-            // <EnhancedButton/> is the element that get the 'other' properties
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            disabled?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedItems?: React.ReactElement<ListItemProps>[];
-            nestedLevel?: number;
-            nestedListStyle?: React.CSSProperties;
-            onKeyboardFocus?: React.FocusEventHandler;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            onTouchStart?: React.TouchEventHandler;
-            onTouchTap?: TouchTapEventHandler;
-            primaryText?: React.ReactNode;
-            primaryTogglesNestedList?: boolean;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-            style?: React.CSSProperties;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-    }
-
-    namespace Menus {
-        interface MenuProps extends React.Props<Menu> {
-            // <List/> is the element that get the 'other' properties
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            initiallyKeyboardFocused?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            openDirection?: string;
-            selectedMenuItemStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-            zDepth?: number;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
-            // <ListItem/> is the element that get the 'other' properties
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            focusState?: string; // 'none', 'focused', or 'keyboard-focused'
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            menuItems?: React.ReactNode;
-            onTouchTap?: TouchTapEventHandler;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            style?: React.CSSProperties;
-            value?: any;
-
-            // useful attributes passed to <ListItem/>
-            primaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface IconMenuProps extends React.Props<IconMenu> {
-            // <Menu/> is the element that get the 'other' properties
-            anchorOrigin?: Origin;
-            className?: string;
-            closeOnItemTouchTap?: boolean;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            iconStyle?: React.CSSProperties;
-            menuStyle?: React.CSSProperties;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyboardFocus?: React.FocusEventHandler;
-            onMouseDown?: React.MouseEventHandler;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onMouseUp?: React.MouseEventHandler;
-            onRequestChange?: (opening: boolean, reason: string) => void;
-            onTouchTap?: TouchTapEventHandler;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: Origin;
-            touchTapCloseDelay?: number;
-
-            // Other properties from <Menu/>
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            openDirection?: string;
-            selectedMenuItemStyle?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface DropDownMenuProps extends React.Props<DropDownMenu> {
-            // <div/> is the element that gets the 'other' properties
-            autoWidth?: boolean;
-            className?: string;
-            disabled?: boolean;
-            /** @deprecated use composability instead */
-            displayMember?: string;
-            iconStyle?: any;
-            /** @deprecated use composability instead */
-            labelMember?: string;
-            labelStyle?: any;
-            maxHeight?: number;
-            /** @deprecated use composability instead */
-            menuItems?: any[];
-            menuStyle?: any;
-            onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-            openImmediately?: boolean;
-            /** @deprecated use value instead */
-            selectedIndex?: number;
-            style?: any;
-            underlineStyle?: any;
-            value?: any;
-            /** @deprecated It's deprecated by React too. */
-            valueLink?: ReactLink<any>;
-            /** @deprecated use composability instead */
-            valueMember?: string;
-        }
-        export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-        }
-    }
-
-    interface OverlayProps extends React.Props<Overlay> {
-        autoLockScrolling?: boolean;
-        show?: boolean;
-        transitionEnabled?: boolean;
-    }
-    export class Overlay extends React.Component<OverlayProps, {}> {
-    }
-
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        style?: React.CSSProperties;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    namespace Popover {
-        interface PopoverAnimationProps {
-            open: boolean;
-            style?: React.CSSProperties;
-        }
-
-        interface PopoverProps extends React.Props<Popover> {
-            anchorEl?: React.ReactInstance;
-            anchorOrigin?: Origin;
-            animated?: boolean;
-            animation?: React.ComponentClass<PopoverAnimationProps>;
-            autoCloseWhenOffScreen?: boolean;
-            canAutoPosition?: boolean;
-            className?: string;
-            onRequestClose?: (reason: string) => void;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: Origin;
-            useLayerForClickAway?: boolean;
-            zDepth?: number;
-        }
-        export class Popover extends React.Component<PopoverProps, {}>{
-        }
-
-        interface PopoverAnimationFromTopProps extends PopoverAnimationProps, React.Props<PopoverAnimationFromTop> {
-            className?: string;
-            targetOrigin?: Origin;
-            zDepth?: number;
-        }
-        export class PopoverAnimationFromTop extends React.Component<PopoverAnimationFromTopProps, {}>{
-        }
-
-        interface PopoverDefaultAnimationProps extends PopoverAnimationProps, React.Props<PopoverDefaultAnimation> {
-            className?: string;
-            targetOrigin?: Origin;
-            zDepth?: number;
-        }
-        export class PopoverDefaultAnimation extends React.Component<PopoverDefaultAnimationProps, {}>{
-        }
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        color?: string;
-        innerStyle?: React.CSSProperties;
-        max?: number;
-        min?: number;
-        mode?: string;
-        size?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        color?: string;
-        max?: number;
-        min?: number;
-        mode?: string;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        color?: string;
-        left: number;
-        loadingColor?: string;
-        percentage?: number;
-        size?: number;
-        status?: string;
-        style?: React.CSSProperties;
-        top: number;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // <DropDownMenu/> is the element that get the 'other' properties
-        autoWidth?: boolean;
-        disabled?: boolean;
-        /** @deprecated use composability instead */
-        displayMember?: string;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        iconStyle?: React.CSSProperties;
-        /** @deprecated use composability instead */
-        labelMember?: string;
-        labelStyle?: React.CSSProperties;
-        /** @deprecated use composability instead */
-        menuItems?: any[];
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-        onFocus?: React.FocusEventHandler;
-        selectFieldRoot?: React.CSSProperties;
-        /** @deprecated use value instead */
-        selectedIndex?: number;
-        style?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineStyle?: React.CSSProperties;
-        value?: any;
-        /** @deprecated It's deprecated by React too. */
-        valueLink?: ReactLink<any>;
-        /** @deprecated use composability instead */
-        valueMember?: string;
-
-        // useful attributes passed to <DropDownMenu/>
-        className?: string;
-        maxHeight?: number;
-        menuStyle?: any;
-        openImmediately?: boolean;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        defaultValue?: number;
-        description?: string;
-        disableFocusRipple?: boolean;
-        disabled?: boolean;
-        error?: string;
-        max?: number;
-        min?: number;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: React.MouseEvent, value: number) => void;
-        onDragStart?: React.MouseEventHandler;
-        onDragStop?: React.MouseEventHandler;
-        onFocus?: React.FocusEventHandler;
-        required?: boolean;
-        step?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
-    }
-
-    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
-        // <input/> is element that get the 'other' properties
-        className?: string;
-        defaultSwitched?: boolean;
-        disableFocusRipple?: boolean;
-        disableTouchRipple?: boolean;
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        id?: string;
-        inputStyle: React.CSSProperties;
-        inputType: string;
-        label?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onParentShouldUpdate: (isInputChecked: boolean) => void;
-        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        required?: boolean;
-        rippleColor?: string;
-        rippleStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        switchElement: React.ReactElement<any>;
-        switched: boolean;
-        thumbStyle?: React.CSSProperties;
-        trackStyle?: React.CSSProperties;
-        value?: string;
-    }
-    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
-        getValue(): string;
-        isKeyboardFocused(): boolean;
-        isSwitched(): boolean;
-        setSwitched(newSwitchedValue: boolean): void;
-    }
-
-    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        checked?: boolean;
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        defaultChecked?: boolean;
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-        style?: React.CSSProperties;
-        /** @deprecated Use uncheckedIcon instead */
-        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        valueLink?: ReactLink<boolean>;
-    }
-    export class Checkbox extends React.Component<CheckboxProps, {}> {
-        isChecked(): void;
-        setChecked(newCheckedValue: boolean): void;
-    }
-
-    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        checked?: boolean;
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        inputStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onCheck?: (e: React.FormEvent, selected: string) => void;
-        style?: React.CSSProperties;
-        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        value?: string;
-    }
-    export class RadioButton extends React.Component<RadioButtonProps, {}> {
-        isChecked(): boolean;
-        getValue(): string;
-    }
-
-    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-        className?: string;
-        defaultSelected?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        name: string;
-        onChange?: (e: React.FormEvent, selected: string) => void;
-        style?: React.CSSProperties;
-        valueSelected?: string;
-    }
-    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-        clearValue(): void;
-        getSelectedValue(): string;
-        setSelectedValue(newSelectionValue: string): void;
-    }
-
-    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        defaultToggled?: boolean;
-        disabled?: boolean;
-        elementStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        inputStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        rippleStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        thumbStyle?: React.CSSProperties;
-        toggled?: boolean;
-        trackStyle?: React.CSSProperties;
-        valueLink?: ReactLink<boolean>;
-    }
-    export class Toggle extends React.Component<ToggleProps, {}> {
-        isToggled(): boolean;
-        setToggled(newToggledValue: boolean): void;
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        action?: string;
-        autoHideDuration?: number;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        message: string | JSX.Element;
-        onActionTouchTap?: React.TouchEventHandler;
-        /** @deprecated Use the open property to control the component instead */
-        onDismiss?: () => void; // DEPRECATED
-        onRequestClose: (reason: string) => void;
-        /** @deprecated Use the open property to control the component instead */
-        onShow?: () => void; // DEPRECATED
-        open: boolean;
-        /** @deprecated Use the open property to control the component instead */
-        openOnMount?: boolean; // DEPRECATED
-        style?: React.CSSProperties;
-
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            bodyStyle?: React.CSSProperties;
-            className?: string;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            footerStyle?: React.CSSProperties;
-            headerStyle?: React.CSSProperties;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            selectable?: boolean;
-            style?: React.CSSProperties;
-            wrapperStyle?: React.CSSProperties;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            // <tr/> is element that get the 'other' properties
-            className?: string;
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            hovered?: boolean;
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            // <td/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            hoverable?: boolean;
-            key?: string;
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-
-            // useful attributes passed to <td/>
-            colSpan?: number;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            className?: string;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            onSelectAll?: (checked: boolean) => void;
-            selectAllSelected?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            // <th/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            key?: string;
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-
-            // useful attributes passed to <th/>
-            colSpan?: number;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            allRowsSelected?: boolean;
-            className?: string;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            preScanRows?: boolean;
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            // <tfoot/> is element that get the 'other' properties
-            adjustForCheckbox?: boolean;
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-    }
-
-    namespace Tabs {
-        interface TabsProps extends React.Props<Tabs> {
-            className?: string;
-            contentContainerClassName?: string;
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            onChange?: (value: any, e: React.FormEvent, tab: Tab) => void;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabTemplate?: React.ComponentClass<any>;
-            value?: any;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-
-        interface TabProps extends SharedEnhancedButtonProps<Tab> {
-            className?: string;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
-            onActive?: (tab: Tab) => void;
-            onTouchTap?: (value: any, e?: TouchTapEvent, tab?: Tab) => void;
-            selected?: boolean;
-            style?: React.CSSProperties;
-            value?: any;
-            width?: string;
-            disabled?: boolean;
-        }
-        export class Tab extends React.Component<TabProps, {}> {
-        }
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        className?: string;
-        defaultValue?: string | number;
-        disabled?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        style?: React.CSSProperties;
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-        value?: string | number;
-        valueLink?: ReactLink<string | number>;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        clearValue(): void;
-        focus(): void;
-        getValue(): string;
-        /** @deprecated Use the errorText property instead. */
-        setErrorText(newErrorText: string): void;
-        /** @deprecated Use the defaultValue or value property instead. */
-        setValue(newValue: string | number): void;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        // <TextField/> is element that get the 'other' properties
-        autoOk?: boolean;
-        defaultTime?: Date;
-        format?: string; // 'ampm' or '24hr'
-        onChange?: (e: any, time: Date) => void;
-        onDismiss?: () => void;
-        onFocus?: React.FocusEventHandler;
-        onShow?: () => void;
-        onTouchTap?: TouchTapEventHandler;
-        pedantic?: boolean;
-        style?: React.CSSProperties;
-        textFieldStyle?: React.CSSProperties;
-
-        // From <TextField />
-        className?: string;
-        defaultValue?: string;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-        getTime(): Date;
-        setTime(time: Date): void;
-        openDialog(): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-            className?: string;
-            noGutter?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            className?: string;
-            firstChild?: boolean;
-            float?: string; // oneOf(['left', 'right'])
-            lastChild?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
-            className?: string;
-            style?: React.CSSProperties;
-            text?: string;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    namespace Ripples {
-        interface CircleRippleProps extends React.Props<CircleRipple> {
-            color?: string;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
-        }
-
-        interface FocusRippleProps extends React.Props<FocusRipple> {
-            color?: string;
-            innerStyle?: React.CSSProperties;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            show?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
-        }
-
-        interface TouchRippleProps extends React.Props<TouchRipple> {
-            centerRipple?: boolean;
-            color?: string;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
-        }
-    }
-
-    interface ClearFixProps extends React.Props<ClearFix> {
-    }
-    export class ClearFix extends React.Component<ClearFixProps, {}> {
-    }
-
-    interface TooltipProps extends React.Props<Tooltip> {
-        className?: string;
-        horizontalPosition?: string; // oneOf(['left', 'right', 'center'])
-        label: string;
-        show?: boolean;
-        style?: React.CSSProperties;
-        touch?: boolean;
-        verticalPosition?: string; // oneOf(['top', 'bottom'])
-    }
-    export class Tooltip extends React.Component<TooltipProps, {}> {
-    }
-
-    namespace Hoc {
-        interface SelectableProps {
-            onChange?: (e: TouchTapEvent, value: any) => void;
-            selectedItemStyle?: React.CSSProperties;
-            value?: any;
-            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
-        }
-
-        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
-        export function SelectableContainerEnhance<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
-    }
-
-    export namespace Mixins {
-        interface ClickAwayable extends React.Mixin<any, any> {
-        }
-        var ClickAwayable: ClickAwayable;
-
-        interface WindowListenable extends React.Mixin<any, any> {
-        }
-        var WindowListenable: WindowListenable;
-
-        interface StylePropable extends React.Mixin<any, any> {
-        }
-        var StylePropable: StylePropable
-
-        interface StyleResizable extends React.Mixin<any, any> {
-        }
-        var StyleResizable: StyleResizable
-    }
-
-    export namespace Utils {
-        interface ContrastLevel {
-            color: string;
-            range: [number, number];
-        }
-        interface ColorManipulator {
-            contrastRatio(background: string, foreground: string): number;
-            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
-            darken(color: string, amount: string | number): string;
-            fade(color: string, amount: string | number): string;
-            lighten(color: string, amount: string | number): string;
-        }
-        export var ColorManipulator: ColorManipulator;
-
-        interface CssEvent {
-            animationEndEventName(): string;
-            onAnimationEnd(el: Element, callback: () => void): void;
-            onTransitionEnd(el: Element, callback: () => void): void;
-            transitionEndEventName(): string;
-        }
-        export var CssEvent: CssEvent;
-
-        interface Dom {
-            addClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            hasClass(el: Element, className: string): boolean;
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            removeClass(el: Element, className: string): void;
-            toggleClass(el: Element, className: string): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            isKeyboard(e: Event): boolean;
-            off(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            once(el: Element, type: string, callback: EventListener): void;
-        }
-        export var Events: Events;
-
-        function Extend<T, S1>(base: T, override: S1): (T & S1);
-
-        interface ImmutabilityHelper {
-            merge(base: any, ...args: any[]): any;
-            mergeItem(obj: any, key: any, newValueObject: any): any;
-            push(array: any[], obj: any): any[];
-            shift(array: any[]): any[];
-        }
-        export var ImmutabilityHelper: ImmutabilityHelper;
-
-        interface KeyCode {
-            DOWN: number;
-            ESC: number;
-            ENTER: number;
-            LEFT: number;
-            RIGHT: number;
-            SPACE: number;
-            TAB: number;
-            UP: number;
-        }
-        var KeyCode: KeyCode;
-
-        interface KeyLine {
-            Desktop: {
-                GUTTER: number;
-                GUTTER_LESS: number;
-                INCREMENT: number;
-                MENU_ITEM_HEIGHT: number;
-            };
-
-            getIncrementalDim(dim: number): number;
-        }
-        export var KeyLine: KeyLine;
-
-        interface UniqueId {
-            generate(): string;
-        }
-        export var UniqueId: UniqueId;
-
-        interface Styles {
-            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
-        }
-        export var Styles: Styles;
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/lib/app-bar' {
-    export import AppBar = __MaterialUI.AppBar;
-    export default AppBar;
-}
-
-declare module 'material-ui/lib/auto-complete' {
-    export import AutoComplete = __MaterialUI.AutoComplete;
-    export default AutoComplete;
-}
-
-declare module 'material-ui/lib/app-canvas' {
-    export import AppCanvas = __MaterialUI.AppCanvas;
-    export default AppCanvas;
-}
-
-declare module 'material-ui/lib/avatar' {
-    export import Avatar = __MaterialUI.Avatar;
-    export default Avatar;
-}
-
-declare module "material-ui/lib/badge" {
-    export import Badge = __MaterialUI.Badge;
-    export default Badge;
-}
-
-declare module 'material-ui/lib/before-after-wrapper' {
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
-    export default BeforeAfterWrapper;
-}
-
-declare module 'material-ui/lib/card/card' {
-    export import Card = __MaterialUI.Card.Card;
-    export default Card;
-}
-
-declare module 'material-ui/lib/card/card-actions' {
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export default CardActions;
-}
-
-declare module 'material-ui/lib/card/card-expandable' {
-    export import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export default CardExpandable;
-}
-
-declare module 'material-ui/lib/card/card-header' {
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export default CardHeader;
-}
-
-declare module 'material-ui/lib/card/card-media' {
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export default CardMedia;
-}
-
-declare module 'material-ui/lib/card/card-text' {
-    export import CardText = __MaterialUI.Card.CardText;
-    export default CardText;
-}
-
-declare module 'material-ui/lib/card/card-title' {
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export default CardTitle;
-}
-
-declare module 'material-ui/lib/checkbox' {
-    export import Checkbox = __MaterialUI.Checkbox;
-    export default Checkbox;
-}
-
-declare module 'material-ui/lib/circular-progress' {
-    export import CircularProgress = __MaterialUI.CircularProgress;
-    export default CircularProgress;
-}
-
-declare module 'material-ui/lib/clearfix' {
-    export import ClearFix = __MaterialUI.ClearFix;
-    export default ClearFix;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker' {
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export default DatePicker;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker-dialog' {
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
-    export default DatePickerDialog;
-}
-
-declare module 'material-ui/lib/dialog' {
-    export import Dialog = __MaterialUI.Dialog;
-    export default Dialog;
-}
-
-declare module 'material-ui/lib/drop-down-menu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/lib/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/lib/DropDownMenu/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/lib/enhanced-button' {
-    export import EnhancedButton = __MaterialUI.EnhancedButton;
-    export default EnhancedButton;
-}
-
-declare module 'material-ui/lib/flat-button' {
-    export import FlatButton = __MaterialUI.FlatButton;
-    export default FlatButton;
-}
-
-declare module 'material-ui/lib/floating-action-button' {
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export default FloatingActionButton;
-}
-
-declare module 'material-ui/lib/font-icon' {
-    export import FontIcon = __MaterialUI.FontIcon;
-    export default FontIcon;
-}
-
-declare module 'material-ui/lib/hoc/selectable-enhance' {
-    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance;
-    export default SelectableContainerEnhance;
-}
-
-declare module 'material-ui/lib/icon-button' {
-    export import IconButton = __MaterialUI.IconButton;
-    export default IconButton;
-}
-
-declare module 'material-ui/lib/left-nav' {
-    export import LeftNav = __MaterialUI.LeftNav;
-    export default LeftNav;
-}
-
-declare module 'material-ui/lib/linear-progress' {
-    export import LinearProgress = __MaterialUI.LinearProgress;
-    export default LinearProgress;
-}
-
-declare module 'material-ui/lib/lists/list' {
-    export import List = __MaterialUI.Lists.List;
-    export default List;
-}
-
-declare module 'material-ui/lib/lists/list-divider' {
-    export import ListDivider = __MaterialUI.Lists.ListDivider;
-    export default ListDivider;
-}
-
-declare module 'material-ui/lib/lists/list-item' {
-    export import ListItem = __MaterialUI.Lists.ListItem;
-    export default ListItem;
-}
-
-declare module 'material-ui/lib/mixins' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
-    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
-}
-
-declare module 'material-ui/lib/mixins/click-awayable' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable;
-    export default ClickAwayable;
-}
-
-declare module 'material-ui/lib/mixins/window-listenable' {
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable;
-    export default WindowListenable;
-}
-
-declare module 'material-ui/lib/mixins/style-propable' {
-    export import StylePropable = __MaterialUI.Mixins.StylePropable;
-    export default StylePropable;
-}
-
-declare module 'material-ui/lib/mixins/style-resizable' {
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable;
-    export default StyleResizable;
-}
-
-declare module 'material-ui/lib/overlay' {
-    export import Overlay = __MaterialUI.Overlay;
-    export default Overlay;
-}
-
-declare module 'material-ui/lib/paper' {
-    export import Paper = __MaterialUI.Paper;
-    export default Paper;
-}
-
-declare module 'material-ui/lib/popover/popover' {
-    export import Popover = __MaterialUI.Popover.Popover;
-    export default Popover;
-}
-
-declare module 'material-ui/lib/popover/popover-default-animation' {
-    export import PopoverDefaultAnimation = __MaterialUI.Popover.PopoverDefaultAnimation;
-    export default PopoverDefaultAnimation;
-}
-
-declare module 'material-ui/lib/popover/popover-animation-from-top' {
-    export import PopoverAnimationFromTop = __MaterialUI.Popover.PopoverAnimationFromTop;
-    export default PopoverAnimationFromTop;
-}
-
-declare module 'material-ui/lib/radio-button' {
-    export import RadioButton = __MaterialUI.RadioButton;
-    export default RadioButton;
-}
-
-declare module 'material-ui/lib/radio-button-group' {
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup;
-    export default RadioButtonGroup;
-}
-
-declare module 'material-ui/lib/raised-button' {
-    export import RaisedButton = __MaterialUI.RaisedButton;
-    export default RaisedButton;
-}
-
-declare module 'material-ui/lib/refresh-indicator' {
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export default RefreshIndicator;
-}
-
-declare module 'material-ui/lib/ripples' {
-    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
-    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
-    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
-}
-
-declare module 'material-ui/lib/select-field' {
-    export import SelectField = __MaterialUI.SelectField;
-    export default SelectField;
-}
-
-declare module 'material-ui/lib/slider' {
-    export import Slider = __MaterialUI.Slider;
-    export default Slider;
-}
-
-declare module 'material-ui/lib/svg-icon' {
-    export import SvgIcon = __MaterialUI.SvgIcon;
-    export default SvgIcon;
-}
-
-declare module 'material-ui/lib/svg-icons/action/work' {
-  export import ActionWork = __MaterialUI.SvgIcon;
-  export default ActionWork;
-}
-
-declare module 'material-ui/lib/svg-icons/action/camera-enhance' {
-  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
-  export default ActionCameraEnhance;
-}
-
-declare module 'material-ui/lib/svg-icons/action/flip-to-back' {
-  export import ActionFlipToBack = __MaterialUI.SvgIcon;
-  export default ActionFlipToBack;
-}
-
-declare module 'material-ui/lib/svg-icons/action/feedback' {
-  export import ActionFeedback = __MaterialUI.SvgIcon;
-  export default ActionFeedback;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment-turned-in' {
-  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentTurnedIn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/track-changes' {
-  export import ActionTrackChanges = __MaterialUI.SvgIcon;
-  export default ActionTrackChanges;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-stream' {
-  export import ActionViewStream = __MaterialUI.SvgIcon;
-  export default ActionViewStream;
-}
-
-declare module 'material-ui/lib/svg-icons/action/open-in-browser' {
-  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
-  export default ActionOpenInBrowser;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-headline' {
-  export import ActionViewHeadline = __MaterialUI.SvgIcon;
-  export default ActionViewHeadline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/alarm-add' {
-  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
-  export default ActionAlarmAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/action/history' {
-  export import ActionHistory = __MaterialUI.SvgIcon;
-  export default ActionHistory;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-device-information' {
-  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
-  export default ActionPermDeviceInformation;
-}
-
-declare module 'material-ui/lib/svg-icons/action/reorder' {
-  export import ActionReorder = __MaterialUI.SvgIcon;
-  export default ActionReorder;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment' {
-  export import ActionAssignment = __MaterialUI.SvgIcon;
-  export default ActionAssignment;
-}
-
-declare module 'material-ui/lib/svg-icons/action/shopping-cart' {
-  export import ActionShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionShoppingCart;
-}
-
-declare module 'material-ui/lib/svg-icons/action/face' {
-  export import ActionFace = __MaterialUI.SvgIcon;
-  export default ActionFace;
-}
-
-declare module 'material-ui/lib/svg-icons/action/event' {
-  export import ActionEvent = __MaterialUI.SvgIcon;
-  export default ActionEvent;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-week' {
-  export import ActionViewWeek = __MaterialUI.SvgIcon;
-  export default ActionViewWeek;
-}
-
-declare module 'material-ui/lib/svg-icons/action/rounded-corner' {
-  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
-  export default ActionRoundedCorner;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-carousel' {
-  export import ActionViewCarousel = __MaterialUI.SvgIcon;
-  export default ActionViewCarousel;
-}
-
-declare module 'material-ui/lib/svg-icons/action/toll' {
-  export import ActionToll = __MaterialUI.SvgIcon;
-  export default ActionToll;
-}
-
-declare module 'material-ui/lib/svg-icons/action/home' {
-  export import ActionHome = __MaterialUI.SvgIcon;
-  export default ActionHome;
-}
-
-declare module 'material-ui/lib/svg-icons/action/subject' {
-  export import ActionSubject = __MaterialUI.SvgIcon;
-  export default ActionSubject;
-}
-
-declare module 'material-ui/lib/svg-icons/action/lock' {
-  export import ActionLock = __MaterialUI.SvgIcon;
-  export default ActionLock;
-}
-
-declare module 'material-ui/lib/svg-icons/action/visibility-off' {
-  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
-  export default ActionVisibilityOff;
-}
-
-declare module 'material-ui/lib/svg-icons/action/opacity' {
-  export import ActionOpacity = __MaterialUI.SvgIcon;
-  export default ActionOpacity;
-}
-
-declare module 'material-ui/lib/svg-icons/action/dns' {
-  export import ActionDns = __MaterialUI.SvgIcon;
-  export default ActionDns;
-}
-
-declare module 'material-ui/lib/svg-icons/action/open-with' {
-  export import ActionOpenWith = __MaterialUI.SvgIcon;
-  export default ActionOpenWith;
-}
-
-declare module 'material-ui/lib/svg-icons/action/system-update-alt' {
-  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
-  export default ActionSystemUpdateAlt;
-}
-
-declare module 'material-ui/lib/svg-icons/action/picture-in-picture-alt' {
-  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
-  export default ActionPictureInPictureAlt;
-}
-
-declare module 'material-ui/lib/svg-icons/action/bookmark-border' {
-  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
-  export default ActionBookmarkBorder;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings' {
-  export import ActionSettings = __MaterialUI.SvgIcon;
-  export default ActionSettings;
-}
-
-declare module 'material-ui/lib/svg-icons/action/dashboard' {
-  export import ActionDashboard = __MaterialUI.SvgIcon;
-  export default ActionDashboard;
-}
-
-declare module 'material-ui/lib/svg-icons/action/done-all' {
-  export import ActionDoneAll = __MaterialUI.SvgIcon;
-  export default ActionDoneAll;
-}
-
-declare module 'material-ui/lib/svg-icons/action/aspect-ratio' {
-  export import ActionAspectRatio = __MaterialUI.SvgIcon;
-  export default ActionAspectRatio;
-}
-
-declare module 'material-ui/lib/svg-icons/action/verified-user' {
-  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
-  export default ActionVerifiedUser;
-}
-
-declare module 'material-ui/lib/svg-icons/action/update' {
-  export import ActionUpdate = __MaterialUI.SvgIcon;
-  export default ActionUpdate;
-}
-
-declare module 'material-ui/lib/svg-icons/action/query-builder' {
-  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
-  export default ActionQueryBuilder;
-}
-
-declare module 'material-ui/lib/svg-icons/action/supervisor-account' {
-  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
-  export default ActionSupervisorAccount;
-}
-
-declare module 'material-ui/lib/svg-icons/action/polymer' {
-  export import ActionPolymer = __MaterialUI.SvgIcon;
-  export default ActionPolymer;
-}
-
-declare module 'material-ui/lib/svg-icons/action/accessible' {
-  export import ActionAccessible = __MaterialUI.SvgIcon;
-  export default ActionAccessible;
-}
-
-declare module 'material-ui/lib/svg-icons/action/highlight-off' {
-  export import ActionHighlightOff = __MaterialUI.SvgIcon;
-  export default ActionHighlightOff;
-}
-
-declare module 'material-ui/lib/svg-icons/action/power-settings-new' {
-  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
-  export default ActionPowerSettingsNew;
-}
-
-declare module 'material-ui/lib/svg-icons/action/chrome-reader-mode' {
-  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
-  export default ActionChromeReaderMode;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-camera-mic' {
-  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
-  export default ActionPermCameraMic;
-}
-
-declare module 'material-ui/lib/svg-icons/action/touch-app' {
-  export import ActionTouchApp = __MaterialUI.SvgIcon;
-  export default ActionTouchApp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/receipt' {
-  export import ActionReceipt = __MaterialUI.SvgIcon;
-  export default ActionReceipt;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment-late' {
-  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
-  export default ActionAssignmentLate;
-}
-
-declare module 'material-ui/lib/svg-icons/action/alarm-off' {
-  export import ActionAlarmOff = __MaterialUI.SvgIcon;
-  export default ActionAlarmOff;
-}
-
-declare module 'material-ui/lib/svg-icons/action/toc' {
-  export import ActionToc = __MaterialUI.SvgIcon;
-  export default ActionToc;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-bluetooth' {
-  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
-  export default ActionSettingsBluetooth;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-brightness' {
-  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
-  export default ActionSettingsBrightness;
-}
-
-declare module 'material-ui/lib/svg-icons/action/donut-small' {
-  export import ActionDonutSmall = __MaterialUI.SvgIcon;
-  export default ActionDonutSmall;
-}
-
-declare module 'material-ui/lib/svg-icons/action/zoom-out' {
-  export import ActionZoomOut = __MaterialUI.SvgIcon;
-  export default ActionZoomOut;
-}
-
-declare module 'material-ui/lib/svg-icons/action/loyalty' {
-  export import ActionLoyalty = __MaterialUI.SvgIcon;
-  export default ActionLoyalty;
-}
-
-declare module 'material-ui/lib/svg-icons/action/search' {
-  export import ActionSearch = __MaterialUI.SvgIcon;
-  export default ActionSearch;
-}
-
-declare module 'material-ui/lib/svg-icons/action/account-balance-wallet' {
-  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
-  export default ActionAccountBalanceWallet;
-}
-
-declare module 'material-ui/lib/svg-icons/action/date-range' {
-  export import ActionDateRange = __MaterialUI.SvgIcon;
-  export default ActionDateRange;
-}
-
-declare module 'material-ui/lib/svg-icons/action/alarm-on' {
-  export import ActionAlarmOn = __MaterialUI.SvgIcon;
-  export default ActionAlarmOn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-quilt' {
-  export import ActionViewQuilt = __MaterialUI.SvgIcon;
-  export default ActionViewQuilt;
-}
-
-declare module 'material-ui/lib/svg-icons/action/launch' {
-  export import ActionLaunch = __MaterialUI.SvgIcon;
-  export default ActionLaunch;
-}
-
-declare module 'material-ui/lib/svg-icons/action/visibility' {
-  export import ActionVisibility = __MaterialUI.SvgIcon;
-  export default ActionVisibility;
-}
-
-declare module 'material-ui/lib/svg-icons/action/flight-land' {
-  export import ActionFlightLand = __MaterialUI.SvgIcon;
-  export default ActionFlightLand;
-}
-
-declare module 'material-ui/lib/svg-icons/action/card-travel' {
-  export import ActionCardTravel = __MaterialUI.SvgIcon;
-  export default ActionCardTravel;
-}
-
-declare module 'material-ui/lib/svg-icons/action/get-app' {
-  export import ActionGetApp = __MaterialUI.SvgIcon;
-  export default ActionGetApp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/markunread-mailbox' {
-  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
-  export default ActionMarkunreadMailbox;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-agenda' {
-  export import ActionViewAgenda = __MaterialUI.SvgIcon;
-  export default ActionViewAgenda;
-}
-
-declare module 'material-ui/lib/svg-icons/action/timeline' {
-  export import ActionTimeline = __MaterialUI.SvgIcon;
-  export default ActionTimeline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-remote' {
-  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
-  export default ActionSettingsRemote;
-}
-
-declare module 'material-ui/lib/svg-icons/action/input' {
-  export import ActionInput = __MaterialUI.SvgIcon;
-  export default ActionInput;
-}
-
-declare module 'material-ui/lib/svg-icons/action/record-voice-over' {
-  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
-  export default ActionRecordVoiceOver;
-}
-
-declare module 'material-ui/lib/svg-icons/action/backup' {
-  export import ActionBackup = __MaterialUI.SvgIcon;
-  export default ActionBackup;
-}
-
-declare module 'material-ui/lib/svg-icons/action/language' {
-  export import ActionLanguage = __MaterialUI.SvgIcon;
-  export default ActionLanguage;
-}
-
-declare module 'material-ui/lib/svg-icons/action/play-for-work' {
-  export import ActionPlayForWork = __MaterialUI.SvgIcon;
-  export default ActionPlayForWork;
-}
-
-declare module 'material-ui/lib/svg-icons/action/gif' {
-  export import ActionGif = __MaterialUI.SvgIcon;
-  export default ActionGif;
-}
-
-declare module 'material-ui/lib/svg-icons/action/theaters' {
-  export import ActionTheaters = __MaterialUI.SvgIcon;
-  export default ActionTheaters;
-}
-
-declare module 'material-ui/lib/svg-icons/action/offline-pin' {
-  export import ActionOfflinePin = __MaterialUI.SvgIcon;
-  export default ActionOfflinePin;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment-return' {
-  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/print' {
-  export import ActionPrint = __MaterialUI.SvgIcon;
-  export default ActionPrint;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-overscan' {
-  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
-  export default ActionSettingsOverscan;
-}
-
-declare module 'material-ui/lib/svg-icons/action/store' {
-  export import ActionStore = __MaterialUI.SvgIcon;
-  export default ActionStore;
-}
-
-declare module 'material-ui/lib/svg-icons/action/exit-to-app' {
-  export import ActionExitToApp = __MaterialUI.SvgIcon;
-  export default ActionExitToApp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/account-balance' {
-  export import ActionAccountBalance = __MaterialUI.SvgIcon;
-  export default ActionAccountBalance;
-}
-
-declare module 'material-ui/lib/svg-icons/action/grade' {
-  export import ActionGrade = __MaterialUI.SvgIcon;
-  export default ActionGrade;
-}
-
-declare module 'material-ui/lib/svg-icons/action/picture-in-picture' {
-  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
-  export default ActionPictureInPicture;
-}
-
-declare module 'material-ui/lib/svg-icons/action/copyright' {
-  export import ActionCopyright = __MaterialUI.SvgIcon;
-  export default ActionCopyright;
-}
-
-declare module 'material-ui/lib/svg-icons/action/donut-large' {
-  export import ActionDonutLarge = __MaterialUI.SvgIcon;
-  export default ActionDonutLarge;
-}
-
-declare module 'material-ui/lib/svg-icons/action/lock-open' {
-  export import ActionLockOpen = __MaterialUI.SvgIcon;
-  export default ActionLockOpen;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-media' {
-  export import ActionPermMedia = __MaterialUI.SvgIcon;
-  export default ActionPermMedia;
-}
-
-declare module 'material-ui/lib/svg-icons/action/all-out' {
-  export import ActionAllOut = __MaterialUI.SvgIcon;
-  export default ActionAllOut;
-}
-
-declare module 'material-ui/lib/svg-icons/action/check-circle' {
-  export import ActionCheckCircle = __MaterialUI.SvgIcon;
-  export default ActionCheckCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/action/swap-vertical-circle' {
-  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
-  export default ActionSwapVerticalCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-input-svideo' {
-  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputSvideo;
-}
-
-declare module 'material-ui/lib/svg-icons/action/watch-later' {
-  export import ActionWatchLater = __MaterialUI.SvgIcon;
-  export default ActionWatchLater;
-}
-
-declare module 'material-ui/lib/svg-icons/action/question-answer' {
-  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
-  export default ActionQuestionAnswer;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment-ind' {
-  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
-  export default ActionAssignmentInd;
-}
-
-declare module 'material-ui/lib/svg-icons/action/code' {
-  export import ActionCode = __MaterialUI.SvgIcon;
-  export default ActionCode;
-}
-
-declare module 'material-ui/lib/svg-icons/action/turned-in-not' {
-  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
-  export default ActionTurnedInNot;
-}
-
-declare module 'material-ui/lib/svg-icons/action/line-weight' {
-  export import ActionLineWeight = __MaterialUI.SvgIcon;
-  export default ActionLineWeight;
-}
-
-declare module 'material-ui/lib/svg-icons/action/restore' {
-  export import ActionRestore = __MaterialUI.SvgIcon;
-  export default ActionRestore;
-}
-
-declare module 'material-ui/lib/svg-icons/action/tab' {
-  export import ActionTab = __MaterialUI.SvgIcon;
-  export default ActionTab;
-}
-
-declare module 'material-ui/lib/svg-icons/action/open-in-new' {
-  export import ActionOpenInNew = __MaterialUI.SvgIcon;
-  export default ActionOpenInNew;
-}
-
-declare module 'material-ui/lib/svg-icons/action/turned-in' {
-  export import ActionTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionTurnedIn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-input-hdmi' {
-  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputHdmi;
-}
-
-declare module 'material-ui/lib/svg-icons/action/favorite-border' {
-  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
-  export default ActionFavoriteBorder;
-}
-
-declare module 'material-ui/lib/svg-icons/action/done' {
-  export import ActionDone = __MaterialUI.SvgIcon;
-  export default ActionDone;
-}
-
-declare module 'material-ui/lib/svg-icons/action/payment' {
-  export import ActionPayment = __MaterialUI.SvgIcon;
-  export default ActionPayment;
-}
-
-declare module 'material-ui/lib/svg-icons/action/announcement' {
-  export import ActionAnnouncement = __MaterialUI.SvgIcon;
-  export default ActionAnnouncement;
-}
-
-declare module 'material-ui/lib/svg-icons/action/find-in-page' {
-  export import ActionFindInPage = __MaterialUI.SvgIcon;
-  export default ActionFindInPage;
-}
-
-declare module 'material-ui/lib/svg-icons/action/thumbs-up-down' {
-  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
-  export default ActionThumbsUpDown;
-}
-
-declare module 'material-ui/lib/svg-icons/action/explore' {
-  export import ActionExplore = __MaterialUI.SvgIcon;
-  export default ActionExplore;
-}
-
-declare module 'material-ui/lib/svg-icons/action/today' {
-  export import ActionToday = __MaterialUI.SvgIcon;
-  export default ActionToday;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-power' {
-  export import ActionSettingsPower = __MaterialUI.SvgIcon;
-  export default ActionSettingsPower;
-}
-
-declare module 'material-ui/lib/svg-icons/action/gavel' {
-  export import ActionGavel = __MaterialUI.SvgIcon;
-  export default ActionGavel;
-}
-
-declare module 'material-ui/lib/svg-icons/action/build' {
-  export import ActionBuild = __MaterialUI.SvgIcon;
-  export default ActionBuild;
-}
-
-declare module 'material-ui/lib/svg-icons/action/rowing' {
-  export import ActionRowing = __MaterialUI.SvgIcon;
-  export default ActionRowing;
-}
-
-declare module 'material-ui/lib/svg-icons/action/label' {
-  export import ActionLabel = __MaterialUI.SvgIcon;
-  export default ActionLabel;
-}
-
-declare module 'material-ui/lib/svg-icons/action/card-giftcard' {
-  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
-  export default ActionCardGiftcard;
-}
-
-declare module 'material-ui/lib/svg-icons/action/thumb-up' {
-  export import ActionThumbUp = __MaterialUI.SvgIcon;
-  export default ActionThumbUp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/shopping-basket' {
-  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
-  export default ActionShoppingBasket;
-}
-
-declare module 'material-ui/lib/svg-icons/action/swap-horiz' {
-  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
-  export default ActionSwapHoriz;
-}
-
-declare module 'material-ui/lib/svg-icons/action/help-outline' {
-  export import ActionHelpOutline = __MaterialUI.SvgIcon;
-  export default ActionHelpOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/pregnant-woman' {
-  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
-  export default ActionPregnantWoman;
-}
-
-declare module 'material-ui/lib/svg-icons/action/help' {
-  export import ActionHelp = __MaterialUI.SvgIcon;
-  export default ActionHelp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-input-antenna' {
-  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputAntenna;
-}
-
-declare module 'material-ui/lib/svg-icons/action/find-replace' {
-  export import ActionFindReplace = __MaterialUI.SvgIcon;
-  export default ActionFindReplace;
-}
-
-declare module 'material-ui/lib/svg-icons/action/shop' {
-  export import ActionShop = __MaterialUI.SvgIcon;
-  export default ActionShop;
-}
-
-declare module 'material-ui/lib/svg-icons/action/change-history' {
-  export import ActionChangeHistory = __MaterialUI.SvgIcon;
-  export default ActionChangeHistory;
-}
-
-declare module 'material-ui/lib/svg-icons/action/info' {
-  export import ActionInfo = __MaterialUI.SvgIcon;
-  export default ActionInfo;
-}
-
-declare module 'material-ui/lib/svg-icons/action/trending-down' {
-  export import ActionTrendingDown = __MaterialUI.SvgIcon;
-  export default ActionTrendingDown;
-}
-
-declare module 'material-ui/lib/svg-icons/action/flight-takeoff' {
-  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
-  export default ActionFlightTakeoff;
-}
-
-declare module 'material-ui/lib/svg-icons/action/alarm' {
-  export import ActionAlarm = __MaterialUI.SvgIcon;
-  export default ActionAlarm;
-}
-
-declare module 'material-ui/lib/svg-icons/action/spellcheck' {
-  export import ActionSpellcheck = __MaterialUI.SvgIcon;
-  export default ActionSpellcheck;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-input-component' {
-  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComponent;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-applications' {
-  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
-  export default ActionSettingsApplications;
-}
-
-declare module 'material-ui/lib/svg-icons/action/room' {
-  export import ActionRoom = __MaterialUI.SvgIcon;
-  export default ActionRoom;
-}
-
-declare module 'material-ui/lib/svg-icons/action/book' {
-  export import ActionBook = __MaterialUI.SvgIcon;
-  export default ActionBook;
-}
-
-declare module 'material-ui/lib/svg-icons/action/class' {
-  export import ActionClass = __MaterialUI.SvgIcon;
-  export default ActionClass;
-}
-
-declare module 'material-ui/lib/svg-icons/action/group-work' {
-  export import ActionGroupWork = __MaterialUI.SvgIcon;
-  export default ActionGroupWork;
-}
-
-declare module 'material-ui/lib/svg-icons/action/hourglass-full' {
-  export import ActionHourglassFull = __MaterialUI.SvgIcon;
-  export default ActionHourglassFull;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assessment' {
-  export import ActionAssessment = __MaterialUI.SvgIcon;
-  export default ActionAssessment;
-}
-
-declare module 'material-ui/lib/svg-icons/action/youtube-searched-for' {
-  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
-  export default ActionYoutubeSearchedFor;
-}
-
-declare module 'material-ui/lib/svg-icons/action/eject' {
-  export import ActionEject = __MaterialUI.SvgIcon;
-  export default ActionEject;
-}
-
-declare module 'material-ui/lib/svg-icons/action/trending-up' {
-  export import ActionTrendingUp = __MaterialUI.SvgIcon;
-  export default ActionTrendingUp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/http' {
-  export import ActionHttp = __MaterialUI.SvgIcon;
-  export default ActionHttp;
-}
-
-declare module 'material-ui/lib/svg-icons/action/stars' {
-  export import ActionStars = __MaterialUI.SvgIcon;
-  export default ActionStars;
-}
-
-declare module 'material-ui/lib/svg-icons/action/autorenew' {
-  export import ActionAutorenew = __MaterialUI.SvgIcon;
-  export default ActionAutorenew;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-ethernet' {
-  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
-  export default ActionSettingsEthernet;
-}
-
-declare module 'material-ui/lib/svg-icons/action/label-outline' {
-  export import ActionLabelOutline = __MaterialUI.SvgIcon;
-  export default ActionLabelOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-phone' {
-  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
-  export default ActionSettingsPhone;
-}
-
-declare module 'material-ui/lib/svg-icons/action/info-outline' {
-  export import ActionInfoOutline = __MaterialUI.SvgIcon;
-  export default ActionInfoOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/lock-outline' {
-  export import ActionLockOutline = __MaterialUI.SvgIcon;
-  export default ActionLockOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-input-composite' {
-  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComposite;
-}
-
-declare module 'material-ui/lib/svg-icons/action/invert-colors' {
-  export import ActionInvertColors = __MaterialUI.SvgIcon;
-  export default ActionInvertColors;
-}
-
-declare module 'material-ui/lib/svg-icons/action/bookmark' {
-  export import ActionBookmark = __MaterialUI.SvgIcon;
-  export default ActionBookmark;
-}
-
-declare module 'material-ui/lib/svg-icons/action/add-shopping-cart' {
-  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionAddShoppingCart;
-}
-
-declare module 'material-ui/lib/svg-icons/action/bug-report' {
-  export import ActionBugReport = __MaterialUI.SvgIcon;
-  export default ActionBugReport;
-}
-
-declare module 'material-ui/lib/svg-icons/action/cached' {
-  export import ActionCached = __MaterialUI.SvgIcon;
-  export default ActionCached;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-day' {
-  export import ActionViewDay = __MaterialUI.SvgIcon;
-  export default ActionViewDay;
-}
-
-declare module 'material-ui/lib/svg-icons/action/fingerprint' {
-  export import ActionFingerprint = __MaterialUI.SvgIcon;
-  export default ActionFingerprint;
-}
-
-declare module 'material-ui/lib/svg-icons/action/accessibility' {
-  export import ActionAccessibility = __MaterialUI.SvgIcon;
-  export default ActionAccessibility;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-data-setting' {
-  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
-  export default ActionPermDataSetting;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-backup-restore' {
-  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
-  export default ActionSettingsBackupRestore;
-}
-
-declare module 'material-ui/lib/svg-icons/action/zoom-in' {
-  export import ActionZoomIn = __MaterialUI.SvgIcon;
-  export default ActionZoomIn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-identity' {
-  export import ActionPermIdentity = __MaterialUI.SvgIcon;
-  export default ActionPermIdentity;
-}
-
-declare module 'material-ui/lib/svg-icons/action/favorite' {
-  export import ActionFavorite = __MaterialUI.SvgIcon;
-  export default ActionFavorite;
-}
-
-declare module 'material-ui/lib/svg-icons/action/thumb-down' {
-  export import ActionThumbDown = __MaterialUI.SvgIcon;
-  export default ActionThumbDown;
-}
-
-declare module 'material-ui/lib/svg-icons/action/assignment-returned' {
-  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturned;
-}
-
-declare module 'material-ui/lib/svg-icons/action/account-box' {
-  export import ActionAccountBox = __MaterialUI.SvgIcon;
-  export default ActionAccountBox;
-}
-
-declare module 'material-ui/lib/svg-icons/action/extension' {
-  export import ActionExtension = __MaterialUI.SvgIcon;
-  export default ActionExtension;
-}
-
-declare module 'material-ui/lib/svg-icons/action/pageview' {
-  export import ActionPageview = __MaterialUI.SvgIcon;
-  export default ActionPageview;
-}
-
-declare module 'material-ui/lib/svg-icons/action/https' {
-  export import ActionHttps = __MaterialUI.SvgIcon;
-  export default ActionHttps;
-}
-
-declare module 'material-ui/lib/svg-icons/action/translate' {
-  export import ActionTranslate = __MaterialUI.SvgIcon;
-  export default ActionTranslate;
-}
-
-declare module 'material-ui/lib/svg-icons/action/three-d-rotation' {
-  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
-  export default ActionThreeDRotation;
-}
-
-declare module 'material-ui/lib/svg-icons/action/tab-unselected' {
-  export import ActionTabUnselected = __MaterialUI.SvgIcon;
-  export default ActionTabUnselected;
-}
-
-declare module 'material-ui/lib/svg-icons/action/description' {
-  export import ActionDescription = __MaterialUI.SvgIcon;
-  export default ActionDescription;
-}
-
-declare module 'material-ui/lib/svg-icons/action/note-add' {
-  export import ActionNoteAdd = __MaterialUI.SvgIcon;
-  export default ActionNoteAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-scan-wifi' {
-  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
-  export default ActionPermScanWifi;
-}
-
-declare module 'material-ui/lib/svg-icons/action/pets' {
-  export import ActionPets = __MaterialUI.SvgIcon;
-  export default ActionPets;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-array' {
-  export import ActionViewArray = __MaterialUI.SvgIcon;
-  export default ActionViewArray;
-}
-
-declare module 'material-ui/lib/svg-icons/action/shop-two' {
-  export import ActionShopTwo = __MaterialUI.SvgIcon;
-  export default ActionShopTwo;
-}
-
-declare module 'material-ui/lib/svg-icons/action/line-style' {
-  export import ActionLineStyle = __MaterialUI.SvgIcon;
-  export default ActionLineStyle;
-}
-
-declare module 'material-ui/lib/svg-icons/action/lightbulb-outline' {
-  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
-  export default ActionLightbulbOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/action/report-problem' {
-  export import ActionReportProblem = __MaterialUI.SvgIcon;
-  export default ActionReportProblem;
-}
-
-declare module 'material-ui/lib/svg-icons/action/swap-vert' {
-  export import ActionSwapVert = __MaterialUI.SvgIcon;
-  export default ActionSwapVert;
-}
-
-declare module 'material-ui/lib/svg-icons/action/list' {
-  export import ActionList = __MaterialUI.SvgIcon;
-  export default ActionList;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-voice' {
-  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
-  export default ActionSettingsVoice;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-list' {
-  export import ActionViewList = __MaterialUI.SvgIcon;
-  export default ActionViewList;
-}
-
-declare module 'material-ui/lib/svg-icons/action/pan-tool' {
-  export import ActionPanTool = __MaterialUI.SvgIcon;
-  export default ActionPanTool;
-}
-
-declare module 'material-ui/lib/svg-icons/action/important-devices' {
-  export import ActionImportantDevices = __MaterialUI.SvgIcon;
-  export default ActionImportantDevices;
-}
-
-declare module 'material-ui/lib/svg-icons/action/redeem' {
-  export import ActionRedeem = __MaterialUI.SvgIcon;
-  export default ActionRedeem;
-}
-
-declare module 'material-ui/lib/svg-icons/action/flip-to-front' {
-  export import ActionFlipToFront = __MaterialUI.SvgIcon;
-  export default ActionFlipToFront;
-}
-
-declare module 'material-ui/lib/svg-icons/action/android' {
-  export import ActionAndroid = __MaterialUI.SvgIcon;
-  export default ActionAndroid;
-}
-
-declare module 'material-ui/lib/svg-icons/action/account-circle' {
-  export import ActionAccountCircle = __MaterialUI.SvgIcon;
-  export default ActionAccountCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/action/event-seat' {
-  export import ActionEventSeat = __MaterialUI.SvgIcon;
-  export default ActionEventSeat;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-contact-calendar' {
-  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
-  export default ActionPermContactCalendar;
-}
-
-declare module 'material-ui/lib/svg-icons/action/perm-phone-msg' {
-  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
-  export default ActionPermPhoneMsg;
-}
-
-declare module 'material-ui/lib/svg-icons/action/delete' {
-  export import ActionDelete = __MaterialUI.SvgIcon;
-  export default ActionDelete;
-}
-
-declare module 'material-ui/lib/svg-icons/action/card-membership' {
-  export import ActionCardMembership = __MaterialUI.SvgIcon;
-  export default ActionCardMembership;
-}
-
-declare module 'material-ui/lib/svg-icons/action/hourglass-empty' {
-  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
-  export default ActionHourglassEmpty;
-}
-
-declare module 'material-ui/lib/svg-icons/action/schedule' {
-  export import ActionSchedule = __MaterialUI.SvgIcon;
-  export default ActionSchedule;
-}
-
-declare module 'material-ui/lib/svg-icons/action/trending-flat' {
-  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
-  export default ActionTrendingFlat;
-}
-
-declare module 'material-ui/lib/svg-icons/action/motorcycle' {
-  export import ActionMotorcycle = __MaterialUI.SvgIcon;
-  export default ActionMotorcycle;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-column' {
-  export import ActionViewColumn = __MaterialUI.SvgIcon;
-  export default ActionViewColumn;
-}
-
-declare module 'material-ui/lib/svg-icons/action/settings-cell' {
-  export import ActionSettingsCell = __MaterialUI.SvgIcon;
-  export default ActionSettingsCell;
-}
-
-declare module 'material-ui/lib/svg-icons/action/credit-card' {
-  export import ActionCreditCard = __MaterialUI.SvgIcon;
-  export default ActionCreditCard;
-}
-
-declare module 'material-ui/lib/svg-icons/action/view-module' {
-  export import ActionViewModule = __MaterialUI.SvgIcon;
-  export default ActionViewModule;
-}
-
-declare module 'material-ui/lib/svg-icons/action/compare-arrows' {
-  export import ActionCompareArrows = __MaterialUI.SvgIcon;
-  export default ActionCompareArrows;
-}
-
-declare module 'material-ui/lib/svg-icons/action/speaker-notes' {
-  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
-  export default ActionSpeakerNotes;
-}
-
-declare module 'material-ui/lib/svg-icons/social/person' {
-  export import SocialPerson = __MaterialUI.SvgIcon;
-  export default SocialPerson;
-}
-
-declare module 'material-ui/lib/svg-icons/social/notifications-none' {
-  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
-  export default SocialNotificationsNone;
-}
-
-declare module 'material-ui/lib/svg-icons/social/domain' {
-  export import SocialDomain = __MaterialUI.SvgIcon;
-  export default SocialDomain;
-}
-
-declare module 'material-ui/lib/svg-icons/social/notifications-paused' {
-  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
-  export default SocialNotificationsPaused;
-}
-
-declare module 'material-ui/lib/svg-icons/social/person-outline' {
-  export import SocialPersonOutline = __MaterialUI.SvgIcon;
-  export default SocialPersonOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/social/plus-one' {
-  export import SocialPlusOne = __MaterialUI.SvgIcon;
-  export default SocialPlusOne;
-}
-
-declare module 'material-ui/lib/svg-icons/social/notifications-active' {
-  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
-  export default SocialNotificationsActive;
-}
-
-declare module 'material-ui/lib/svg-icons/social/share' {
-  export import SocialShare = __MaterialUI.SvgIcon;
-  export default SocialShare;
-}
-
-declare module 'material-ui/lib/svg-icons/social/whatshot' {
-  export import SocialWhatshot = __MaterialUI.SvgIcon;
-  export default SocialWhatshot;
-}
-
-declare module 'material-ui/lib/svg-icons/social/poll' {
-  export import SocialPoll = __MaterialUI.SvgIcon;
-  export default SocialPoll;
-}
-
-declare module 'material-ui/lib/svg-icons/social/pages' {
-  export import SocialPages = __MaterialUI.SvgIcon;
-  export default SocialPages;
-}
-
-declare module 'material-ui/lib/svg-icons/social/notifications-off' {
-  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
-  export default SocialNotificationsOff;
-}
-
-declare module 'material-ui/lib/svg-icons/social/notifications' {
-  export import SocialNotifications = __MaterialUI.SvgIcon;
-  export default SocialNotifications;
-}
-
-declare module 'material-ui/lib/svg-icons/social/school' {
-  export import SocialSchool = __MaterialUI.SvgIcon;
-  export default SocialSchool;
-}
-
-declare module 'material-ui/lib/svg-icons/social/cake' {
-  export import SocialCake = __MaterialUI.SvgIcon;
-  export default SocialCake;
-}
-
-declare module 'material-ui/lib/svg-icons/social/people-outline' {
-  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
-  export default SocialPeopleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/social/location-city' {
-  export import SocialLocationCity = __MaterialUI.SvgIcon;
-  export default SocialLocationCity;
-}
-
-declare module 'material-ui/lib/svg-icons/social/public' {
-  export import SocialPublic = __MaterialUI.SvgIcon;
-  export default SocialPublic;
-}
-
-declare module 'material-ui/lib/svg-icons/social/mood-bad' {
-  export import SocialMoodBad = __MaterialUI.SvgIcon;
-  export default SocialMoodBad;
-}
-
-declare module 'material-ui/lib/svg-icons/social/people' {
-  export import SocialPeople = __MaterialUI.SvgIcon;
-  export default SocialPeople;
-}
-
-declare module 'material-ui/lib/svg-icons/social/mood' {
-  export import SocialMood = __MaterialUI.SvgIcon;
-  export default SocialMood;
-}
-
-declare module 'material-ui/lib/svg-icons/social/party-mode' {
-  export import SocialPartyMode = __MaterialUI.SvgIcon;
-  export default SocialPartyMode;
-}
-
-declare module 'material-ui/lib/svg-icons/social/group' {
-  export import SocialGroup = __MaterialUI.SvgIcon;
-  export default SocialGroup;
-}
-
-declare module 'material-ui/lib/svg-icons/social/person-add' {
-  export import SocialPersonAdd = __MaterialUI.SvgIcon;
-  export default SocialPersonAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/social/group-add' {
-  export import SocialGroupAdd = __MaterialUI.SvgIcon;
-  export default SocialGroupAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/edit-location' {
-  export import MapsEditLocation = __MaterialUI.SvgIcon;
-  export default MapsEditLocation;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-airport' {
-  export import MapsLocalAirport = __MaterialUI.SvgIcon;
-  export default MapsLocalAirport;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-phone' {
-  export import MapsLocalPhone = __MaterialUI.SvgIcon;
-  export default MapsLocalPhone;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-car' {
-  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
-  export default MapsDirectionsCar;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-drink' {
-  export import MapsLocalDrink = __MaterialUI.SvgIcon;
-  export default MapsLocalDrink;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-gas-station' {
-  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
-  export default MapsLocalGasStation;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/store-mall-directory' {
-  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
-  export default MapsStoreMallDirectory;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/add-location' {
-  export import MapsAddLocation = __MaterialUI.SvgIcon;
-  export default MapsAddLocation;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-laundry-service' {
-  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
-  export default MapsLocalLaundryService;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-hotel' {
-  export import MapsLocalHotel = __MaterialUI.SvgIcon;
-  export default MapsLocalHotel;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-pizza' {
-  export import MapsLocalPizza = __MaterialUI.SvgIcon;
-  export default MapsLocalPizza;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/person-pin-circle' {
-  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
-  export default MapsPersonPinCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/terrain' {
-  export import MapsTerrain = __MaterialUI.SvgIcon;
-  export default MapsTerrain;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-subway' {
-  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsSubway;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-bar' {
-  export import MapsLocalBar = __MaterialUI.SvgIcon;
-  export default MapsLocalBar;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-car-wash' {
-  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
-  export default MapsLocalCarWash;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/restaurant-menu' {
-  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
-  export default MapsRestaurantMenu;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/near-me' {
-  export import MapsNearMe = __MaterialUI.SvgIcon;
-  export default MapsNearMe;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions' {
-  export import MapsDirections = __MaterialUI.SvgIcon;
-  export default MapsDirections;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/my-location' {
-  export import MapsMyLocation = __MaterialUI.SvgIcon;
-  export default MapsMyLocation;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-convenience-store' {
-  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
-  export default MapsLocalConvenienceStore;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-offer' {
-  export import MapsLocalOffer = __MaterialUI.SvgIcon;
-  export default MapsLocalOffer;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-florist' {
-  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
-  export default MapsLocalFlorist;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-shipping' {
-  export import MapsLocalShipping = __MaterialUI.SvgIcon;
-  export default MapsLocalShipping;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-taxi' {
-  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
-  export default MapsLocalTaxi;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-walk' {
-  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
-  export default MapsDirectionsWalk;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-hospital' {
-  export import MapsLocalHospital = __MaterialUI.SvgIcon;
-  export default MapsLocalHospital;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/layers' {
-  export import MapsLayers = __MaterialUI.SvgIcon;
-  export default MapsLayers;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-run' {
-  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRun;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/rate-review' {
-  export import MapsRateReview = __MaterialUI.SvgIcon;
-  export default MapsRateReview;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-dining' {
-  export import MapsLocalDining = __MaterialUI.SvgIcon;
-  export default MapsLocalDining;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-post-office' {
-  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
-  export default MapsLocalPostOffice;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/pin-drop' {
-  export import MapsPinDrop = __MaterialUI.SvgIcon;
-  export default MapsPinDrop;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-boat' {
-  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBoat;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-see' {
-  export import MapsLocalSee = __MaterialUI.SvgIcon;
-  export default MapsLocalSee;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/map' {
-  export import MapsMap = __MaterialUI.SvgIcon;
-  export default MapsMap;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/flight' {
-  export import MapsFlight = __MaterialUI.SvgIcon;
-  export default MapsFlight;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/person-pin' {
-  export import MapsPersonPin = __MaterialUI.SvgIcon;
-  export default MapsPersonPin;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/satellite' {
-  export import MapsSatellite = __MaterialUI.SvgIcon;
-  export default MapsSatellite;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-printshop' {
-  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
-  export default MapsLocalPrintshop;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/navigation' {
-  export import MapsNavigation = __MaterialUI.SvgIcon;
-  export default MapsNavigation;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-railway' {
-  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRailway;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-atm' {
-  export import MapsLocalAtm = __MaterialUI.SvgIcon;
-  export default MapsLocalAtm;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-transit' {
-  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
-  export default MapsDirectionsTransit;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-parking' {
-  export import MapsLocalParking = __MaterialUI.SvgIcon;
-  export default MapsLocalParking;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-cafe' {
-  export import MapsLocalCafe = __MaterialUI.SvgIcon;
-  export default MapsLocalCafe;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-mall' {
-  export import MapsLocalMall = __MaterialUI.SvgIcon;
-  export default MapsLocalMall;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/zoom-out-map' {
-  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
-  export default MapsZoomOutMap;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-activity' {
-  export import MapsLocalActivity = __MaterialUI.SvgIcon;
-  export default MapsLocalActivity;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-grocery-store' {
-  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
-  export default MapsLocalGroceryStore;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-pharmacy' {
-  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
-  export default MapsLocalPharmacy;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-movies' {
-  export import MapsLocalMovies = __MaterialUI.SvgIcon;
-  export default MapsLocalMovies;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/place' {
-  export import MapsPlace = __MaterialUI.SvgIcon;
-  export default MapsPlace;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/layers-clear' {
-  export import MapsLayersClear = __MaterialUI.SvgIcon;
-  export default MapsLayersClear;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/hotel' {
-  export import MapsHotel = __MaterialUI.SvgIcon;
-  export default MapsHotel;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-bike' {
-  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBike;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-library' {
-  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
-  export default MapsLocalLibrary;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/local-play' {
-  export import MapsLocalPlay = __MaterialUI.SvgIcon;
-  export default MapsLocalPlay;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/directions-bus' {
-  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBus;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/traffic' {
-  export import MapsTraffic = __MaterialUI.SvgIcon;
-  export default MapsTraffic;
-}
-
-declare module 'material-ui/lib/svg-icons/maps/beenhere' {
-  export import MapsBeenhere = __MaterialUI.SvgIcon;
-  export default MapsBeenhere;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-received' {
-  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
-  export default CommunicationCallReceived;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/dialpad' {
-  export import CommunicationDialpad = __MaterialUI.SvgIcon;
-  export default CommunicationDialpad;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/forum' {
-  export import CommunicationForum = __MaterialUI.SvgIcon;
-  export default CommunicationForum;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/no-sim' {
-  export import CommunicationNoSim = __MaterialUI.SvgIcon;
-  export default CommunicationNoSim;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/chat' {
-  export import CommunicationChat = __MaterialUI.SvgIcon;
-  export default CommunicationChat;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/stay-primary-landscape' {
-  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryLandscape;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/phonelink-setup' {
-  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkSetup;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/ring-volume' {
-  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
-  export default CommunicationRingVolume;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/phonelink-lock' {
-  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkLock;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/contacts' {
-  export import CommunicationContacts = __MaterialUI.SvgIcon;
-  export default CommunicationContacts;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-missed' {
-  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissed;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/contact-mail' {
-  export import CommunicationContactMail = __MaterialUI.SvgIcon;
-  export default CommunicationContactMail;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/portable-wifi-off' {
-  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
-  export default CommunicationPortableWifiOff;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-merge' {
-  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
-  export default CommunicationCallMerge;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/tact-mail' {
-  export import CommunicationTactMail = __MaterialUI.SvgIcon;
-  export default CommunicationTactMail;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/stop-screen-share' {
-  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationStopScreenShare;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/vpn-key' {
-  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
-  export default CommunicationVpnKey;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/swap-calls' {
-  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
-  export default CommunicationSwapCalls;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/dialer-sip' {
-  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
-  export default CommunicationDialerSip;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/business' {
-  export import CommunicationBusiness = __MaterialUI.SvgIcon;
-  export default CommunicationBusiness;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/phonelink-erase' {
-  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkErase;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call' {
-  export import CommunicationCall = __MaterialUI.SvgIcon;
-  export default CommunicationCall;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/screen-share' {
-  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationScreenShare;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/clear-all' {
-  export import CommunicationClearAll = __MaterialUI.SvgIcon;
-  export default CommunicationClearAll;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/chat-bubble-outline' {
-  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubbleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-missed-outgoing' {
-  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissedOutgoing;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/stay-primary-portrait' {
-  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryPortrait;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/stay-current-portrait' {
-  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentPortrait;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/voicemail' {
-  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
-  export default CommunicationVoicemail;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/speaker-phone' {
-  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
-  export default CommunicationSpeakerPhone;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-split' {
-  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
-  export default CommunicationCallSplit;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/live-help' {
-  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
-  export default CommunicationLiveHelp;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-made' {
-  export import CommunicationCallMade = __MaterialUI.SvgIcon;
-  export default CommunicationCallMade;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/phone' {
-  export import CommunicationPhone = __MaterialUI.SvgIcon;
-  export default CommunicationPhone;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/textsms' {
-  export import CommunicationTextsms = __MaterialUI.SvgIcon;
-  export default CommunicationTextsms;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/message' {
-  export import CommunicationMessage = __MaterialUI.SvgIcon;
-  export default CommunicationMessage;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/import-export' {
-  export import CommunicationImportExport = __MaterialUI.SvgIcon;
-  export default CommunicationImportExport;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/import-contacts' {
-  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
-  export default CommunicationImportContacts;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/phonelink-ring' {
-  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkRing;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/present-to-all' {
-  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
-  export default CommunicationPresentToAll;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/contact-phone' {
-  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
-  export default CommunicationContactPhone;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/invert-colors-off' {
-  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
-  export default CommunicationInvertColorsOff;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/comment' {
-  export import CommunicationComment = __MaterialUI.SvgIcon;
-  export default CommunicationComment;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/chat-bubble' {
-  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubble;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/mail-outline' {
-  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
-  export default CommunicationMailOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/location-on' {
-  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOn;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/stay-current-landscape' {
-  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentLandscape;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/location-off' {
-  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOff;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/email' {
-  export import CommunicationEmail = __MaterialUI.SvgIcon;
-  export default CommunicationEmail;
-}
-
-declare module 'material-ui/lib/svg-icons/communication/call-end' {
-  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
-  export default CommunicationCallEnd;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/check-box' {
-  export import ToggleCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleCheckBox;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/star-half' {
-  export import ToggleStarHalf = __MaterialUI.SvgIcon;
-  export default ToggleStarHalf;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/check-box-outline-blank' {
-  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
-  export default ToggleCheckBoxOutlineBlank;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/star' {
-  export import ToggleStar = __MaterialUI.SvgIcon;
-  export default ToggleStar;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/star-border' {
-  export import ToggleStarBorder = __MaterialUI.SvgIcon;
-  export default ToggleStarBorder;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/radio-button-unchecked' {
-  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonUnchecked;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/indeterminate-check-box' {
-  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleIndeterminateCheckBox;
-}
-
-declare module 'material-ui/lib/svg-icons/toggle/radio-button-checked' {
-  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonChecked;
-}
-
-declare module 'material-ui/lib/svg-icons/index' {
-  export import Index = __MaterialUI.SvgIcon;
-  export default Index;
-}
-
-declare module 'material-ui/lib/svg-icons/index-generator' {
-  export import IndexGenerator = __MaterialUI.SvgIcon;
-  export default IndexGenerator;
-}
-
-declare module 'material-ui/lib/svg-icons/alert/warning' {
-  export import AlertWarning = __MaterialUI.SvgIcon;
-  export default AlertWarning;
-}
-
-declare module 'material-ui/lib/svg-icons/alert/add-alert' {
-  export import AlertAddAlert = __MaterialUI.SvgIcon;
-  export default AlertAddAlert;
-}
-
-declare module 'material-ui/lib/svg-icons/alert/error-outline' {
-  export import AlertErrorOutline = __MaterialUI.SvgIcon;
-  export default AlertErrorOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/alert/error' {
-  export import AlertError = __MaterialUI.SvgIcon;
-  export default AlertError;
-}
-
-declare module 'material-ui/lib/svg-icons/file/file-upload' {
-  export import FileFileUpload = __MaterialUI.SvgIcon;
-  export default FileFileUpload;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-upload' {
-  export import FileCloudUpload = __MaterialUI.SvgIcon;
-  export default FileCloudUpload;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-done' {
-  export import FileCloudDone = __MaterialUI.SvgIcon;
-  export default FileCloudDone;
-}
-
-declare module 'material-ui/lib/svg-icons/file/folder-open' {
-  export import FileFolderOpen = __MaterialUI.SvgIcon;
-  export default FileFolderOpen;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-off' {
-  export import FileCloudOff = __MaterialUI.SvgIcon;
-  export default FileCloudOff;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-queue' {
-  export import FileCloudQueue = __MaterialUI.SvgIcon;
-  export default FileCloudQueue;
-}
-
-declare module 'material-ui/lib/svg-icons/file/folder-shared' {
-  export import FileFolderShared = __MaterialUI.SvgIcon;
-  export default FileFolderShared;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-circle' {
-  export import FileCloudCircle = __MaterialUI.SvgIcon;
-  export default FileCloudCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/file/folder' {
-  export import FileFolder = __MaterialUI.SvgIcon;
-  export default FileFolder;
-}
-
-declare module 'material-ui/lib/svg-icons/file/attachment' {
-  export import FileAttachment = __MaterialUI.SvgIcon;
-  export default FileAttachment;
-}
-
-declare module 'material-ui/lib/svg-icons/file/create-new-folder' {
-  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
-  export default FileCreateNewFolder;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud-download' {
-  export import FileCloudDownload = __MaterialUI.SvgIcon;
-  export default FileCloudDownload;
-}
-
-declare module 'material-ui/lib/svg-icons/file/cloud' {
-  export import FileCloud = __MaterialUI.SvgIcon;
-  export default FileCloud;
-}
-
-declare module 'material-ui/lib/svg-icons/file/file-download' {
-  export import FileFileDownload = __MaterialUI.SvgIcon;
-  export default FileFileDownload;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation-arrow-drop-right' {
-  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropRight;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard' {
-  export import HardwareKeyboard = __MaterialUI.SvgIcon;
-  export default HardwareKeyboard;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/toys' {
-  export import HardwareToys = __MaterialUI.SvgIcon;
-  export default HardwareToys;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/dock' {
-  export import HardwareDock = __MaterialUI.SvgIcon;
-  export default HardwareDock;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/headset' {
-  export import HardwareHeadset = __MaterialUI.SvgIcon;
-  export default HardwareHeadset;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-voice' {
-  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardVoice;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/phonelink-off' {
-  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
-  export default HardwarePhonelinkOff;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/speaker-group' {
-  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
-  export default HardwareSpeakerGroup;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/desktop-windows' {
-  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
-  export default HardwareDesktopWindows;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/laptop-mac' {
-  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
-  export default HardwareLaptopMac;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-return' {
-  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardReturn;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/gamepad' {
-  export import HardwareGamepad = __MaterialUI.SvgIcon;
-  export default HardwareGamepad;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-up' {
-  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowUp;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/laptop' {
-  export import HardwareLaptop = __MaterialUI.SvgIcon;
-  export default HardwareLaptop;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/phone-iphone' {
-  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
-  export default HardwarePhoneIphone;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/memory' {
-  export import HardwareMemory = __MaterialUI.SvgIcon;
-  export default HardwareMemory;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/security' {
-  export import HardwareSecurity = __MaterialUI.SvgIcon;
-  export default HardwareSecurity;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-capslock' {
-  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardCapslock;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/sim-card' {
-  export import HardwareSimCard = __MaterialUI.SvgIcon;
-  export default HardwareSimCard;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/devices-other' {
-  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
-  export default HardwareDevicesOther;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/tablet-android' {
-  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
-  export default HardwareTabletAndroid;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-right' {
-  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowRight;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-tab' {
-  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardTab;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/watch' {
-  export import HardwareWatch = __MaterialUI.SvgIcon;
-  export default HardwareWatch;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/speaker' {
-  export import HardwareSpeaker = __MaterialUI.SvgIcon;
-  export default HardwareSpeaker;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/phonelink' {
-  export import HardwarePhonelink = __MaterialUI.SvgIcon;
-  export default HardwarePhonelink;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/laptop-windows' {
-  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
-  export default HardwareLaptopWindows;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/tv' {
-  export import HardwareTv = __MaterialUI.SvgIcon;
-  export default HardwareTv;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/headset-mic' {
-  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
-  export default HardwareHeadsetMic;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/videogame-asset' {
-  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
-  export default HardwareVideogameAsset;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-down' {
-  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowDown;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-hide' {
-  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardHide;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/scanner' {
-  export import HardwareScanner = __MaterialUI.SvgIcon;
-  export default HardwareScanner;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/laptop-chromebook' {
-  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
-  export default HardwareLaptopChromebook;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/tablet-mac' {
-  export import HardwareTabletMac = __MaterialUI.SvgIcon;
-  export default HardwareTabletMac;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/cast' {
-  export import HardwareCast = __MaterialUI.SvgIcon;
-  export default HardwareCast;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/cast-connected' {
-  export import HardwareCastConnected = __MaterialUI.SvgIcon;
-  export default HardwareCastConnected;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-left' {
-  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/phone-android' {
-  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
-  export default HardwarePhoneAndroid;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/computer' {
-  export import HardwareComputer = __MaterialUI.SvgIcon;
-  export default HardwareComputer;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/power-input' {
-  export import HardwarePowerInput = __MaterialUI.SvgIcon;
-  export default HardwarePowerInput;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/smartphone' {
-  export import HardwareSmartphone = __MaterialUI.SvgIcon;
-  export default HardwareSmartphone;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/router' {
-  export import HardwareRouter = __MaterialUI.SvgIcon;
-  export default HardwareRouter;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-backspace' {
-  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardBackspace;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/developer-board' {
-  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
-  export default HardwareDeveloperBoard;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/device-hub' {
-  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
-  export default HardwareDeviceHub;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/mouse' {
-  export import HardwareMouse = __MaterialUI.SvgIcon;
-  export default HardwareMouse;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/desktop-mac' {
-  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
-  export default HardwareDesktopMac;
-}
-
-declare module 'material-ui/lib/svg-icons/hardware/tablet' {
-  export import HardwareTablet = __MaterialUI.SvgIcon;
-  export default HardwareTablet;
-}
-
-declare module 'material-ui/lib/svg-icons/content/add-box' {
-  export import ContentAddBox = __MaterialUI.SvgIcon;
-  export default ContentAddBox;
-}
-
-declare module 'material-ui/lib/svg-icons/content/filter-list' {
-  export import ContentFilterList = __MaterialUI.SvgIcon;
-  export default ContentFilterList;
-}
-
-declare module 'material-ui/lib/svg-icons/content/save' {
-  export import ContentSave = __MaterialUI.SvgIcon;
-  export default ContentSave;
-}
-
-declare module 'material-ui/lib/svg-icons/content/unarchive' {
-  export import ContentUnarchive = __MaterialUI.SvgIcon;
-  export default ContentUnarchive;
-}
-
-declare module 'material-ui/lib/svg-icons/content/link' {
-  export import ContentLink = __MaterialUI.SvgIcon;
-  export default ContentLink;
-}
-
-declare module 'material-ui/lib/svg-icons/content/sort' {
-  export import ContentSort = __MaterialUI.SvgIcon;
-  export default ContentSort;
-}
-
-declare module 'material-ui/lib/svg-icons/content/text-format' {
-  export import ContentTextFormat = __MaterialUI.SvgIcon;
-  export default ContentTextFormat;
-}
-
-declare module 'material-ui/lib/svg-icons/content/add' {
-  export import ContentAdd = __MaterialUI.SvgIcon;
-  export default ContentAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/content/send' {
-  export import ContentSend = __MaterialUI.SvgIcon;
-  export default ContentSend;
-}
-
-declare module 'material-ui/lib/svg-icons/content/gesture' {
-  export import ContentGesture = __MaterialUI.SvgIcon;
-  export default ContentGesture;
-}
-
-declare module 'material-ui/lib/svg-icons/content/archive' {
-  export import ContentArchive = __MaterialUI.SvgIcon;
-  export default ContentArchive;
-}
-
-declare module 'material-ui/lib/svg-icons/content/weekend' {
-  export import ContentWeekend = __MaterialUI.SvgIcon;
-  export default ContentWeekend;
-}
-
-declare module 'material-ui/lib/svg-icons/content/markunread' {
-  export import ContentMarkunread = __MaterialUI.SvgIcon;
-  export default ContentMarkunread;
-}
-
-declare module 'material-ui/lib/svg-icons/content/create' {
-  export import ContentCreate = __MaterialUI.SvgIcon;
-  export default ContentCreate;
-}
-
-declare module 'material-ui/lib/svg-icons/content/content-cut' {
-  export import ContentContentCut = __MaterialUI.SvgIcon;
-  export default ContentContentCut;
-}
-
-declare module 'material-ui/lib/svg-icons/content/clear' {
-  export import ContentClear = __MaterialUI.SvgIcon;
-  export default ContentClear;
-}
-
-declare module 'material-ui/lib/svg-icons/content/redo' {
-  export import ContentRedo = __MaterialUI.SvgIcon;
-  export default ContentRedo;
-}
-
-declare module 'material-ui/lib/svg-icons/content/block' {
-  export import ContentBlock = __MaterialUI.SvgIcon;
-  export default ContentBlock;
-}
-
-declare module 'material-ui/lib/svg-icons/content/forward' {
-  export import ContentForward = __MaterialUI.SvgIcon;
-  export default ContentForward;
-}
-
-declare module 'material-ui/lib/svg-icons/content/mail' {
-  export import ContentMail = __MaterialUI.SvgIcon;
-  export default ContentMail;
-}
-
-declare module 'material-ui/lib/svg-icons/content/inbox' {
-  export import ContentInbox = __MaterialUI.SvgIcon;
-  export default ContentInbox;
-}
-
-declare module 'material-ui/lib/svg-icons/content/remove-circle' {
-  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/content/move-to-inbox' {
-  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
-  export default ContentMoveToInbox;
-}
-
-declare module 'material-ui/lib/svg-icons/content/flag' {
-  export import ContentFlag = __MaterialUI.SvgIcon;
-  export default ContentFlag;
-}
-
-declare module 'material-ui/lib/svg-icons/content/reply-all' {
-  export import ContentReplyAll = __MaterialUI.SvgIcon;
-  export default ContentReplyAll;
-}
-
-declare module 'material-ui/lib/svg-icons/content/remove' {
-  export import ContentRemove = __MaterialUI.SvgIcon;
-  export default ContentRemove;
-}
-
-declare module 'material-ui/lib/svg-icons/content/next-week' {
-  export import ContentNextWeek = __MaterialUI.SvgIcon;
-  export default ContentNextWeek;
-}
-
-declare module 'material-ui/lib/svg-icons/content/undo' {
-  export import ContentUndo = __MaterialUI.SvgIcon;
-  export default ContentUndo;
-}
-
-declare module 'material-ui/lib/svg-icons/content/font-download' {
-  export import ContentFontDownload = __MaterialUI.SvgIcon;
-  export default ContentFontDownload;
-}
-
-declare module 'material-ui/lib/svg-icons/content/remove-circle-outline' {
-  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/content/backspace' {
-  export import ContentBackspace = __MaterialUI.SvgIcon;
-  export default ContentBackspace;
-}
-
-declare module 'material-ui/lib/svg-icons/content/reply' {
-  export import ContentReply = __MaterialUI.SvgIcon;
-  export default ContentReply;
-}
-
-declare module 'material-ui/lib/svg-icons/content/report' {
-  export import ContentReport = __MaterialUI.SvgIcon;
-  export default ContentReport;
-}
-
-declare module 'material-ui/lib/svg-icons/content/add-circle' {
-  export import ContentAddCircle = __MaterialUI.SvgIcon;
-  export default ContentAddCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/content/content-copy' {
-  export import ContentContentCopy = __MaterialUI.SvgIcon;
-  export default ContentContentCopy;
-}
-
-declare module 'material-ui/lib/svg-icons/content/content-paste' {
-  export import ContentContentPaste = __MaterialUI.SvgIcon;
-  export default ContentContentPaste;
-}
-
-declare module 'material-ui/lib/svg-icons/content/select-all' {
-  export import ContentSelectAll = __MaterialUI.SvgIcon;
-  export default ContentSelectAll;
-}
-
-declare module 'material-ui/lib/svg-icons/content/add-circle-outline' {
-  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentAddCircleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/content/drafts' {
-  export import ContentDrafts = __MaterialUI.SvgIcon;
-  export default ContentDrafts;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/wrap-text' {
-  export import EditorWrapText = __MaterialUI.SvgIcon;
-  export default EditorWrapText;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-size' {
-  export import EditorFormatSize = __MaterialUI.SvgIcon;
-  export default EditorFormatSize;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/functions' {
-  export import EditorFunctions = __MaterialUI.SvgIcon;
-  export default EditorFunctions;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-bold' {
-  export import EditorFormatBold = __MaterialUI.SvgIcon;
-  export default EditorFormatBold;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-align-center' {
-  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignCenter;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/mode-comment' {
-  export import EditorModeComment = __MaterialUI.SvgIcon;
-  export default EditorModeComment;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/money-off' {
-  export import EditorMoneyOff = __MaterialUI.SvgIcon;
-  export default EditorMoneyOff;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-textdirection-r-to-l' {
-  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionRToL;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-drive-file' {
-  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
-  export default EditorInsertDriveFile;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/highlight' {
-  export import EditorHighlight = __MaterialUI.SvgIcon;
-  export default EditorHighlight;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-clear' {
-  export import EditorFormatClear = __MaterialUI.SvgIcon;
-  export default EditorFormatClear;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-style' {
-  export import EditorBorderStyle = __MaterialUI.SvgIcon;
-  export default EditorBorderStyle;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-shapes' {
-  export import EditorFormatShapes = __MaterialUI.SvgIcon;
-  export default EditorFormatShapes;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-paint' {
-  export import EditorFormatPaint = __MaterialUI.SvgIcon;
-  export default EditorFormatPaint;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/linear-scale' {
-  export import EditorLinearScale = __MaterialUI.SvgIcon;
-  export default EditorLinearScale;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-photo' {
-  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
-  export default EditorInsertPhoto;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/drag-handle' {
-  export import EditorDragHandle = __MaterialUI.SvgIcon;
-  export default EditorDragHandle;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/merge-type' {
-  export import EditorMergeType = __MaterialUI.SvgIcon;
-  export default EditorMergeType;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/attach-money' {
-  export import EditorAttachMoney = __MaterialUI.SvgIcon;
-  export default EditorAttachMoney;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-vertical' {
-  export import EditorBorderVertical = __MaterialUI.SvgIcon;
-  export default EditorBorderVertical;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-indent-decrease' {
-  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentDecrease;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-emoticon' {
-  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
-  export default EditorInsertEmoticon;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-invitation' {
-  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
-  export default EditorInsertInvitation;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-color-fill' {
-  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
-  export default EditorFormatColorFill;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/mode-edit' {
-  export import EditorModeEdit = __MaterialUI.SvgIcon;
-  export default EditorModeEdit;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-bottom' {
-  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignBottom;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-align-justify' {
-  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignJustify;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/attach-file' {
-  export import EditorAttachFile = __MaterialUI.SvgIcon;
-  export default EditorAttachFile;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/space-bar' {
-  export import EditorSpaceBar = __MaterialUI.SvgIcon;
-  export default EditorSpaceBar;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-clear' {
-  export import EditorBorderClear = __MaterialUI.SvgIcon;
-  export default EditorBorderClear;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/short-text' {
-  export import EditorShortText = __MaterialUI.SvgIcon;
-  export default EditorShortText;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-link' {
-  export import EditorInsertLink = __MaterialUI.SvgIcon;
-  export default EditorInsertLink;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-list-numbered' {
-  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
-  export default EditorFormatListNumbered;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-quote' {
-  export import EditorFormatQuote = __MaterialUI.SvgIcon;
-  export default EditorFormatQuote;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-left' {
-  export import EditorBorderLeft = __MaterialUI.SvgIcon;
-  export default EditorBorderLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-underlined' {
-  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
-  export default EditorFormatUnderlined;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/text-fields' {
-  export import EditorTextFields = __MaterialUI.SvgIcon;
-  export default EditorTextFields;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-italic' {
-  export import EditorFormatItalic = __MaterialUI.SvgIcon;
-  export default EditorFormatItalic;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/publish' {
-  export import EditorPublish = __MaterialUI.SvgIcon;
-  export default EditorPublish;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-top' {
-  export import EditorBorderTop = __MaterialUI.SvgIcon;
-  export default EditorBorderTop;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-indent-increase' {
-  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentIncrease;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-bottom' {
-  export import EditorBorderBottom = __MaterialUI.SvgIcon;
-  export default EditorBorderBottom;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-align-right' {
-  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignRight;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-right' {
-  export import EditorBorderRight = __MaterialUI.SvgIcon;
-  export default EditorBorderRight;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-comment' {
-  export import EditorInsertComment = __MaterialUI.SvgIcon;
-  export default EditorInsertComment;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/strikethrough-s' {
-  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
-  export default EditorStrikethroughS;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-strikethrough' {
-  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
-  export default EditorFormatStrikethrough;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/insert-chart' {
-  export import EditorInsertChart = __MaterialUI.SvgIcon;
-  export default EditorInsertChart;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-color-reset' {
-  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
-  export default EditorFormatColorReset;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-inner' {
-  export import EditorBorderInner = __MaterialUI.SvgIcon;
-  export default EditorBorderInner;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-color-text' {
-  export import EditorFormatColorText = __MaterialUI.SvgIcon;
-  export default EditorFormatColorText;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-horizontal' {
-  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
-  export default EditorBorderHorizontal;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-list-bulleted' {
-  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
-  export default EditorFormatListBulleted;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-outer' {
-  export import EditorBorderOuter = __MaterialUI.SvgIcon;
-  export default EditorBorderOuter;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-align-left' {
-  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-color' {
-  export import EditorBorderColor = __MaterialUI.SvgIcon;
-  export default EditorBorderColor;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-textdirection-l-to-r' {
-  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionLToR;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-center' {
-  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignCenter;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-top' {
-  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignTop;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/format-line-spacing' {
-  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
-  export default EditorFormatLineSpacing;
-}
-
-declare module 'material-ui/lib/svg-icons/editor/border-all' {
-  export import EditorBorderAll = __MaterialUI.SvgIcon;
-  export default EditorBorderAll;
-}
-
-declare module 'material-ui/lib/svg-icons/device/screen-lock-portrait' {
-  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockPortrait;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-off' {
-  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularOff;
-}
-
-declare module 'material-ui/lib/svg-icons/device/bluetooth-searching' {
-  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothSearching;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-3-bar' {
-  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular3Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/network-cell' {
-  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
-  export default DeviceNetworkCell;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-no-sim' {
-  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNoSim;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar' {
-  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/devices' {
-  export import DeviceDevices = __MaterialUI.SvgIcon;
-  export default DeviceDevices;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-90' {
-  export import DeviceBattery90 = __MaterialUI.SvgIcon;
-  export default DeviceBattery90;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-80' {
-  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging80;
-}
-
-declare module 'material-ui/lib/svg-icons/device/location-searching' {
-  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
-  export default DeviceLocationSearching;
-}
-
-declare module 'material-ui/lib/svg-icons/device/wallpaper' {
-  export import DeviceWallpaper = __MaterialUI.SvgIcon;
-  export default DeviceWallpaper;
-}
-
-declare module 'material-ui/lib/svg-icons/device/screen-lock-rotation' {
-  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockRotation;
-}
-
-declare module 'material-ui/lib/svg-icons/device/screen-lock-landscape' {
-  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockLandscape;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-20' {
-  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging20;
-}
-
-declare module 'material-ui/lib/svg-icons/device/usb' {
-  export import DeviceUsb = __MaterialUI.SvgIcon;
-  export default DeviceUsb;
-}
-
-declare module 'material-ui/lib/svg-icons/device/airplanemode-active' {
-  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeActive;
-}
-
-declare module 'material-ui/lib/svg-icons/device/network-wifi' {
-  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
-  export default DeviceNetworkWifi;
-}
-
-declare module 'material-ui/lib/svg-icons/device/graphic-eq' {
-  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
-  export default DeviceGraphicEq;
-}
-
-declare module 'material-ui/lib/svg-icons/device/bluetooth-connected' {
-  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothConnected;
-}
-
-declare module 'material-ui/lib/svg-icons/device/gps-fixed' {
-  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsFixed;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
-  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet4Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/brightness-medium' {
-  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessMedium;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
-  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet3Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar-lock' {
-  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3BarLock;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-80' {
-  export import DeviceBattery80 = __MaterialUI.SvgIcon;
-  export default DeviceBattery80;
-}
-
-declare module 'material-ui/lib/svg-icons/device/wifi-lock' {
-  export import DeviceWifiLock = __MaterialUI.SvgIcon;
-  export default DeviceWifiLock;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar-lock' {
-  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2BarLock;
-}
-
-declare module 'material-ui/lib/svg-icons/device/bluetooth' {
-  export import DeviceBluetooth = __MaterialUI.SvgIcon;
-  export default DeviceBluetooth;
-}
-
-declare module 'material-ui/lib/svg-icons/device/access-time' {
-  export import DeviceAccessTime = __MaterialUI.SvgIcon;
-  export default DeviceAccessTime;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-30' {
-  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging30;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-off' {
-  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifiOff;
-}
-
-declare module 'material-ui/lib/svg-icons/device/dvr' {
-  export import DeviceDvr = __MaterialUI.SvgIcon;
-  export default DeviceDvr;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-60' {
-  export import DeviceBattery60 = __MaterialUI.SvgIcon;
-  export default DeviceBattery60;
-}
-
-declare module 'material-ui/lib/svg-icons/device/access-alarm' {
-  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarm;
-}
-
-declare module 'material-ui/lib/svg-icons/device/nfc' {
-  export import DeviceNfc = __MaterialUI.SvgIcon;
-  export default DeviceNfc;
-}
-
-declare module 'material-ui/lib/svg-icons/device/data-usage' {
-  export import DeviceDataUsage = __MaterialUI.SvgIcon;
-  export default DeviceDataUsage;
-}
-
-declare module 'material-ui/lib/svg-icons/device/access-alarms' {
-  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarms;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-full' {
-  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryFull;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-full' {
-  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryChargingFull;
-}
-
-declare module 'material-ui/lib/svg-icons/device/settings-system-daydream' {
-  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
-  export default DeviceSettingsSystemDaydream;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-std' {
-  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
-  export default DeviceBatteryStd;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-unknown' {
-  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
-  export default DeviceBatteryUnknown;
-}
-
-declare module 'material-ui/lib/svg-icons/device/add-alarm' {
-  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAddAlarm;
-}
-
-declare module 'material-ui/lib/svg-icons/device/storage' {
-  export import DeviceStorage = __MaterialUI.SvgIcon;
-  export default DeviceStorage;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-90' {
-  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging90;
-}
-
-declare module 'material-ui/lib/svg-icons/device/screen-rotation' {
-  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenRotation;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar' {
-  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-50' {
-  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging50;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-30' {
-  export import DeviceBattery30 = __MaterialUI.SvgIcon;
-  export default DeviceBattery30;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
-  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet0Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-alert' {
-  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
-  export default DeviceBatteryAlert;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar' {
-  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-4-bar' {
-  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular4Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/wifi-tethering' {
-  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
-  export default DeviceWifiTethering;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-0-bar' {
-  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi0Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/brightness-auto' {
-  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessAuto;
-}
-
-declare module 'material-ui/lib/svg-icons/device/location-disabled' {
-  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
-  export default DeviceLocationDisabled;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar' {
-  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/gps-not-fixed' {
-  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsNotFixed;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-1-bar' {
-  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular1Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-charging-60' {
-  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging60;
-}
-
-declare module 'material-ui/lib/svg-icons/device/gps-off' {
-  export import DeviceGpsOff = __MaterialUI.SvgIcon;
-  export default DeviceGpsOff;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-null' {
-  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNull;
-}
-
-declare module 'material-ui/lib/svg-icons/device/brightness-low' {
-  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessLow;
-}
-
-declare module 'material-ui/lib/svg-icons/device/sd-storage' {
-  export import DeviceSdStorage = __MaterialUI.SvgIcon;
-  export default DeviceSdStorage;
-}
-
-declare module 'material-ui/lib/svg-icons/device/airplanemode-inactive' {
-  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeInactive;
-}
-
-declare module 'material-ui/lib/svg-icons/device/widgets' {
-  export import DeviceWidgets = __MaterialUI.SvgIcon;
-  export default DeviceWidgets;
-}
-
-declare module 'material-ui/lib/svg-icons/device/brightness-high' {
-  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessHigh;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-20' {
-  export import DeviceBattery20 = __MaterialUI.SvgIcon;
-  export default DeviceBattery20;
-}
-
-declare module 'material-ui/lib/svg-icons/device/bluetooth-disabled' {
-  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothDisabled;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar-lock' {
-  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4BarLock;
-}
-
-declare module 'material-ui/lib/svg-icons/device/developer-mode' {
-  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
-  export default DeviceDeveloperMode;
-}
-
-declare module 'material-ui/lib/svg-icons/device/battery-50' {
-  export import DeviceBattery50 = __MaterialUI.SvgIcon;
-  export default DeviceBattery50;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
-  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet1Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-2-bar' {
-  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular2Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
-  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet2Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-0-bar' {
-  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular0Bar;
-}
-
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar-lock' {
-  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1BarLock;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-forward' {
-  export import NavigationArrowForward = __MaterialUI.SvgIcon;
-  export default NavigationArrowForward;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/unfold-more' {
-  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldMore;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down' {
-  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDown;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-back' {
-  export import NavigationArrowBack = __MaterialUI.SvgIcon;
-  export default NavigationArrowBack;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-downward' {
-  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
-  export default NavigationArrowDownward;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/fullscreen' {
-  export import NavigationFullscreen = __MaterialUI.SvgIcon;
-  export default NavigationFullscreen;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/unfold-less' {
-  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldLess;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
-  export import NavigationChevronRight = __MaterialUI.SvgIcon;
-  export default NavigationChevronRight;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down-circle' {
-  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDownCircle;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/check' {
-  export import NavigationCheck = __MaterialUI.SvgIcon;
-  export default NavigationCheck;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/fullscreen-exit' {
-  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
-  export default NavigationFullscreenExit;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
-  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
-  export default NavigationChevronLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/menu' {
-  export import NavigationMenu = __MaterialUI.SvgIcon;
-  export default NavigationMenu;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/apps' {
-  export import NavigationApps = __MaterialUI.SvgIcon;
-  export default NavigationApps;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-upward' {
-  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
-  export default NavigationArrowUpward;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/close' {
-  export import NavigationClose = __MaterialUI.SvgIcon;
-  export default NavigationClose;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/more-horiz' {
-  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
-  export default NavigationMoreHoriz;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/cancel' {
-  export import NavigationCancel = __MaterialUI.SvgIcon;
-  export default NavigationCancel;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-right' {
-  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowRight;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/expand-more' {
-  export import NavigationExpandMore = __MaterialUI.SvgIcon;
-  export default NavigationExpandMore;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-up' {
-  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropUp;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-left' {
-  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/expand-less' {
-  export import NavigationExpandLess = __MaterialUI.SvgIcon;
-  export default NavigationExpandLess;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/refresh' {
-  export import NavigationRefresh = __MaterialUI.SvgIcon;
-  export default NavigationRefresh;
-}
-
-declare module 'material-ui/lib/svg-icons/navigation/more-vert' {
-  export import NavigationMoreVert = __MaterialUI.SvgIcon;
-  export default NavigationMoreVert;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/rv-hookup' {
-  export import NotificationRvHookup = __MaterialUI.SvgIcon;
-  export default NotificationRvHookup;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/no-encryption' {
-  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
-  export default NotificationNoEncryption;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-forwarded' {
-  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
-  export default NotificationPhoneForwarded;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat-angled' {
-  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlatAngled;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/time-to-leave' {
-  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
-  export default NotificationTimeToLeave;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-extra' {
-  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomExtra;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-extra' {
-  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineExtra;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-individual-suite' {
-  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatIndividualSuite;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/vibration' {
-  export import NotificationVibration = __MaterialUI.SvgIcon;
-  export default NotificationVibration;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sim-card-alert' {
-  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
-  export default NotificationSimCardAlert;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sms-failed' {
-  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
-  export default NotificationSmsFailed;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat' {
-  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlat;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/do-not-disturb' {
-  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturb;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sync-problem' {
-  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
-  export default NotificationSyncProblem;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/event-available' {
-  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
-  export default NotificationEventAvailable;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/network-check' {
-  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
-  export default NotificationNetworkCheck;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sms' {
-  export import NotificationSms = __MaterialUI.SvgIcon;
-  export default NotificationSms;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/disc-full' {
-  export import NotificationDiscFull = __MaterialUI.SvgIcon;
-  export default NotificationDiscFull;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/do-not-disturb-alt' {
-  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturbAlt;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/system-update' {
-  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
-  export default NotificationSystemUpdate;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-bluetooth-speaker' {
-  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
-  export default NotificationPhoneBluetoothSpeaker;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/ondemand-video' {
-  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
-  export default NotificationOndemandVideo;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/power' {
-  export import NotificationPower = __MaterialUI.SvgIcon;
-  export default NotificationPower;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-locked' {
-  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
-  export default NotificationPhoneLocked;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sd-card' {
-  export import NotificationSdCard = __MaterialUI.SvgIcon;
-  export default NotificationSdCard;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/event-busy' {
-  export import NotificationEventBusy = __MaterialUI.SvgIcon;
-  export default NotificationEventBusy;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/personal-video' {
-  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
-  export default NotificationPersonalVideo;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-normal' {
-  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomNormal;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-in-talk' {
-  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
-  export default NotificationPhoneInTalk;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-reduced' {
-  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomReduced;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-paused' {
-  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
-  export default NotificationPhonePaused;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sync-disabled' {
-  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
-  export default NotificationSyncDisabled;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/enhanced-encryption' {
-  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
-  export default NotificationEnhancedEncryption;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/mms' {
-  export import NotificationMms = __MaterialUI.SvgIcon;
-  export default NotificationMms;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/drive-eta' {
-  export import NotificationDriveEta = __MaterialUI.SvgIcon;
-  export default NotificationDriveEta;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/voice-chat' {
-  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
-  export default NotificationVoiceChat;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/wifi' {
-  export import NotificationWifi = __MaterialUI.SvgIcon;
-  export default NotificationWifi;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-normal' {
-  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineNormal;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/more' {
-  export import NotificationMore = __MaterialUI.SvgIcon;
-  export default NotificationMore;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/vpn-lock' {
-  export import NotificationVpnLock = __MaterialUI.SvgIcon;
-  export default NotificationVpnLock;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/event-note' {
-  export import NotificationEventNote = __MaterialUI.SvgIcon;
-  export default NotificationEventNote;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/confirmation-number' {
-  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
-  export default NotificationConfirmationNumber;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/network-locked' {
-  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
-  export default NotificationNetworkLocked;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/adb' {
-  export import NotificationAdb = __MaterialUI.SvgIcon;
-  export default NotificationAdb;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/bluetooth-audio' {
-  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
-  export default NotificationBluetoothAudio;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/wc' {
-  export import NotificationWc = __MaterialUI.SvgIcon;
-  export default NotificationWc;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/tap-and-play' {
-  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
-  export default NotificationTapAndPlay;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/folder-special' {
-  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
-  export default NotificationFolderSpecial;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/live-tv' {
-  export import NotificationLiveTv = __MaterialUI.SvgIcon;
-  export default NotificationLiveTv;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/sync' {
-  export import NotificationSync = __MaterialUI.SvgIcon;
-  export default NotificationSync;
-}
-
-declare module 'material-ui/lib/svg-icons/notification/phone-missed' {
-  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
-  export default NotificationPhoneMissed;
-}
-
-declare module 'material-ui/lib/svg-icons/av/skip-previous' {
-  export import AvSkipPrevious = __MaterialUI.SvgIcon;
-  export default AvSkipPrevious;
-}
-
-declare module 'material-ui/lib/svg-icons/av/volume-off' {
-  export import AvVolumeOff = __MaterialUI.SvgIcon;
-  export default AvVolumeOff;
-}
-
-declare module 'material-ui/lib/svg-icons/av/subscriptions' {
-  export import AvSubscriptions = __MaterialUI.SvgIcon;
-  export default AvSubscriptions;
-}
-
-declare module 'material-ui/lib/svg-icons/av/play-arrow' {
-  export import AvPlayArrow = __MaterialUI.SvgIcon;
-  export default AvPlayArrow;
-}
-
-declare module 'material-ui/lib/svg-icons/av/play-circle-outline' {
-  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPlayCircleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/av/replay-30' {
-  export import AvReplay30 = __MaterialUI.SvgIcon;
-  export default AvReplay30;
-}
-
-declare module 'material-ui/lib/svg-icons/av/videocam' {
-  export import AvVideocam = __MaterialUI.SvgIcon;
-  export default AvVideocam;
-}
-
-declare module 'material-ui/lib/svg-icons/av/replay-5' {
-  export import AvReplay5 = __MaterialUI.SvgIcon;
-  export default AvReplay5;
-}
-
-declare module 'material-ui/lib/svg-icons/av/forward-10' {
-  export import AvForward10 = __MaterialUI.SvgIcon;
-  export default AvForward10;
-}
-
-declare module 'material-ui/lib/svg-icons/av/recent-actors' {
-  export import AvRecentActors = __MaterialUI.SvgIcon;
-  export default AvRecentActors;
-}
-
-declare module 'material-ui/lib/svg-icons/av/replay-10' {
-  export import AvReplay10 = __MaterialUI.SvgIcon;
-  export default AvReplay10;
-}
-
-declare module 'material-ui/lib/svg-icons/av/repeat' {
-  export import AvRepeat = __MaterialUI.SvgIcon;
-  export default AvRepeat;
-}
-
-declare module 'material-ui/lib/svg-icons/av/queue-music' {
-  export import AvQueueMusic = __MaterialUI.SvgIcon;
-  export default AvQueueMusic;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fiber-pin' {
-  export import AvFiberPin = __MaterialUI.SvgIcon;
-  export default AvFiberPin;
-}
-
-declare module 'material-ui/lib/svg-icons/av/new-releases' {
-  export import AvNewReleases = __MaterialUI.SvgIcon;
-  export default AvNewReleases;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fiber-new' {
-  export import AvFiberNew = __MaterialUI.SvgIcon;
-  export default AvFiberNew;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fiber-manual-record' {
-  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
-  export default AvFiberManualRecord;
-}
-
-declare module 'material-ui/lib/svg-icons/av/hearing' {
-  export import AvHearing = __MaterialUI.SvgIcon;
-  export default AvHearing;
-}
-
-declare module 'material-ui/lib/svg-icons/av/loop' {
-  export import AvLoop = __MaterialUI.SvgIcon;
-  export default AvLoop;
-}
-
-declare module 'material-ui/lib/svg-icons/av/volume-up' {
-  export import AvVolumeUp = __MaterialUI.SvgIcon;
-  export default AvVolumeUp;
-}
-
-declare module 'material-ui/lib/svg-icons/av/high-quality' {
-  export import AvHighQuality = __MaterialUI.SvgIcon;
-  export default AvHighQuality;
-}
-
-declare module 'material-ui/lib/svg-icons/av/surround-sound' {
-  export import AvSurroundSound = __MaterialUI.SvgIcon;
-  export default AvSurroundSound;
-}
-
-declare module 'material-ui/lib/svg-icons/av/equalizer' {
-  export import AvEqualizer = __MaterialUI.SvgIcon;
-  export default AvEqualizer;
-}
-
-declare module 'material-ui/lib/svg-icons/av/music-video' {
-  export import AvMusicVideo = __MaterialUI.SvgIcon;
-  export default AvMusicVideo;
-}
-
-declare module 'material-ui/lib/svg-icons/av/shuffle' {
-  export import AvShuffle = __MaterialUI.SvgIcon;
-  export default AvShuffle;
-}
-
-declare module 'material-ui/lib/svg-icons/av/volume-down' {
-  export import AvVolumeDown = __MaterialUI.SvgIcon;
-  export default AvVolumeDown;
-}
-
-declare module 'material-ui/lib/svg-icons/av/radio' {
-  export import AvRadio = __MaterialUI.SvgIcon;
-  export default AvRadio;
-}
-
-declare module 'material-ui/lib/svg-icons/av/web-asset' {
-  export import AvWebAsset = __MaterialUI.SvgIcon;
-  export default AvWebAsset;
-}
-
-declare module 'material-ui/lib/svg-icons/av/replay' {
-  export import AvReplay = __MaterialUI.SvgIcon;
-  export default AvReplay;
-}
-
-declare module 'material-ui/lib/svg-icons/av/queue-play-next' {
-  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
-  export default AvQueuePlayNext;
-}
-
-declare module 'material-ui/lib/svg-icons/av/closed-caption' {
-  export import AvClosedCaption = __MaterialUI.SvgIcon;
-  export default AvClosedCaption;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fiber-dvr' {
-  export import AvFiberDvr = __MaterialUI.SvgIcon;
-  export default AvFiberDvr;
-}
-
-declare module 'material-ui/lib/svg-icons/av/explicit' {
-  export import AvExplicit = __MaterialUI.SvgIcon;
-  export default AvExplicit;
-}
-
-declare module 'material-ui/lib/svg-icons/av/games' {
-  export import AvGames = __MaterialUI.SvgIcon;
-  export default AvGames;
-}
-
-declare module 'material-ui/lib/svg-icons/av/videocam-off' {
-  export import AvVideocamOff = __MaterialUI.SvgIcon;
-  export default AvVideocamOff;
-}
-
-declare module 'material-ui/lib/svg-icons/av/hd' {
-  export import AvHd = __MaterialUI.SvgIcon;
-  export default AvHd;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fast-rewind' {
-  export import AvFastRewind = __MaterialUI.SvgIcon;
-  export default AvFastRewind;
-}
-
-declare module 'material-ui/lib/svg-icons/av/add-to-queue' {
-  export import AvAddToQueue = __MaterialUI.SvgIcon;
-  export default AvAddToQueue;
-}
-
-declare module 'material-ui/lib/svg-icons/av/movie' {
-  export import AvMovie = __MaterialUI.SvgIcon;
-  export default AvMovie;
-}
-
-declare module 'material-ui/lib/svg-icons/av/library-books' {
-  export import AvLibraryBooks = __MaterialUI.SvgIcon;
-  export default AvLibraryBooks;
-}
-
-declare module 'material-ui/lib/svg-icons/av/art-track' {
-  export import AvArtTrack = __MaterialUI.SvgIcon;
-  export default AvArtTrack;
-}
-
-declare module 'material-ui/lib/svg-icons/av/web' {
-  export import AvWeb = __MaterialUI.SvgIcon;
-  export default AvWeb;
-}
-
-declare module 'material-ui/lib/svg-icons/av/play-circle-filled' {
-  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPlayCircleFilled;
-}
-
-declare module 'material-ui/lib/svg-icons/av/snooze' {
-  export import AvSnooze = __MaterialUI.SvgIcon;
-  export default AvSnooze;
-}
-
-declare module 'material-ui/lib/svg-icons/av/forward-5' {
-  export import AvForward5 = __MaterialUI.SvgIcon;
-  export default AvForward5;
-}
-
-declare module 'material-ui/lib/svg-icons/av/sort-by-alpha' {
-  export import AvSortByAlpha = __MaterialUI.SvgIcon;
-  export default AvSortByAlpha;
-}
-
-declare module 'material-ui/lib/svg-icons/av/pause-circle-filled' {
-  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPauseCircleFilled;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fiber-smart-record' {
-  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
-  export default AvFiberSmartRecord;
-}
-
-declare module 'material-ui/lib/svg-icons/av/stop' {
-  export import AvStop = __MaterialUI.SvgIcon;
-  export default AvStop;
-}
-
-declare module 'material-ui/lib/svg-icons/av/playlist-play' {
-  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
-  export default AvPlaylistPlay;
-}
-
-declare module 'material-ui/lib/svg-icons/av/library-add' {
-  export import AvLibraryAdd = __MaterialUI.SvgIcon;
-  export default AvLibraryAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/av/volume-mute' {
-  export import AvVolumeMute = __MaterialUI.SvgIcon;
-  export default AvVolumeMute;
-}
-
-declare module 'material-ui/lib/svg-icons/av/skip-next' {
-  export import AvSkipNext = __MaterialUI.SvgIcon;
-  export default AvSkipNext;
-}
-
-declare module 'material-ui/lib/svg-icons/av/forward-30' {
-  export import AvForward30 = __MaterialUI.SvgIcon;
-  export default AvForward30;
-}
-
-declare module 'material-ui/lib/svg-icons/av/playlist-add' {
-  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
-  export default AvPlaylistAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/av/album' {
-  export import AvAlbum = __MaterialUI.SvgIcon;
-  export default AvAlbum;
-}
-
-declare module 'material-ui/lib/svg-icons/av/video-library' {
-  export import AvVideoLibrary = __MaterialUI.SvgIcon;
-  export default AvVideoLibrary;
-}
-
-declare module 'material-ui/lib/svg-icons/av/library-music' {
-  export import AvLibraryMusic = __MaterialUI.SvgIcon;
-  export default AvLibraryMusic;
-}
-
-declare module 'material-ui/lib/svg-icons/av/not-interested' {
-  export import AvNotInterested = __MaterialUI.SvgIcon;
-  export default AvNotInterested;
-}
-
-declare module 'material-ui/lib/svg-icons/av/playlist-add-check' {
-  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
-  export default AvPlaylistAddCheck;
-}
-
-declare module 'material-ui/lib/svg-icons/av/mic-none' {
-  export import AvMicNone = __MaterialUI.SvgIcon;
-  export default AvMicNone;
-}
-
-declare module 'material-ui/lib/svg-icons/av/pause' {
-  export import AvPause = __MaterialUI.SvgIcon;
-  export default AvPause;
-}
-
-declare module 'material-ui/lib/svg-icons/av/remove-from-queue' {
-  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
-  export default AvRemoveFromQueue;
-}
-
-declare module 'material-ui/lib/svg-icons/av/slow-motion-video' {
-  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
-  export default AvSlowMotionVideo;
-}
-
-declare module 'material-ui/lib/svg-icons/av/subtitles' {
-  export import AvSubtitles = __MaterialUI.SvgIcon;
-  export default AvSubtitles;
-}
-
-declare module 'material-ui/lib/svg-icons/av/mic-off' {
-  export import AvMicOff = __MaterialUI.SvgIcon;
-  export default AvMicOff;
-}
-
-declare module 'material-ui/lib/svg-icons/av/repeat-one' {
-  export import AvRepeatOne = __MaterialUI.SvgIcon;
-  export default AvRepeatOne;
-}
-
-declare module 'material-ui/lib/svg-icons/av/queue' {
-  export import AvQueue = __MaterialUI.SvgIcon;
-  export default AvQueue;
-}
-
-declare module 'material-ui/lib/svg-icons/av/fast-forward' {
-  export import AvFastForward = __MaterialUI.SvgIcon;
-  export default AvFastForward;
-}
-
-declare module 'material-ui/lib/svg-icons/av/mic' {
-  export import AvMic = __MaterialUI.SvgIcon;
-  export default AvMic;
-}
-
-declare module 'material-ui/lib/svg-icons/av/av-timer' {
-  export import AvAvTimer = __MaterialUI.SvgIcon;
-  export default AvAvTimer;
-}
-
-declare module 'material-ui/lib/svg-icons/av/pause-circle-outline' {
-  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPauseCircleOutline;
-}
-
-declare module 'material-ui/lib/svg-icons/av/airplay' {
-  export import AvAirplay = __MaterialUI.SvgIcon;
-  export default AvAirplay;
-}
-
-declare module 'material-ui/lib/svg-icons/image/camera-rear' {
-  export import ImageCameraRear = __MaterialUI.SvgIcon;
-  export default ImageCameraRear;
-}
-
-declare module 'material-ui/lib/svg-icons/image/add-a-photo' {
-  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
-  export default ImageAddAPhoto;
-}
-
-declare module 'material-ui/lib/svg-icons/image/portrait' {
-  export import ImagePortrait = __MaterialUI.SvgIcon;
-  export default ImagePortrait;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks' {
-  export import ImageLooks = __MaterialUI.SvgIcon;
-  export default ImageLooks;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure-neg-2' {
-  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg2;
-}
-
-declare module 'material-ui/lib/svg-icons/image/wb-cloudy' {
-  export import ImageWbCloudy = __MaterialUI.SvgIcon;
-  export default ImageWbCloudy;
-}
-
-declare module 'material-ui/lib/svg-icons/image/switch-video' {
-  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
-  export default ImageSwitchVideo;
-}
-
-declare module 'material-ui/lib/svg-icons/image/wb-auto' {
-  export import ImageWbAuto = __MaterialUI.SvgIcon;
-  export default ImageWbAuto;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-center-focus' {
-  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
-  export default ImageFilterCenterFocus;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-7-5' {
-  export import ImageCrop75 = __MaterialUI.SvgIcon;
-  export default ImageCrop75;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-3-2' {
-  export import ImageCrop32 = __MaterialUI.SvgIcon;
-  export default ImageCrop32;
-}
-
-declare module 'material-ui/lib/svg-icons/image/assistant-photo' {
-  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
-  export default ImageAssistantPhoto;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-one' {
-  export import ImageLooksOne = __MaterialUI.SvgIcon;
-  export default ImageLooksOne;
-}
-
-declare module 'material-ui/lib/svg-icons/image/collections-bookmark' {
-  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
-  export default ImageCollectionsBookmark;
-}
-
-declare module 'material-ui/lib/svg-icons/image/image-aspect-ratio' {
-  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
-  export default ImageImageAspectRatio;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brush' {
-  export import ImageBrush = __MaterialUI.SvgIcon;
-  export default ImageBrush;
-}
-
-declare module 'material-ui/lib/svg-icons/image/linked-camera' {
-  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
-  export default ImageLinkedCamera;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-1' {
-  export import ImageFilter1 = __MaterialUI.SvgIcon;
-  export default ImageFilter1;
-}
-
-declare module 'material-ui/lib/svg-icons/image/edit' {
-  export import ImageEdit = __MaterialUI.SvgIcon;
-  export default ImageEdit;
-}
-
-declare module 'material-ui/lib/svg-icons/image/timelapse' {
-  export import ImageTimelapse = __MaterialUI.SvgIcon;
-  export default ImageTimelapse;
-}
-
-declare module 'material-ui/lib/svg-icons/image/nature' {
-  export import ImageNature = __MaterialUI.SvgIcon;
-  export default ImageNature;
-}
-
-declare module 'material-ui/lib/svg-icons/image/monochrome-photos' {
-  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
-  export default ImageMonochromePhotos;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-6' {
-  export import ImageBrightness6 = __MaterialUI.SvgIcon;
-  export default ImageBrightness6;
-}
-
-declare module 'material-ui/lib/svg-icons/image/music-note' {
-  export import ImageMusicNote = __MaterialUI.SvgIcon;
-  export default ImageMusicNote;
-}
-
-declare module 'material-ui/lib/svg-icons/image/collections' {
-  export import ImageCollections = __MaterialUI.SvgIcon;
-  export default ImageCollections;
-}
-
-declare module 'material-ui/lib/svg-icons/image/wb-sunny' {
-  export import ImageWbSunny = __MaterialUI.SvgIcon;
-  export default ImageWbSunny;
-}
-
-declare module 'material-ui/lib/svg-icons/image/hdr-strong' {
-  export import ImageHdrStrong = __MaterialUI.SvgIcon;
-  export default ImageHdrStrong;
-}
-
-declare module 'material-ui/lib/svg-icons/image/panorama-vertical' {
-  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
-  export default ImagePanoramaVertical;
-}
-
-declare module 'material-ui/lib/svg-icons/image/navigate-next' {
-  export import ImageNavigateNext = __MaterialUI.SvgIcon;
-  export default ImageNavigateNext;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-4' {
-  export import ImageLooks4 = __MaterialUI.SvgIcon;
-  export default ImageLooks4;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-4' {
-  export import ImageFilter4 = __MaterialUI.SvgIcon;
-  export default ImageFilter4;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-1' {
-  export import ImageBrightness1 = __MaterialUI.SvgIcon;
-  export default ImageBrightness1;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure-plus-1' {
-  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus1;
-}
-
-declare module 'material-ui/lib/svg-icons/image/timer-3' {
-  export import ImageTimer3 = __MaterialUI.SvgIcon;
-  export default ImageTimer3;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure-zero' {
-  export import ImageExposureZero = __MaterialUI.SvgIcon;
-  export default ImageExposureZero;
-}
-
-declare module 'material-ui/lib/svg-icons/image/blur-linear' {
-  export import ImageBlurLinear = __MaterialUI.SvgIcon;
-  export default ImageBlurLinear;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-library' {
-  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
-  export default ImagePhotoLibrary;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-drama' {
-  export import ImageFilterDrama = __MaterialUI.SvgIcon;
-  export default ImageFilterDrama;
-}
-
-declare module 'material-ui/lib/svg-icons/image/dehaze' {
-  export import ImageDehaze = __MaterialUI.SvgIcon;
-  export default ImageDehaze;
-}
-
-declare module 'material-ui/lib/svg-icons/image/control-point-duplicate' {
-  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
-  export default ImageControlPointDuplicate;
-}
-
-declare module 'material-ui/lib/svg-icons/image/image' {
-  export import ImageImage = __MaterialUI.SvgIcon;
-  export default ImageImage;
-}
-
-declare module 'material-ui/lib/svg-icons/image/flash-auto' {
-  export import ImageFlashAuto = __MaterialUI.SvgIcon;
-  export default ImageFlashAuto;
-}
-
-declare module 'material-ui/lib/svg-icons/image/rotate-90-degrees-ccw' {
-  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
-  export default ImageRotate90DegreesCcw;
-}
-
-declare module 'material-ui/lib/svg-icons/image/blur-circular' {
-  export import ImageBlurCircular = __MaterialUI.SvgIcon;
-  export default ImageBlurCircular;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-3' {
-  export import ImageFilter3 = __MaterialUI.SvgIcon;
-  export default ImageFilter3;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure-plus-2' {
-  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus2;
-}
-
-declare module 'material-ui/lib/svg-icons/image/flash-on' {
-  export import ImageFlashOn = __MaterialUI.SvgIcon;
-  export default ImageFlashOn;
-}
-
-declare module 'material-ui/lib/svg-icons/image/view-comfy' {
-  export import ImageViewComfy = __MaterialUI.SvgIcon;
-  export default ImageViewComfy;
-}
-
-declare module 'material-ui/lib/svg-icons/image/colorize' {
-  export import ImageColorize = __MaterialUI.SvgIcon;
-  export default ImageColorize;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-4' {
-  export import ImageBrightness4 = __MaterialUI.SvgIcon;
-  export default ImageBrightness4;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-free' {
-  export import ImageCropFree = __MaterialUI.SvgIcon;
-  export default ImageCropFree;
-}
-
-declare module 'material-ui/lib/svg-icons/image/vignette' {
-  export import ImageVignette = __MaterialUI.SvgIcon;
-  export default ImageVignette;
-}
-
-declare module 'material-ui/lib/svg-icons/image/tag-faces' {
-  export import ImageTagFaces = __MaterialUI.SvgIcon;
-  export default ImageTagFaces;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-7' {
-  export import ImageBrightness7 = __MaterialUI.SvgIcon;
-  export default ImageBrightness7;
-}
-
-declare module 'material-ui/lib/svg-icons/image/healing' {
-  export import ImageHealing = __MaterialUI.SvgIcon;
-  export default ImageHealing;
-}
-
-declare module 'material-ui/lib/svg-icons/image/nature-people' {
-  export import ImageNaturePeople = __MaterialUI.SvgIcon;
-  export default ImageNaturePeople;
-}
-
-declare module 'material-ui/lib/svg-icons/image/gradient' {
-  export import ImageGradient = __MaterialUI.SvgIcon;
-  export default ImageGradient;
-}
-
-declare module 'material-ui/lib/svg-icons/image/flash-off' {
-  export import ImageFlashOff = __MaterialUI.SvgIcon;
-  export default ImageFlashOff;
-}
-
-declare module 'material-ui/lib/svg-icons/image/movie-creation' {
-  export import ImageMovieCreation = __MaterialUI.SvgIcon;
-  export default ImageMovieCreation;
-}
-
-declare module 'material-ui/lib/svg-icons/image/leak-add' {
-  export import ImageLeakAdd = __MaterialUI.SvgIcon;
-  export default ImageLeakAdd;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-5' {
-  export import ImageFilter5 = __MaterialUI.SvgIcon;
-  export default ImageFilter5;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo' {
-  export import ImagePhoto = __MaterialUI.SvgIcon;
-  export default ImagePhoto;
-}
-
-declare module 'material-ui/lib/svg-icons/image/color-lens' {
-  export import ImageColorLens = __MaterialUI.SvgIcon;
-  export default ImageColorLens;
-}
-
-declare module 'material-ui/lib/svg-icons/image/broken-image' {
-  export import ImageBrokenImage = __MaterialUI.SvgIcon;
-  export default ImageBrokenImage;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-6' {
-  export import ImageLooks6 = __MaterialUI.SvgIcon;
-  export default ImageLooks6;
-}
-
-declare module 'material-ui/lib/svg-icons/image/picture-as-pdf' {
-  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
-  export default ImagePictureAsPdf;
-}
-
-declare module 'material-ui/lib/svg-icons/image/palette' {
-  export import ImagePalette = __MaterialUI.SvgIcon;
-  export default ImagePalette;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-landscape' {
-  export import ImageCropLandscape = __MaterialUI.SvgIcon;
-  export default ImageCropLandscape;
-}
-
-declare module 'material-ui/lib/svg-icons/image/grid-on' {
-  export import ImageGridOn = __MaterialUI.SvgIcon;
-  export default ImageGridOn;
-}
-
-declare module 'material-ui/lib/svg-icons/image/slideshow' {
-  export import ImageSlideshow = __MaterialUI.SvgIcon;
-  export default ImageSlideshow;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-3' {
-  export import ImageBrightness3 = __MaterialUI.SvgIcon;
-  export default ImageBrightness3;
-}
-
-declare module 'material-ui/lib/svg-icons/image/style' {
-  export import ImageStyle = __MaterialUI.SvgIcon;
-  export default ImageStyle;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-vintage' {
-  export import ImageFilterVintage = __MaterialUI.SvgIcon;
-  export default ImageFilterVintage;
-}
-
-declare module 'material-ui/lib/svg-icons/image/tune' {
-  export import ImageTune = __MaterialUI.SvgIcon;
-  export default ImageTune;
-}
-
-declare module 'material-ui/lib/svg-icons/image/camera' {
-  export import ImageCamera = __MaterialUI.SvgIcon;
-  export default ImageCamera;
-}
-
-declare module 'material-ui/lib/svg-icons/image/timer' {
-  export import ImageTimer = __MaterialUI.SvgIcon;
-  export default ImageTimer;
-}
-
-declare module 'material-ui/lib/svg-icons/image/landscape' {
-  export import ImageLandscape = __MaterialUI.SvgIcon;
-  export default ImageLandscape;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-16-9' {
-  export import ImageCrop169 = __MaterialUI.SvgIcon;
-  export default ImageCrop169;
-}
-
-declare module 'material-ui/lib/svg-icons/image/add-to-photos' {
-  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
-  export default ImageAddToPhotos;
-}
-
-declare module 'material-ui/lib/svg-icons/image/wb-incandescent' {
-  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
-  export default ImageWbIncandescent;
-}
-
-declare module 'material-ui/lib/svg-icons/image/hdr-weak' {
-  export import ImageHdrWeak = __MaterialUI.SvgIcon;
-  export default ImageHdrWeak;
-}
-
-declare module 'material-ui/lib/svg-icons/image/details' {
-  export import ImageDetails = __MaterialUI.SvgIcon;
-  export default ImageDetails;
-}
-
-declare module 'material-ui/lib/svg-icons/image/view-compact' {
-  export import ImageViewCompact = __MaterialUI.SvgIcon;
-  export default ImageViewCompact;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-5' {
-  export import ImageBrightness5 = __MaterialUI.SvgIcon;
-  export default ImageBrightness5;
-}
-
-declare module 'material-ui/lib/svg-icons/image/center-focus-weak' {
-  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusWeak;
-}
-
-declare module 'material-ui/lib/svg-icons/image/adjust' {
-  export import ImageAdjust = __MaterialUI.SvgIcon;
-  export default ImageAdjust;
-}
-
-declare module 'material-ui/lib/svg-icons/image/camera-front' {
-  export import ImageCameraFront = __MaterialUI.SvgIcon;
-  export default ImageCameraFront;
-}
-
-declare module 'material-ui/lib/svg-icons/image/transform' {
-  export import ImageTransform = __MaterialUI.SvgIcon;
-  export default ImageTransform;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter' {
-  export import ImageFilter = __MaterialUI.SvgIcon;
-  export default ImageFilter;
-}
-
-declare module 'material-ui/lib/svg-icons/image/grain' {
-  export import ImageGrain = __MaterialUI.SvgIcon;
-  export default ImageGrain;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-9-plus' {
-  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
-  export default ImageFilter9Plus;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-5' {
-  export import ImageLooks5 = __MaterialUI.SvgIcon;
-  export default ImageLooks5;
-}
-
-declare module 'material-ui/lib/svg-icons/image/hdr-on' {
-  export import ImageHdrOn = __MaterialUI.SvgIcon;
-  export default ImageHdrOn;
-}
-
-declare module 'material-ui/lib/svg-icons/image/audiotrack' {
-  export import ImageAudiotrack = __MaterialUI.SvgIcon;
-  export default ImageAudiotrack;
-}
-
-declare module 'material-ui/lib/svg-icons/image/compare' {
-  export import ImageCompare = __MaterialUI.SvgIcon;
-  export default ImageCompare;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop' {
-  export import ImageCrop = __MaterialUI.SvgIcon;
-  export default ImageCrop;
-}
-
-declare module 'material-ui/lib/svg-icons/image/texture' {
-  export import ImageTexture = __MaterialUI.SvgIcon;
-  export default ImageTexture;
-}
-
-declare module 'material-ui/lib/svg-icons/image/movie-filter' {
-  export import ImageMovieFilter = __MaterialUI.SvgIcon;
-  export default ImageMovieFilter;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure' {
-  export import ImageExposure = __MaterialUI.SvgIcon;
-  export default ImageExposure;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-b-and-w' {
-  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
-  export default ImageFilterBAndW;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-actual' {
-  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectActual;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-5-4' {
-  export import ImageCrop54 = __MaterialUI.SvgIcon;
-  export default ImageCrop54;
-}
-
-declare module 'material-ui/lib/svg-icons/image/brightness-2' {
-  export import ImageBrightness2 = __MaterialUI.SvgIcon;
-  export default ImageBrightness2;
-}
-
-declare module 'material-ui/lib/svg-icons/image/tonality' {
-  export import ImageTonality = __MaterialUI.SvgIcon;
-  export default ImageTonality;
-}
-
-declare module 'material-ui/lib/svg-icons/image/panorama-wide-angle' {
-  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
-  export default ImagePanoramaWideAngle;
-}
-
-declare module 'material-ui/lib/svg-icons/image/flip' {
-  export import ImageFlip = __MaterialUI.SvgIcon;
-  export default ImageFlip;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-9' {
-  export import ImageFilter9 = __MaterialUI.SvgIcon;
-  export default ImageFilter9;
-}
-
-declare module 'material-ui/lib/svg-icons/image/blur-on' {
-  export import ImageBlurOn = __MaterialUI.SvgIcon;
-  export default ImageBlurOn;
-}
-
-declare module 'material-ui/lib/svg-icons/image/assistant' {
-  export import ImageAssistant = __MaterialUI.SvgIcon;
-  export default ImageAssistant;
-}
-
-declare module 'material-ui/lib/svg-icons/image/lens' {
-  export import ImageLens = __MaterialUI.SvgIcon;
-  export default ImageLens;
-}
-
-declare module 'material-ui/lib/svg-icons/image/switch-camera' {
-  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
-  export default ImageSwitchCamera;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-filter' {
-  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
-  export default ImagePhotoFilter;
-}
-
-declare module 'material-ui/lib/svg-icons/image/wb-iridescent' {
-  export import ImageWbIridescent = __MaterialUI.SvgIcon;
-  export default ImageWbIridescent;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-square' {
-  export import ImageCropSquare = __MaterialUI.SvgIcon;
-  export default ImageCropSquare;
-}
-
-declare module 'material-ui/lib/svg-icons/image/timer-10' {
-  export import ImageTimer10 = __MaterialUI.SvgIcon;
-  export default ImageTimer10;
-}
-
-declare module 'material-ui/lib/svg-icons/image/rotate-right' {
-  export import ImageRotateRight = __MaterialUI.SvgIcon;
-  export default ImageRotateRight;
-}
-
-declare module 'material-ui/lib/svg-icons/image/grid-off' {
-  export import ImageGridOff = __MaterialUI.SvgIcon;
-  export default ImageGridOff;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-7' {
-  export import ImageFilter7 = __MaterialUI.SvgIcon;
-  export default ImageFilter7;
-}
-
-declare module 'material-ui/lib/svg-icons/image/loupe' {
-  export import ImageLoupe = __MaterialUI.SvgIcon;
-  export default ImageLoupe;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-6' {
-  export import ImageFilter6 = __MaterialUI.SvgIcon;
-  export default ImageFilter6;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-tilt-shift' {
-  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
-  export default ImageFilterTiltShift;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-din' {
-  export import ImageCropDin = __MaterialUI.SvgIcon;
-  export default ImageCropDin;
-}
-
-declare module 'material-ui/lib/svg-icons/image/center-focus-strong' {
-  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusStrong;
-}
-
-declare module 'material-ui/lib/svg-icons/image/rotate-left' {
-  export import ImageRotateLeft = __MaterialUI.SvgIcon;
-  export default ImageRotateLeft;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-hdr' {
-  export import ImageFilterHdr = __MaterialUI.SvgIcon;
-  export default ImageFilterHdr;
-}
-
-declare module 'material-ui/lib/svg-icons/image/timer-off' {
-  export import ImageTimerOff = __MaterialUI.SvgIcon;
-  export default ImageTimerOff;
-}
-
-declare module 'material-ui/lib/svg-icons/image/straighten' {
-  export import ImageStraighten = __MaterialUI.SvgIcon;
-  export default ImageStraighten;
-}
-
-declare module 'material-ui/lib/svg-icons/image/exposure-neg-1' {
-  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg1;
-}
-
-declare module 'material-ui/lib/svg-icons/image/navigate-before' {
-  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
-  export default ImageNavigateBefore;
-}
-
-declare module 'material-ui/lib/svg-icons/image/iso' {
-  export import ImageIso = __MaterialUI.SvgIcon;
-  export default ImageIso;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-album' {
-  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
-  export default ImagePhotoAlbum;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-rotate' {
-  export import ImageCropRotate = __MaterialUI.SvgIcon;
-  export default ImageCropRotate;
-}
-
-declare module 'material-ui/lib/svg-icons/image/remove-red-eye' {
-  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
-  export default ImageRemoveRedEye;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-portrait' {
-  export import ImageCropPortrait = __MaterialUI.SvgIcon;
-  export default ImageCropPortrait;
-}
-
-declare module 'material-ui/lib/svg-icons/image/camera-alt' {
-  export import ImageCameraAlt = __MaterialUI.SvgIcon;
-  export default ImageCameraAlt;
-}
-
-declare module 'material-ui/lib/svg-icons/image/control-point' {
-  export import ImageControlPoint = __MaterialUI.SvgIcon;
-  export default ImageControlPoint;
-}
-
-declare module 'material-ui/lib/svg-icons/image/panorama' {
-  export import ImagePanorama = __MaterialUI.SvgIcon;
-  export default ImagePanorama;
-}
-
-declare module 'material-ui/lib/svg-icons/image/panorama-fish-eye' {
-  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
-  export default ImagePanoramaFishEye;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-8' {
-  export import ImageFilter8 = __MaterialUI.SvgIcon;
-  export default ImageFilter8;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-two' {
-  export import ImageLooksTwo = __MaterialUI.SvgIcon;
-  export default ImageLooksTwo;
-}
-
-declare module 'material-ui/lib/svg-icons/image/panorama-horizontal' {
-  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
-  export default ImagePanoramaHorizontal;
-}
-
-declare module 'material-ui/lib/svg-icons/image/looks-3' {
-  export import ImageLooks3 = __MaterialUI.SvgIcon;
-  export default ImageLooks3;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-none' {
-  export import ImageFilterNone = __MaterialUI.SvgIcon;
-  export default ImageFilterNone;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-large' {
-  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectLarge;
-}
-
-declare module 'material-ui/lib/svg-icons/image/blur-off' {
-  export import ImageBlurOff = __MaterialUI.SvgIcon;
-  export default ImageBlurOff;
-}
-
-declare module 'material-ui/lib/svg-icons/image/camera-roll' {
-  export import ImageCameraRoll = __MaterialUI.SvgIcon;
-  export default ImageCameraRoll;
-}
-
-declare module 'material-ui/lib/svg-icons/image/leak-remove' {
-  export import ImageLeakRemove = __MaterialUI.SvgIcon;
-  export default ImageLeakRemove;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-frames' {
-  export import ImageFilterFrames = __MaterialUI.SvgIcon;
-  export default ImageFilterFrames;
-}
-
-declare module 'material-ui/lib/svg-icons/image/flare' {
-  export import ImageFlare = __MaterialUI.SvgIcon;
-  export default ImageFlare;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-small' {
-  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectSmall;
-}
-
-declare module 'material-ui/lib/svg-icons/image/photo-camera' {
-  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
-  export default ImagePhotoCamera;
-}
-
-declare module 'material-ui/lib/svg-icons/image/hdr-off' {
-  export import ImageHdrOff = __MaterialUI.SvgIcon;
-  export default ImageHdrOff;
-}
-
-declare module 'material-ui/lib/svg-icons/image/filter-2' {
-  export import ImageFilter2 = __MaterialUI.SvgIcon;
-  export default ImageFilter2;
-}
-
-declare module 'material-ui/lib/svg-icons/image/crop-original' {
-  export import ImageCropOriginal = __MaterialUI.SvgIcon;
-  export default ImageCropOriginal;
-}
-
-declare module 'material-ui/lib/svg-icons/places/kitchen' {
-  export import PlacesKitchen = __MaterialUI.SvgIcon;
-  export default PlacesKitchen;
-}
-
-declare module 'material-ui/lib/svg-icons/places/spa' {
-  export import PlacesSpa = __MaterialUI.SvgIcon;
-  export default PlacesSpa;
-}
-
-declare module 'material-ui/lib/svg-icons/places/all-inclusive' {
-  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
-  export default PlacesAllInclusive;
-}
-
-declare module 'material-ui/lib/svg-icons/places/ac-unit' {
-  export import PlacesAcUnit = __MaterialUI.SvgIcon;
-  export default PlacesAcUnit;
-}
-
-declare module 'material-ui/lib/svg-icons/places/child-care' {
-  export import PlacesChildCare = __MaterialUI.SvgIcon;
-  export default PlacesChildCare;
-}
-
-declare module 'material-ui/lib/svg-icons/places/golf-course' {
-  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
-  export default PlacesGolfCourse;
-}
-
-declare module 'material-ui/lib/svg-icons/places/business-center' {
-  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
-  export default PlacesBusinessCenter;
-}
-
-declare module 'material-ui/lib/svg-icons/places/free-breakfast' {
-  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
-  export default PlacesFreeBreakfast;
-}
-
-declare module 'material-ui/lib/svg-icons/places/fitness-center' {
-  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
-  export default PlacesFitnessCenter;
-}
-
-declare module 'material-ui/lib/svg-icons/places/pool' {
-  export import PlacesPool = __MaterialUI.SvgIcon;
-  export default PlacesPool;
-}
-
-declare module 'material-ui/lib/svg-icons/places/child-friendly' {
-  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
-  export default PlacesChildFriendly;
-}
-
-declare module 'material-ui/lib/svg-icons/places/casino' {
-  export import PlacesCasino = __MaterialUI.SvgIcon;
-  export default PlacesCasino;
-}
-
-declare module 'material-ui/lib/svg-icons/places/hot-tub' {
-  export import PlacesHotTub = __MaterialUI.SvgIcon;
-  export default PlacesHotTub;
-}
-
-declare module 'material-ui/lib/svg-icons/places/smoke-free' {
-  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
-  export default PlacesSmokeFree;
-}
-
-declare module 'material-ui/lib/svg-icons/places/room-service' {
-  export import PlacesRoomService = __MaterialUI.SvgIcon;
-  export default PlacesRoomService;
-}
-
-declare module 'material-ui/lib/svg-icons/places/smoking-rooms' {
-  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
-  export default PlacesSmokingRooms;
-}
-
-declare module 'material-ui/lib/svg-icons/places/beach-access' {
-  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
-  export default PlacesBeachAccess;
-}
-
-declare module 'material-ui/lib/svg-icons/places/airport-shuttle' {
-  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
-  export default PlacesAirportShuttle;
-}
-
-declare module 'material-ui/lib/styles' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
-    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
-    export import Spacing = require('material-ui/lib/styles/spacing');
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
-    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
-    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme; // require('material-ui/lib/styles/raw-themes/light-raw-theme'),
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme; // require('material-ui/lib/styles/raw-themes/dark-raw-theme'),
-    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator; //require('material-ui/lib/styles/theme-decorator');
-    export import ZIndex = __MaterialUI.Styles.zIndex; //require('material-ui/lib/styles/zIndex');
-    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
-
-    export default {
-        AutoPrefix,
-        Colors,
-        Spacing,
-        ThemeManager,
-        Transitions,
-        Typography,
-        lightBaseTheme,
-        LightRawTheme,
-        darkBaseTheme,
-        DarkRawTheme,
-        ThemeDecorator,
-        getMuiTheme,
-        ZIndex,
-    };
-}
-
-declare module 'material-ui/lib/styles/auto-prefix' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix;
-    export default AutoPrefix;
-}
-
-declare module 'material-ui/lib/styles/spacing' {
-    type Spacing = __MaterialUI.Styles.Spacing;
-    var Spacing: Spacing;
-    export default Spacing;
-}
-
-declare module 'material-ui/lib/styles/theme-manager' {
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export default ThemeManager;
-}
-
-declare module 'material-ui/lib/styles/transitions' {
-    export import Transitions = __MaterialUI.Styles.Transitions;
-    export default Transitions;
-}
-
-declare module 'material-ui/lib/styles/typography' {
-    export import Typography = __MaterialUI.Styles.Typography;
-    export default Typography;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/light-raw-theme' {
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export default LightRawTheme;
-}
-
-declare module 'material-ui/lib/styles/raw-themes/dark-raw-theme' {
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export default DarkRawTheme;
-}
-
-declare module 'material-ui/lib/styles/theme-decorator' {
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator;
-    export default ThemeDecorator;
-}
-
-
-declare module 'material-ui/lib/snackbar' {
-    export import Snackbar = __MaterialUI.Snackbar;
-    export default Snackbar;
-}
-
-declare module 'material-ui/lib/tabs/tab' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export default Tab;
-}
-
-declare module 'material-ui/lib/tabs/tabs' {
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
-}
-
-declare module 'material-ui/lib/table/table' {
-    export import Table = __MaterialUI.Table.Table;
-    export default Table;
-}
-
-declare module 'material-ui/lib/table/table-body' {
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export default TableBody;
-}
-
-declare module 'material-ui/lib/table/table-footer' {
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export default TableFooter;
-}
-
-declare module 'material-ui/lib/table/table-header' {
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export default TableHeader;
-}
-
-declare module 'material-ui/lib/table/table-header-column' {
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export default TableHeaderColumn;
-}
-
-declare module 'material-ui/lib/table/table-row' {
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export default TableRow;
-}
-
-declare module 'material-ui/lib/table/table-row-column' {
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export default TableRowColumn;
-}
-
-declare module 'material-ui/lib/theme-wrapper' {
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper;
-    export default ThemeWrapper;
-}
-
-declare module 'material-ui/lib/toggle' {
-    export import Toggle = __MaterialUI.Toggle;
-    export default Toggle;
-}
-
-declare module 'material-ui/lib/time-picker' {
-    export import TimePicker = __MaterialUI.TimePicker;
-    export default TimePicker;
-}
-
-declare module 'material-ui/lib/text-field' {
-    export import TextField = __MaterialUI.TextField;
-    export default TextField;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar' {
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export default Toolbar;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-group' {
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export default ToolbarGroup;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-separator' {
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export default ToolbarSeparator;
-}
-
-declare module 'material-ui/lib/toolbar/toolbar-title' {
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export default ToolbarTitle;
-}
-
-declare module 'material-ui/lib/tooltip' {
-    export import Tooltip = __MaterialUI.Tooltip;
-    export default Tooltip;
-}
-
-declare module 'material-ui/lib/utils' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
-    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
-    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
-    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
-    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
-    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
-    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
-    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
-    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
-}
-
-declare module 'material-ui/lib/utils/color-manipulator' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator;
-    export default ColorManipulator;
-}
-
-declare module 'material-ui/lib/utils/css-event' {
-    export import CssEvent = __MaterialUI.Utils.CssEvent;
-    export default CssEvent;
-}
-
-declare module 'material-ui/lib/utils/dom' {
-    export import Dom = __MaterialUI.Utils.Dom;
-    export default Dom;
-}
-
-declare module 'material-ui/lib/utils/events' {
-    export import Events = __MaterialUI.Utils.Events;
-    export default Events;
-}
-
-declare module 'material-ui/lib/utils/extend' {
-    export import Extend = __MaterialUI.Utils.Extend;
-    export default Extend;
-}
-
-declare module 'material-ui/lib/utils/immutability-helper' {
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper;
-    export default ImmutabilityHelper;
-}
-
-declare module 'material-ui/lib/utils/key-code' {
-    export import KeyCode = __MaterialUI.Utils.KeyCode;
-    export default KeyCode;
-}
-
-declare module 'material-ui/lib/utils/key-line' {
-    export import KeyLine = __MaterialUI.Utils.KeyLine;
-    export default KeyLine;
-}
-
-declare module 'material-ui/lib/utils/unique-id' {
-    export import UniqueId = __MaterialUI.Utils.UniqueId;
-    export default UniqueId;
-}
-
-declare module 'material-ui/lib/utils/styles' {
-    export import Styles = __MaterialUI.Utils.Styles;
-    export default Styles;
-}
-
-declare module "material-ui/lib/menus/icon-menu" {
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export default IconMenu;
-}
-
-declare module "material-ui/lib/menus/menu" {
-    export import Menu = __MaterialUI.Menus.Menu;
-    export default Menu;
-}
-
-declare module "material-ui/lib/menus/menu-item" {
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default MenuItem;
-}
-
-declare module "material-ui/lib/divider" {
-    export import Divider = __MaterialUI.Divider;
-    export default Divider;
-}
-
-declare module "material-ui/lib/grid-list/grid-list" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export default GridList;
-}
-
-declare module "material-ui/lib/grid-list/grid-tile" {
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridTile;
-}
-
-declare module "material-ui/lib/styles/colors" {
-    export import Colors = __MaterialUI.Styles.Colors;
-    export default Colors;
-}
-
-declare module "material-ui/lib/styles/zIndex" {
-    export import zIndex = __MaterialUI.Styles.zIndex;
-    export default zIndex;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
-
-declare module "material-ui/lib/svg-icons" {
-    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessibility');
-    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessible');
-    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance');
-    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance-wallet');
-    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-box');
-    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-circle');
-    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/add-shopping-cart');
-    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm');
-    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-add');
-    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-off');
-    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-on');
-    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/all-out');
-    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/android');
-    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/announcement');
-    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/aspect-ratio');
-    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assessment');
-    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment');
-    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-ind');
-    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-late');
-    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-return');
-    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-returned');
-    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-turned-in');
-    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/autorenew');
-    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/backup');
-    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/book');
-    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark');
-    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark-border');
-    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bug-report');
-    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/build');
-    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/cached');
-    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/camera-enhance');
-    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-giftcard');
-    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-membership');
-    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-travel');
-    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/change-history');
-    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/check-circle');
-    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/chrome-reader-mode');
-    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/class');
-    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/code');
-    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/compare-arrows');
-    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/copyright');
-    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/credit-card');
-    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dashboard');
-    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/date-range');
-    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/delete');
-    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/description');
-    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dns');
-    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done');
-    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done-all');
-    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-large');
-    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-small');
-    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/eject');
-    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event');
-    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event-seat');
-    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/exit-to-app');
-    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/explore');
-    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/extension');
-    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/face');
-    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite');
-    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite-border');
-    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/feedback');
-    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-in-page');
-    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-replace');
-    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/fingerprint');
-    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-land');
-    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-takeoff');
-    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-back');
-    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-front');
-    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gavel');
-    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/get-app');
-    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gif');
-    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/grade');
-    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/group-work');
-    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help');
-    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help-outline');
-    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/highlight-off');
-    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/history');
-    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/home');
-    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-empty');
-    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-full');
-    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/http');
-    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/https');
-    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/important-devices');
-    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info');
-    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info-outline');
-    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/input');
-    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/invert-colors');
-    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label');
-    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label-outline');
-    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/language');
-    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/launch');
-    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lightbulb-outline');
-    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-style');
-    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-weight');
-    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/list');
-    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock');
-    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-open');
-    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-outline');
-    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/loyalty');
-    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/markunread-mailbox');
-    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/motorcycle');
-    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/note-add');
-    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/offline-pin');
-    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/opacity');
-    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-browser');
-    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-new');
-    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-with');
-    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pageview');
-    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pan-tool');
-    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/payment');
-    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-camera-mic');
-    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-contact-calendar');
-    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-data-setting');
-    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-device-information');
-    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-identity');
-    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-media');
-    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-phone-msg');
-    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-scan-wifi');
-    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pets');
-    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture');
-    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture-alt');
-    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/play-for-work');
-    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/polymer');
-    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/power-settings-new');
-    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pregnant-woman');
-    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/print');
-    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/query-builder');
-    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/question-answer');
-    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/receipt');
-    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/record-voice-over');
-    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/redeem');
-    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/reorder');
-    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/report-problem');
-    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/restore');
-    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/room');
-    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rounded-corner');
-    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rowing');
-    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/schedule');
-    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/search');
-    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings');
-    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-applications');
-    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-backup-restore');
-    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-bluetooth');
-    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-brightness');
-    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-cell');
-    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-ethernet');
-    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-antenna');
-    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-component');
-    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-composite');
-    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-hdmi');
-    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-svideo');
-    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-overscan');
-    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-phone');
-    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-power');
-    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-remote');
-    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-voice');
-    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop');
-    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-basket');
-    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-cart');
-    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop-two');
-    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/speaker-notes');
-    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/spellcheck');
-    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/stars');
-    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/store');
-    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/subject');
-    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/supervisor-account');
-    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-horiz');
-    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vert');
-    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vertical-circle');
-    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/system-update-alt');
-    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab');
-    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab-unselected');
-    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/theaters');
-    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/three-d-rotation');
-    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-down');
-    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumbs-up-down');
-    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-up');
-    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/timeline');
-    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toc');
-    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/today');
-    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toll');
-    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/touch-app');
-    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/track-changes');
-    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/translate');
-    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-down');
-    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-flat');
-    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-up');
-    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in');
-    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in-not');
-    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/update');
-    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/verified-user');
-    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-agenda');
-    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-array');
-    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-carousel');
-    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-column');
-    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-day');
-    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-headline');
-    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-list');
-    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-module');
-    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-quilt');
-    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-stream');
-    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-week');
-    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility');
-    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility-off');
-    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/watch-later');
-    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/work');
-    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/youtube-searched-for');
-    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-in');
-    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-out');
-    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/add-alert');
-    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error');
-    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error-outline');
-    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/warning');
-    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/add-to-queue');
-    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/airplay');
-    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/album');
-    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/art-track');
-    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/av-timer');
-    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/closed-caption');
-    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/equalizer');
-    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/explicit');
-    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-forward');
-    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-rewind');
-    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-dvr');
-    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-manual-record');
-    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-new');
-    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-pin');
-    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-smart-record');
-    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-10');
-    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-30');
-    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-5');
-    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/games');
-    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hd');
-    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hearing');
-    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/high-quality');
-    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-add');
-    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-books');
-    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-music');
-    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/loop');
-    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic');
-    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-none');
-    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-off');
-    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/movie');
-    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/music-video');
-    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/new-releases');
-    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/not-interested');
-    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause');
-    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-filled');
-    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-outline');
-    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-arrow');
-    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-filled');
-    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-outline');
-    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add');
-    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add-check');
-    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-play');
-    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue');
-    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-music');
-    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-play-next');
-    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/radio');
-    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/recent-actors');
-    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/remove-from-queue');
-    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat');
-    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat-one');
-    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay');
-    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-10');
-    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-30');
-    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-5');
-    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/shuffle');
-    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-next');
-    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-previous');
-    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/slow-motion-video');
-    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/snooze');
-    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/sort-by-alpha');
-    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/stop');
-    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subscriptions');
-    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subtitles');
-    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/surround-sound');
-    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam');
-    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam-off');
-    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/video-library');
-    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-down');
-    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-mute');
-    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-off');
-    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-up');
-    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web');
-    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web-asset');
-    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/business');
-    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call');
-    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-end');
-    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-made');
-    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-merge');
-    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed');
-    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed-outgoing');
-    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-received');
-    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-split');
-    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat');
-    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble');
-    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble-outline');
-    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/clear-all');
-    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/comment');
-    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-mail');
-    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-phone');
-    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contacts');
-    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialer-sip');
-    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialpad');
-    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/email');
-    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/forum');
-    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-contacts');
-    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-export');
-    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/invert-colors-off');
-    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/live-help');
-    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-off');
-    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-on');
-    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/mail-outline');
-    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/message');
-    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/no-sim');
-    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phone');
-    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-erase');
-    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-lock');
-    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-ring');
-    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-setup');
-    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/portable-wifi-off');
-    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/present-to-all');
-    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/ring-volume');
-    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/screen-share');
-    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/speaker-phone');
-    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-landscape');
-    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-portrait');
-    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-landscape');
-    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-portrait');
-    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stop-screen-share');
-    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/swap-calls');
-    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/tact-mail');
-    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/textsms');
-    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/voicemail');
-    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/vpn-key');
-    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add');
-    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-box');
-    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle');
-    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle-outline');
-    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/archive');
-    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/backspace');
-    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/block');
-    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/clear');
-    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-copy');
-    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-cut');
-    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-paste');
-    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/create');
-    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/drafts');
-    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/filter-list');
-    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/flag');
-    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/font-download');
-    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/forward');
-    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/gesture');
-    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/inbox');
-    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/link');
-    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/mail');
-    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/markunread');
-    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/move-to-inbox');
-    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/next-week');
-    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/redo');
-    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove');
-    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle');
-    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle-outline');
-    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply');
-    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply-all');
-    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/report');
-    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/save');
-    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/select-all');
-    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/send');
-    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/sort');
-    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/text-format');
-    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/unarchive');
-    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/undo');
-    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/weekend');
-    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarm');
-    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarms');
-    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-time');
-    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/add-alarm');
-    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-active');
-    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-inactive');
-    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-20');
-    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-30');
-    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-50');
-    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-60');
-    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-80');
-    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-90');
-    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-alert');
-    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-20');
-    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-30');
-    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-50');
-    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-60');
-    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-80');
-    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-90');
-    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-full');
-    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-full');
-    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-std');
-    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-unknown');
-    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth');
-    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-connected');
-    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-disabled');
-    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-searching');
-    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-auto');
-    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-high');
-    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-low');
-    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-medium');
-    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/data-usage');
-    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/developer-mode');
-    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/devices');
-    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/dvr');
-    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-fixed');
-    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-not-fixed');
-    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-off');
-    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/graphic-eq');
-    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-disabled');
-    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-searching');
-    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-cell');
-    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-wifi');
-    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/nfc');
-    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-landscape');
-    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-portrait');
-    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-rotation');
-    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-rotation');
-    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/sd-storage');
-    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/settings-system-daydream');
-    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-0-bar');
-    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-1-bar');
-    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-2-bar');
-    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-3-bar');
-    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-4-bar');
-    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-0-bar');
-    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-1-bar');
-    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-2-bar');
-    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-3-bar');
-    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-4-bar');
-    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-no-sim');
-    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-null');
-    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-off');
-    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-0-bar');
-    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar');
-    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar-lock');
-    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar');
-    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar-lock');
-    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar');
-    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar-lock');
-    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar');
-    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar-lock');
-    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-off');
-    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/storage');
-    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/usb');
-    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wallpaper');
-    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/widgets');
-    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-lock');
-    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-tethering');
-    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-file');
-    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-money');
-    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-all');
-    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-bottom');
-    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-clear');
-    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-color');
-    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-horizontal');
-    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-inner');
-    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-left');
-    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-outer');
-    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-right');
-    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-style');
-    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-top');
-    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-vertical');
-    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/drag-handle');
-    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-center');
-    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-justify');
-    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-left');
-    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-right');
-    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-bold');
-    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-clear');
-    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-fill');
-    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-reset');
-    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-text');
-    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-decrease');
-    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-increase');
-    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-italic');
-    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-line-spacing');
-    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-bulleted');
-    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-numbered');
-    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-paint');
-    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-quote');
-    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-shapes');
-    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-size');
-    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-strikethrough');
-    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-l-to-r');
-    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-r-to-l');
-    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-underlined');
-    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/functions');
-    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/highlight');
-    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-chart');
-    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-comment');
-    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-drive-file');
-    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-emoticon');
-    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-invitation');
-    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-link');
-    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-photo');
-    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/linear-scale');
-    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/merge-type');
-    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-comment');
-    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-edit');
-    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/money-off');
-    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/publish');
-    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/short-text');
-    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/space-bar');
-    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/strikethrough-s');
-    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/text-fields');
-    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-bottom');
-    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-center');
-    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-top');
-    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/wrap-text');
-    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/attachment');
-    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud');
-    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-circle');
-    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-done');
-    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-download');
-    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-off');
-    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-queue');
-    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-upload');
-    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/create-new-folder');
-    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-download');
-    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-upload');
-    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder');
-    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-open');
-    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-shared');
-    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast');
-    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast-connected');
-    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/computer');
-    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-mac');
-    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-windows');
-    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/developer-board');
-    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/device-hub');
-    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/devices-other');
-    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/dock');
-    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/gamepad');
-    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset');
-    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset-mic');
-    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard');
-    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-down');
-    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-left');
-    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-right');
-    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-up');
-    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-backspace');
-    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-capslock');
-    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-hide');
-    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-return');
-    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-tab');
-    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-voice');
-    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop');
-    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-chromebook');
-    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-mac');
-    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-windows');
-    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/memory');
-    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/mouse');
-    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-android');
-    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-iphone');
-    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink');
-    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink-off');
-    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/power-input');
-    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/router');
-    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/scanner');
-    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/security');
-    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/sim-card');
-    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/smartphone');
-    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker');
-    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker-group');
-    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet');
-    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-android');
-    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-mac');
-    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/toys');
-    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tv');
-    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/videogame-asset');
-    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/watch');
-    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-a-photo');
-    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-to-photos');
-    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/adjust');
-    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant');
-    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant-photo');
-    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/audiotrack');
-    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-circular');
-    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-linear');
-    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-off');
-    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-on');
-    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-1');
-    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-2');
-    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-3');
-    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-4');
-    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-5');
-    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-6');
-    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-7');
-    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/broken-image');
-    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brush');
-    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera');
-    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-alt');
-    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-front');
-    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-rear');
-    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-roll');
-    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-strong');
-    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-weak');
-    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections');
-    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections-bookmark');
-    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/colorize');
-    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/color-lens');
-    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/compare');
-    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point');
-    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point-duplicate');
-    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop');
-    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-16-9');
-    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-3-2');
-    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-5-4');
-    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-7-5');
-    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-din');
-    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-free');
-    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-landscape');
-    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-original');
-    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-portrait');
-    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-rotate');
-    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-square');
-    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/dehaze');
-    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/details');
-    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/edit');
-    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure');
-    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-1');
-    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-2');
-    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-1');
-    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-2');
-    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-zero');
-    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter');
-    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-1');
-    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-2');
-    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-3');
-    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-4');
-    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-5');
-    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-6');
-    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-7');
-    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-8');
-    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9');
-    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9-plus');
-    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-b-and-w');
-    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-center-focus');
-    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-drama');
-    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-frames');
-    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-hdr');
-    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-none');
-    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-tilt-shift');
-    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-vintage');
-    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flare');
-    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-auto');
-    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-off');
-    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-on');
-    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flip');
-    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/gradient');
-    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grain');
-    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-off');
-    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-on');
-    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-off');
-    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-on');
-    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-strong');
-    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-weak');
-    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/healing');
-    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image');
-    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image-aspect-ratio');
-    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/iso');
-    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/landscape');
-    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-add');
-    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-remove');
-    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/lens');
-    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/linked-camera');
-    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks');
-    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-3');
-    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-4');
-    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-5');
-    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-6');
-    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-one');
-    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-two');
-    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/loupe');
-    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/monochrome-photos');
-    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-creation');
-    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-filter');
-    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/music-note');
-    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature');
-    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature-people');
-    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-before');
-    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-next');
-    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/palette');
-    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama');
-    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-fish-eye');
-    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-horizontal');
-    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-vertical');
-    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-wide-angle');
-    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo');
-    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-album');
-    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-camera');
-    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-filter');
-    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-library');
-    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-actual');
-    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-large');
-    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-small');
-    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/picture-as-pdf');
-    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/portrait');
-    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/remove-red-eye');
-    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-90-degrees-ccw');
-    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-left');
-    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-right');
-    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/slideshow');
-    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/straighten');
-    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/style');
-    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-camera');
-    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-video');
-    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tag-faces');
-    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/texture');
-    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timelapse');
-    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer');
-    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-10');
-    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-3');
-    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-off');
-    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tonality');
-    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/transform');
-    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tune');
-    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-comfy');
-    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-compact');
-    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/vignette');
-    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-auto');
-    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-cloudy');
-    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-incandescent');
-    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-iridescent');
-    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-sunny');
-    export import Index = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index');
-    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index-generator');
-    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/add-location');
-    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/beenhere');
-    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions');
-    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bike');
-    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-boat');
-    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bus');
-    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-car');
-    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-railway');
-    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-run');
-    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-subway');
-    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-transit');
-    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-walk');
-    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/edit-location');
-    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/flight');
-    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/hotel');
-    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers');
-    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers-clear');
-    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-activity');
-    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-airport');
-    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-atm');
-    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-bar');
-    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-cafe');
-    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-car-wash');
-    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-convenience-store');
-    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-dining');
-    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-drink');
-    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-florist');
-    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-gas-station');
-    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-grocery-store');
-    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hospital');
-    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hotel');
-    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-laundry-service');
-    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-library');
-    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-mall');
-    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-movies');
-    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-offer');
-    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-parking');
-    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pharmacy');
-    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-phone');
-    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pizza');
-    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-play');
-    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-post-office');
-    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-printshop');
-    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-see');
-    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-shipping');
-    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-taxi');
-    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/map');
-    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/my-location');
-    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/navigation');
-    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/near-me');
-    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin');
-    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin-circle');
-    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/pin-drop');
-    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/place');
-    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/rate-review');
-    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/restaurant-menu');
-    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/satellite');
-    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/store-mall-directory');
-    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/terrain');
-    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/traffic');
-    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/zoom-out-map');
-    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/apps');
-    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-back');
-    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-downward');
-    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down');
-    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down-circle');
-    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation-arrow-drop-right');
-    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-up');
-    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-forward');
-    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-upward');
-    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/cancel');
-    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/check');
-    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
-    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
-    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/close');
-    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-less');
-    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-more');
-    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen');
-    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen-exit');
-    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
-    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-horiz');
-    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-vert');
-    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/refresh');
-    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-left');
-    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-right');
-    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-less');
-    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-more');
-    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/adb');
-    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat');
-    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat-angled');
-    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-individual-suite');
-    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-extra');
-    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-normal');
-    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-reduced');
-    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-extra');
-    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-normal');
-    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/bluetooth-audio');
-    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/confirmation-number');
-    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/disc-full');
-    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb');
-    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb-alt');
-    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/drive-eta');
-    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/enhanced-encryption');
-    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-available');
-    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-busy');
-    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-note');
-    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/folder-special');
-    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/live-tv');
-    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/mms');
-    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/more');
-    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-check');
-    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-locked');
-    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/no-encryption');
-    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/ondemand-video');
-    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/personal-video');
-    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-bluetooth-speaker');
-    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-forwarded');
-    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-in-talk');
-    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-locked');
-    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-missed');
-    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-paused');
-    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/power');
-    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/rv-hookup');
-    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sd-card');
-    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sim-card-alert');
-    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms');
-    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms-failed');
-    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync');
-    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-disabled');
-    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-problem');
-    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/system-update');
-    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/tap-and-play');
-    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/time-to-leave');
-    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vibration');
-    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/voice-chat');
-    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vpn-lock');
-    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wc');
-    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wifi');
-    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/ac-unit');
-    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/airport-shuttle');
-    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/all-inclusive');
-    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/beach-access');
-    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/business-center');
-    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/casino');
-    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-care');
-    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-friendly');
-    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/fitness-center');
-    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/free-breakfast');
-    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/golf-course');
-    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/hot-tub');
-    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/kitchen');
-    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/pool');
-    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/room-service');
-    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoke-free');
-    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoking-rooms');
-    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/spa');
-    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/cake');
-    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/domain');
-    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group');
-    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group-add');
-    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/location-city');
-    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood');
-    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood-bad');
-    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications');
-    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-active');
-    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-none');
-    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-off');
-    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-paused');
-    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/pages');
-    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/party-mode');
-    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people');
-    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people-outline');
-    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person');
-    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-add');
-    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-outline');
-    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/plus-one');
-    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/poll');
-    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/public');
-    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/school');
-    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/share');
-    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/whatshot');
-    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box');
-    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box-outline-blank');
-    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/indeterminate-check-box');
-    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-checked');
-    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-unchecked');
-    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star');
-    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-border');
-    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-half');
-}
diff --git a/material-ui/legacy/material-ui-0.15.0-tests.tsx b/material-ui/legacy/material-ui-0.15.0-tests.tsx
deleted file mode 100644
index a0374db8b8..0000000000
--- a/material-ui/legacy/material-ui-0.15.0-tests.tsx
+++ /dev/null
@@ -1,4913 +0,0 @@
-///<reference path='../../react/react.d.ts' />
-///<reference path='../../react/react-dom.d.ts' />
-///<reference path='../../react-tap-event-plugin/react-tap-event-plugin.d.ts' />
-///<reference path='material-ui-0.15.0.d.ts' />
-
-import * as React from 'react';
-import {Component, PropTypes} from 'react';
-import * as ReactDOM from 'react-dom';
-
-import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
-import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import muiThemeable from 'material-ui/styles/muiThemeable';
-import {MuiTheme} from 'material-ui/styles'
-
-import AppBar from 'material-ui/AppBar';
-import AutoComplete from 'material-ui/AutoComplete';
-import Avatar from 'material-ui/Avatar';
-import Badge from 'material-ui/Badge';
-import Checkbox from 'material-ui/Checkbox';
-import CircularProgress from 'material-ui/CircularProgress';
-import DatePicker from 'material-ui/DatePicker';
-import Dialog from 'material-ui/Dialog';
-import Divider from 'material-ui/Divider';
-import Drawer from 'material-ui/Drawer';
-import DropDownMenu from 'material-ui/DropDownMenu';
-import FlatButton from 'material-ui/FlatButton';
-import FloatingActionButton from 'material-ui/FloatingActionButton';
-import FontIcon from 'material-ui/FontIcon';
-import IconButton from 'material-ui/IconButton';
-import IconMenu from 'material-ui/IconMenu';
-import LinearProgress from 'material-ui/LinearProgress';
-import List from 'material-ui/List/List';
-import ListItem from 'material-ui/List/ListItem';
-import MenuItem from 'material-ui/MenuItem';
-import Paper from 'material-ui/Paper';
-import RaisedButton from 'material-ui/RaisedButton';
-import RefreshIndicator from 'material-ui/RefreshIndicator';
-import SelectField from 'material-ui/SelectField';
-import Slider from 'material-ui/Slider';
-import Snackbar from 'material-ui/Snackbar';
-import Subheader from 'material-ui/Subheader';
-import SvgIcon from 'material-ui/SvgIcon';
-import TextField from 'material-ui/TextField';
-import TimePicker from 'material-ui/TimePicker';
-import Toggle from 'material-ui/Toggle';
-import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
-import {GridList, GridTile} from 'material-ui/GridList';
-import {MakeSelectable} from 'material-ui/List';
-import {Menu} from 'material-ui/Menu';
-import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
-import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
-import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
-import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter} from 'material-ui/Table';
-import {Tabs, Tab} from 'material-ui/Tabs';
-import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
-
-import ActionAndroid from 'material-ui/svg-icons/action/android';
-import ActionAssignment from 'material-ui/svg-icons/action/assignment';
-import ActionFavorite from 'material-ui/svg-icons/action/favorite';
-import ActionFavoriteBorder from 'material-ui/svg-icons/action/favorite-border';
-import ActionFlightTakeoff from 'material-ui/svg-icons/action/flight-takeoff';
-import ActionGrade from 'material-ui/svg-icons/action/grade';
-import ActionHome from 'material-ui/svg-icons/action/home';
-import ActionInfo from 'material-ui/svg-icons/action/info';
-import ArrowDropRight from 'material-ui/svg-icons/navigation-arrow-drop-right';
-import CommunicationCall from 'material-ui/svg-icons/communication/call';
-import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
-import CommunicationEmail from 'material-ui/svg-icons/communication/email';
-import ContentAdd from 'material-ui/svg-icons/content/add';
-import ContentCopy from 'material-ui/svg-icons/content/content-copy';
-import ContentDrafts from 'material-ui/svg-icons/content/drafts';
-import ContentFilter from 'material-ui/svg-icons/content/filter-list';
-import ContentInbox from 'material-ui/svg-icons/content/inbox';
-import ContentLink from 'material-ui/svg-icons/content/link';
-import ContentSend from 'material-ui/svg-icons/content/send';
-import Delete from 'material-ui/svg-icons/action/delete';
-import Download from 'material-ui/svg-icons/file/file-download';
-import EditorInsertChart from 'material-ui/svg-icons/editor/insert-chart';
-import FileCloudDownload from 'material-ui/svg-icons/file/cloud-download';
-import FileFileDownload from 'material-ui/svg-icons/file/file-download';
-import FileFolder from 'material-ui/svg-icons/file/folder';
-import FolderIcon from 'material-ui/svg-icons/file/folder-open';
-import HardwareVideogameAsset from 'material-ui/svg-icons/hardware/videogame-asset';
-import MapsPersonPin from 'material-ui/svg-icons/maps/person-pin';
-import MapsPlace from 'material-ui/svg-icons/maps/place';
-import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
-import NavigationClose from 'material-ui/svg-icons/navigation/close';
-import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
-import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
-import PersonAdd from 'material-ui/svg-icons/social/person-add';
-import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
-import StarBorder from 'material-ui/svg-icons/toggle/star-border';
-import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
-import WarningIcon from 'material-ui/svg-icons/alert/warning';
-
-import {cyan500, cyan700,
-  grey100, grey300, grey400, grey500,
-  pinkA200,
-  white, darkBlack, fullBlack, 
-  blue300,
-  indigo900,
-  orange200,
-  deepOrange300,
-  pink400,
-  purple500,
-  fullWhite,
-  blue500, red500, greenA200, yellow500,
-  transparent, yellow600, indigo500, lightBlack,
-  orange500,
-} from 'material-ui/styles/colors';
-import {fade} from 'material-ui/utils/colorManipulator';
-
-
-import injectTapEventPlugin = require('react-tap-event-plugin');
-
-// Needed for onTouchTap
-// Check this repo:
-// https://github.com/zilverline/react-tap-event-plugin
-injectTapEventPlugin();
-
-function handleTouchTap() {
-  alert('onTouchTap triggered on the title component');
-}
-
-const styles = {
-  title: {
-    cursor: 'pointer',
-  },
-  exampleImageInput: {
-    cursor: 'pointer',
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    right: 0,
-    left: 0,
-    width: '100%',
-    opacity: 0,
-  },
-  button: {
-    margin: 12,
-  },
-  smallIcon: {
-    width: 36,
-    height: 36,
-  },
-  mediumIcon: {
-    width: 48,
-    height: 48,
-  },
-  largeIcon: {
-    width: 60,
-    height: 60,
-  },
-  small: {
-    width: 72,
-    height: 72,
-    padding: 16,
-  },
-  medium: {
-    width: 96,
-    height: 96,
-    padding: 24,
-  },
-  large: {
-    width: 120,
-    height: 120,
-    padding: 30,
-  },
-  radioButton: {
-    marginTop: 16,
-  },
-  root: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'space-around',
-  },
-  gridList: {
-    width: 500,
-    height: 500,
-    overflowY: 'auto',
-    marginBottom: 24,
-  },
-  paper: {
-    display: 'inline-block',
-    float: 'left',
-    margin: '16px 32px 16px 0',
-  },
-  rightIcon: {
-    textAlign: 'center',
-    lineHeight: '24px',
-  },
-  customWidth: {
-    width: 200,
-  },
-  h3: {
-    marginTop: 20,
-    fontWeight: 400,
-  },
-  block: {
-    display: 'flex',
-    maxWidth: 250,
-  },
-  block2: {
-    margin: 10,
-  },
-  container: {
-    position: 'relative',
-  },
-  refresh: {
-    display: 'inline-block',
-    position: 'relative',
-  },
-  checkbox: {
-    marginBottom: 16,
-  },
-  toggle: {
-    marginBottom: 16,
-  },
-  propContainer: {
-    width: 200,
-    overflow: 'hidden',
-    margin: '20px auto 0',
-  },
-  propToggleHeader: {
-    margin: '20px auto 10px',
-  },
-  headline: {
-    fontSize: 24,
-    paddingTop: 16,
-    marginBottom: 12,
-    fontWeight: 400,
-  },
-  errorStyle: {
-    color: orange500,
-  },
-  underlineStyle: {
-    borderColor: orange500,
-  },
-  floatingLabelStyle: {
-    color: orange500,
-  },
-  floatingLabelFocusStyle: {
-    color: blue500,
-  },
-};
-
-const style = {
-  marginRight: 20,
-  marginLeft: 20,
-  display: 'inline-block',
-  margin: '16px 32px 16px 0',
-};
-
-const customContentStyle = {
-  width: '100%',
-  maxWidth: 'none',
-};
-
-const iconStyles = {
-  marginRight: 24,
-};
-
-
-// "http://www.material-ui.com/#/customization/themes"
-
-// This replaces the textColor value on the palette
-// and then update the keys for each component that depends on it.
-// More on Colors: http://www.material-ui.com/#/customization/colors
-const muiTheme = getMuiTheme({
-  palette: {
-    textColor: cyan500,
-  },
-  appBar: {
-    height: 50,
-  },
-});
-
-const darkMuiTheme = getMuiTheme(darkBaseTheme);
-
-const lightBaseTheme = {
-  spacing: {
-    iconSize: 24,
-    desktopGutter: 24,
-    desktopGutterMore: 32,
-    desktopGutterLess: 16,
-    desktopGutterMini: 8,
-    desktopKeylineIncrement: 64,
-    desktopDropDownMenuItemHeight: 32,
-    desktopDropDownMenuFontSize: 15,
-    desktopDrawerMenuItemHeight: 48,
-    desktopSubheaderHeight: 48,
-    desktopToolbarHeight: 56,
-  },
-  fontFamily: 'Roboto, sans-serif',
-  palette: {
-    primary1Color: cyan500,
-    primary2Color: cyan700,
-    primary3Color: grey400,
-    accent1Color: pinkA200,
-    accent2Color: grey100,
-    accent3Color: grey500,
-    textColor: darkBlack,
-    alternateTextColor: white,
-    canvasColor: white,
-    borderColor: grey300,
-    disabledColor: fade(darkBlack, 0.3),
-    pickerHeaderColor: cyan500,
-    clockCircleColor: fade(darkBlack, 0.07),
-    shadowColor: fullBlack,
-  },
-};
-
-const lightMuiTheme = getMuiTheme(lightBaseTheme);
-
-
-class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}, {}> {
-  static propTypes: React.ValidationMap<any> = {
-    muiTheme: React.PropTypes.object.isRequired,
-  };
-
-  render() {
-    return (
-      <span style={{color: this.props.muiTheme.palette.textColor}}>
-        Hello World!
-      </span>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/customization/inline-styles"
-const InlineStylesCheckbox = () => (
-  <Checkbox
-    id="checkboxId1"
-    name="checkboxName1"
-    value="checkboxValue1"
-    label="went for a run today"
-    style={{
-      width: '50%',
-      margin: '0 auto'
-    }}
-    iconStyle={{
-      fill: '#FF4081'
-    }}
-  />
-);
-
-
-// "http://www.material-ui.com/#/components/app-bar"
-const AppBarExampleIcon = () => (
-  <AppBar
-    title="Title"
-    iconClassNameRight="muidocs-icon-navigation-expand-more"
-  />
-);
-
-const AppBarExampleIconButton = () => (
-  <AppBar
-    title={<span style={styles.title}>Title</span>}
-    onTitleTouchTap={handleTouchTap}
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={<FlatButton label="Save" />}
-  />
-);  
-
-const AppBarExampleIconMenu = () => (
-  <AppBar
-    title="Title"
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={
-      <IconMenu
-        iconButtonElement={
-          <IconButton><MoreVertIcon /></IconButton>
-        }
-        targetOrigin={{horizontal: 'right', vertical: 'top'}}
-        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
-      >
-        <MenuItem primaryText="Refresh" />
-        <MenuItem primaryText="Help" />
-        <MenuItem primaryText="Sign out" />
-      </IconMenu>
-    }
-  />
-);
-
-// "http://www.material-ui.com/#/components/auto-complete"
-export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      dataSource: [],
-    };
-  }
-
-  handleUpdateInput = (value) => {
-    this.setState({
-      dataSource: [
-        value,
-        value + value,
-        value + value + value,
-      ],
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-        />
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-          floatingLabelText="Full width"
-          fullWidth={true}
-        />
-      </div>
-    );
-  }
-}
-
-const dataSource1 = [
-  {
-    text: 'text-value1',
-    value: (
-      <MenuItem
-        primaryText="text-value1"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
-  {
-    text: 'text-value2',
-    value: (
-      <MenuItem
-        primaryText="text-value2"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
-];
-
-const dataSource2 = ['12345', '23456', '34567'];
-
-const dataSource3 = [
-  {text: 'Some Text', value: 'someFirstValue'},
-  {text: 'Some Text', value: 'someSecondValue'},
-];
-
-const AutoCompleteExampleNoFilter = () => (
-  <div>
-    <AutoComplete
-      hintText="text-value data"
-      filter={AutoComplete.noFilter}
-      dataSource={dataSource1}
-    /><br />
-    <AutoComplete
-      floatingLabelText="showAllItems"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource2}
-    /><br />
-    <AutoComplete
-      floatingLabelText="Same text, different values"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource3}
-    />
-  </div>
-);
-
-const colors = [
-  'Red',
-  'Orange',
-  'Yellow',
-  'Green',
-  'Blue',
-  'Purple',
-  'Black',
-  'White',
-];
-
-const fruit = [
-  'Apple', 'Apricot', 'Avocado',
-  'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
-  'Boysenberry', 'Blood Orange',
-  'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
-  'Coconut', 'Cranberry', 'Clementine',
-  'Damson', 'Date', 'Dragonfruit', 'Durian',
-  'Elderberry',
-  'Feijoa', 'Fig',
-  'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
-  'Honeydew', 'Huckleberry',
-  'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
-  'Kiwi fruit', 'Kumquat',
-  'Lemon', 'Lime', 'Loquat', 'Lychee',
-  'Nectarine',
-  'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
-  'Olive', 'Orange',
-  'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
-  'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
-  'Quince',
-  'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
-  'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
-  'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
-  'Ugli fruit',
-  'Watermelon',
-];
-
-const AutoCompleteExampleFilters = () => (
-  <div>
-    <AutoComplete
-      floatingLabelText="Type 'r', case insensitive"
-      filter={AutoComplete.caseInsensitiveFilter}
-      dataSource={colors}
-    />
-    <br />
-    <AutoComplete
-      floatingLabelText="Type 'peah', fuzzy search"
-      filter={AutoComplete.fuzzyFilter}
-      dataSource={fruit}
-      maxSearchResults={5}
-    />
-  </div>
-);
-
-// "http://www.material-ui.com/#/components/avatar"
-const AvatarExampleSimple = () => (
-  <List>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar src="images/uxceo-128.jpg" />
-      }
-    >
-      Image Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          src="images/uxceo-128.jpg"
-          size={30}
-          style={style}
-        />
-      }
-    >
-      Image Avatar with custom size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
-      }
-    >
-      FontIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-          color={blue300}
-          backgroundColor={indigo900}
-          size={30}
-          style={style}
-        />
-      }
-    >
-      FontIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar icon={<FileFolder />} />
-      }
-    >
-      SvgIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          icon={<FileFolder />}
-          color={orange200}
-          backgroundColor={pink400}
-          size={30}
-          style={style}
-        />
-      }
-    >
-      SvgIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={<Avatar>A</Avatar>}
-    >
-      Letter Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          color={deepOrange300}
-          backgroundColor={purple500}
-          size={30}
-          style={style}
-        >
-          A
-        </Avatar>
-      }
-    >
-      Letter Avatar with custom colors and size
-    </ListItem>
-  </List>
-);
-
-
-// "http://www.material-ui.com/#/components/badge"
-const BadgeExampleSimple = () => (
-  <div>
-    <Badge
-      badgeContent={4}
-      primary={true}
-    >
-      <NotificationsIcon />
-    </Badge>
-    <Badge
-      badgeContent={10}
-      secondary={true}
-      badgeStyle={{top: 12, right: 12}}
-    >
-      <IconButton tooltip="Notifications">
-        <NotificationsIcon />
-      </IconButton>
-    </Badge>
-  </div>
-);
-
-const BadgeExampleContent = () => (
-  <div>
-    <Badge
-      badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
-    >
-      <FolderIcon />
-    </Badge>
-    <Badge
-      badgeContent="&copy;"
-      badgeStyle={{fontSize: 20}}
-    >
-      Company Name
-    </Badge>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/flat-button"
-const FlatButtonExampleSimple = () => (
-  <div>
-    <FlatButton label="Default" />
-    <FlatButton label="Primary" primary={true} />
-    <FlatButton label="Secondary" secondary={true} />
-    <FlatButton label="Disabled" disabled={true} />
-  </div>
-);
-
-const FlatButtonExampleComplex = () => (
-  <div>
-    <FlatButton label="Choose an Image" labelPosition="before">
-      <input type="file" style={styles.exampleImageInput} />
-    </FlatButton>
-
-    <FlatButton
-      label="Label before"
-      labelPosition="before"
-      primary={true}
-      style={styles.button}
-      icon={<ActionAndroid />}
-    />
-
-    <FlatButton
-      label="GitHub Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
-
-  </div>
-);
-
-const FlatButtonExampleIcon = () => (
-  <div>
-    <FlatButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <FlatButton
-      backgroundColor="#a4c639"
-      hoverColor="#8AA62F"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <FlatButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/raised-button"
-const RaisedButtonExampleSimple = () => (
-  <div>
-    <RaisedButton label="Default" style={style} />
-    <RaisedButton label="Primary" primary={true} style={style} />
-    <RaisedButton label="Secondary" secondary={true} style={style} />
-    <RaisedButton label="Disabled" disabled={true} style={style} />
-  </div>
-);
-
-const RaisedButtonExampleComplex = () => (
-  <div>
-    <RaisedButton
-      label="Choose an Image"
-      labelPosition="before"
-      style={styles.button}
-    >
-      <input type="file" style={styles.exampleImageInput} />
-    </RaisedButton>
-    <RaisedButton
-      label="Label before"
-      labelPosition="before"
-      primary={true}
-      icon={<ActionAndroid />}
-      style={styles.button}
-    />
-    <RaisedButton
-      label="Github Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      style={styles.button}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
-  </div>
-);
-
-const RaisedButtonExampleIcon = () => (
-  <div>
-    <RaisedButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <RaisedButton
-      backgroundColor="#a4c639"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <RaisedButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/floating-action-button"
-const FloatingActionButtonExampleSimple = () => (
-  <div>
-    <FloatingActionButton style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/icon-button"
-const IconButtonExampleSimple = () => (
-  <div>
-    <IconButton iconClassName="muidocs-icon-custom-github" />
-    <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
-  </div>
-);
-
-const IconButtonExampleComplex = () => (
-  <div>
-    <IconButton tooltip="Font Icon">
-      <FontIcon className="muidocs-icon-action-home" />
-    </IconButton>
-
-    <IconButton tooltip="SVG Icon">
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconClassName="material-icons"
-      tooltip="Ligature"
-    >
-      home
-    </IconButton>
-  </div>
-);
-
-const IconButtonExampleSize = () => (
-  <div>
-    <IconButton>
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.smallIcon}
-      style={styles.small}
-    >
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.mediumIcon}
-      style={styles.medium}
-    >
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.largeIcon}
-      style={styles.large}
-    >
-      <ActionHome />
-    </IconButton>
-  </div>
-);
-
-const IconButtonExampleTooltip = () => (
-  <div>
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
-      tooltipPosition="bottom-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
-      tooltipPosition="bottom-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
-      tooltipPosition="bottom-left"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-right"
-      tooltipPosition="top-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-center"
-      tooltipPosition="top-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-left"
-      tooltipPosition="top-left"
-    />
-  </div>
-);
-
-const IconButtonExampleTouch = () => (
-  <div>
-    <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
-      <ActionGrade />
-    </IconButton>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/card"
-const CardExampleWithAvatar = () => (
-  <Card>
-    <CardHeader
-      title="URL Avatar"
-      subtitle="Subtitle"
-      avatar="http://lorempixel.com/100/100/nature/"
-    />
-    <CardMedia
-      overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-    >
-      <img src="http://lorempixel.com/600/337/nature/" />
-    </CardMedia>
-    <CardTitle title="Card title" subtitle="Card subtitle" />
-    <CardText>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
-);
-
-const CardExampleWithoutAvatar = () => (
-  <Card>
-    <CardHeader
-      title="Without Avatar"
-      subtitle="Subtitle"
-      actAsExpander={true}
-      showExpandableButton={true}
-    />
-    <CardText expandable={true}>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions expandable={true}>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
-);
-
-class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      expanded: false,
-    };
-  }
-
-  handleExpandChange = (expanded) => {
-    this.setState({expanded: expanded});
-  };
-
-  handleToggle = (event, toggle) => {
-    this.setState({expanded: toggle});
-  };
-
-  handleExpand = () => {
-    this.setState({expanded: true});
-  };
-
-  handleReduce = () => {
-    this.setState({expanded: false});
-  };
-
-  render() {
-    return (
-      <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
-        <CardHeader
-          title="URL Avatar"
-          subtitle="Subtitle"
-          avatar="http://lorempixel.com/100/100/nature/"
-          actAsExpander={true}
-          showExpandableButton={true}
-        />
-        <CardText>
-          <Toggle
-            toggled={this.state.expanded}
-            onToggle={this.handleToggle}
-            labelPosition="right"
-            label="This toggle controls the expanded state of the component."
-          />
-        </CardText>
-        <CardMedia
-          expandable={true}
-          overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-        >
-          <img src="http://lorempixel.com/600/337/nature/" />
-        </CardMedia>
-        <CardTitle title="Card title" subtitle="Card subtitle" expandable={true} />
-        <CardText expandable={true}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-          Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-          Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-        </CardText>
-        <CardActions>
-          <FlatButton label="Expand" onTouchTap={this.handleExpand} />
-          <FlatButton label="Reduce" onTouchTap={this.handleReduce} />
-        </CardActions>
-      </Card>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/date-picker"
-const DatePickerExampleSimple = () => (
-  <div>
-    <DatePicker hintText="Portrait Dialog" />
-    <DatePicker hintText="Landscape Dialog" mode="landscape" />
-    <DatePicker hintText="Dialog Disabled" disabled={true} />
-  </div>
-);
-
-const DatePickerExampleInline = () => (
-  <div>
-    <DatePicker hintText="Portrait Inline Dialog" container="inline" />
-    <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
-  </div>
-);
-
-const optionsStyle = {
-  maxWidth: 255,
-  marginRight: 'auto',
-};
-
-interface DatePickerExampleToggleState {
-  minDate?: Date;
-  maxDate?: Date;
-  autoOk?: boolean;
-  disableYearSelection?: boolean;
-}
-
-class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggleState> {
-  constructor(props) {
-    super(props);
-
-    const minDate = new Date();
-    const maxDate = new Date();
-    minDate.setFullYear(minDate.getFullYear() - 1);
-    minDate.setHours(0, 0, 0, 0);
-    maxDate.setFullYear(maxDate.getFullYear() + 1);
-    maxDate.setHours(0, 0, 0, 0);
-
-    this.state = {
-      minDate: minDate,
-      maxDate: maxDate,
-      autoOk: false,
-      disableYearSelection: false,
-    };
-  }
-
-  handleChangeMinDate = (event, date) => {
-    this.setState({
-      minDate: date,
-    });
-  };
-
-  handleChangeMaxDate = (event, date) => {
-    this.setState({
-      maxDate: date,
-    });
-  };
-
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <DatePicker
-          floatingLabelText="Ranged Date Picker"
-          autoOk={this.state.autoOk}
-          minDate={this.state.minDate}
-          maxDate={this.state.maxDate}
-          disableYearSelection={this.state.disableYearSelection}
-        />
-        <div style={optionsStyle}>
-          <DatePicker
-            onChange={this.handleChangeMinDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Min Date"
-            defaultDate={this.state.minDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <DatePicker
-            onChange={this.handleChangeMaxDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Max Date"
-            defaultDate={this.state.maxDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <Toggle
-            name="autoOk"
-            value="autoOk"
-            label="Auto Ok"
-            toggled={this.state.autoOk}
-            onToggle={this.handleToggle}
-          />
-          <Toggle
-            name="disableYearSelection"
-            value="disableYearSelection"
-            label="Disable Year Selection"
-            toggled={this.state.disableYearSelection}
-            onToggle={this.handleToggle}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      controlledDate: null,
-    };
-  }
-
-  handleChange = (event, date) => {
-    this.setState({
-      controlledDate: date,
-    });
-  };
-
-  render() {
-    return (
-      <DatePicker
-        hintText="Controlled Date Input"
-        value={this.state.controlledDate}
-        onChange={this.handleChange}
-      />
-    );
-  }
-}
-
-function disableWeekends(date) {
-  return date.getDay() === 0 || date.getDay() === 6;
-}
-function disableRandomDates() {
-  return Math.random() > 0.7;
-}
-const DatePickerExampleDisableDates = () => (
-  <div>
-    <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends} />
-    <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates} />
-  </div>
-);
-
-let DateTimeFormat = new Intl.DateTimeFormat('fr');
-const DatePickerExampleInternational = () => (
-  <div>
-    <DatePicker
-      hintText="fr locale"
-      DateTimeFormat={DateTimeFormat}
-      okLabel="OK"
-      cancelLabel="Annuler"
-      locale="fr"
-    />
-    <DatePicker
-      hintText="en-US locale"
-      locale="en-US"
-      firstDayOfWeek={0}
-    />
-    <DatePicker
-      hintText="Custom date format"
-      firstDayOfWeek={0}
-      formatDate={new Intl.DateTimeFormat('en-US', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-      }).format}
-    />
-  </div>
-);
-
-
-
-// "http://material-ui.com/#/components/dialog"
-class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          The actions in this window were passed in as an array of React objects.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleModal extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        disabled={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={true}
-          open={this.state.open}
-        >
-          Only actions can close this dialog.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleCustomWidth extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Custom Width"
-          actions={actions}
-          modal={true}
-          contentStyle={customContentStyle}
-          open={this.state.open}
-        >
-          This dialog spans the entire width of the screen.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleDialogDatePicker extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Ok"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Date Picker"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Open a Date Picker dialog from within a dialog.
-          <DatePicker hintText="Date Picker" />
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleScrollable extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    const radios = [];
-    for (let i = 0; i < 30; i++) {
-      radios.push(
-        <RadioButton
-          key={i}
-          value={`value${i + 1}`}
-          label={`Option ${i + 1}`}
-          style={styles.radioButton}
-        />
-      );
-    }
-
-    return (
-      <div>
-        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Scrollable Dialog"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-          autoScrollBodyContent={true}
-        >
-          <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-            {radios}
-          </RadioButtonGroup>
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Discard"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Alert" onTouchTap={this.handleOpen} />
-        <Dialog
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Discard draft?
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/divider"
-const DividerExampleForm = () => (
-  <Paper zDepth={2}>
-    <TextField hintText="First name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Middle name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Last name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Email address" style={style} underlineShow={false} />
-    <Divider />
-  </Paper>
-);
-
-const DividerExampleList = () => (
-  <Paper height={250}>
-    <List>
-      <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
-      <ListItem insetChildren={true} primaryText="Peter Carlsson" />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem insetChildren={true} primaryText="Aaron Bennet" />
-      <ListItem insetChildren={true} primaryText="Abbey Christensen" />
-    </List>
-  </Paper>
-);
-
-const DividerExampleMenu = () => (
-  <Menu desktop={true} style={style}>
-    <MenuItem primaryText="Settings" />
-    <MenuItem primaryText="Help &amp; feedback" />
-    <Divider />
-    <MenuItem primaryText="Sign out" />
-  </Menu>
-);
-
-
-// "http://www.material-ui.com/#/components/drawer"
-class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer open={this.state.open}>
-          <MenuItem>Menu Item</MenuItem>
-          <MenuItem>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  handleClose = () => this.setState({open: false});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Open Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer
-          docked={false}
-          width={200}
-          open={this.state.open}
-          onRequestChange={(open) => this.setState({open})}
-        >
-          <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
-          <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer width={200} openSecondary={true} open={this.state.open} >
-          <AppBar title="AppBar" />
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/grid-list"
-const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
-  {
-    img: 'images/grid-list/00-52-29-429_640.jpg',
-    title: 'Breakfast',
-    author: 'jill111',
-    featured: true,
-  },
-  {
-    img: 'images/grid-list/burger-827309_640.jpg',
-    title: 'Tasty burger',
-    author: 'pashminu',
-  },
-  {
-    img: 'images/grid-list/camera-813814_640.jpg',
-    title: 'Camera',
-    author: 'Danson67',
-  },
-  {
-    img: 'images/grid-list/morning-819362_640.jpg',
-    title: 'Morning',
-    author: 'fancycrave1',
-  },
-  {
-    img: 'images/grid-list/hats-829509_640.jpg',
-    title: 'Hats',
-    author: 'Hans',
-  },
-  {
-    img: 'images/grid-list/honey-823614_640.jpg',
-    title: 'Honey',
-    author: 'fancycravel',
-  },
-  {
-    img: 'images/grid-list/vegetables-790022_640.jpg',
-    title: 'Vegetables',
-    author: 'jill111',
-  },
-  {
-    img: 'images/grid-list/water-plant-821293_640.jpg',
-    title: 'Water plant',
-    author: 'BkrmadtyaKarki',
-  },
-];
-
-const GridListExampleSimple = () => (
-  <div style={styles.root}>
-    <GridList
-      cellHeight={200}
-      style={styles.gridList}
-    >
-      <Subheader>December</Subheader>
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          subtitle={<span>by <b>{tile.author}</b></span>}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
-        >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
-);
-
-const GridListExampleComplex = () => (
-  <div style={styles.root}>
-    <GridList
-      cols={2}
-      cellHeight={200}
-      padding={1}
-      style={styles.gridList}
-    >
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
-          actionPosition="left"
-          titlePosition="top"
-          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
-          cols={tile.featured ? 2 : 1}
-          rows={tile.featured ? 2 : 1}
-        >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/font-icon"
-const FontIconExampleSimple = () => (
-  <div>
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-    />
-
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={blue500}
-    />
-
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={red500}
-      hoverColor={greenA200}
-    />
-  </div>
-);
-
-const FontIconExampleIcons = () => (
-  <div>
-    <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/svg-icon"
-const HomeIcon = (props) => (
-  <SvgIcon {...props}>
-    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-  </SvgIcon>
-);
-
-const SvgIconExampleSimple = () => (
-  <div>
-    <HomeIcon style={iconStyles} />
-    <HomeIcon style={iconStyles} color={blue500} />
-    <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200} />
-  </div>
-);
-
-const SvgIconExampleIcons = () => (
-  <div>
-    <ActionHome style={iconStyles} />
-    <ActionFlightTakeoff style={iconStyles} color={red500} />
-    <FileCloudDownload style={iconStyles} color={yellow500} />
-    <HardwareVideogameAsset style={iconStyles} color={blue500} />
-  </div>
-);
-
-
-// "http://material-ui.com/#/components/lists"
-const ListExampleSimple = () => (
-  <Paper>
-    <List>
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-    </List>
-    <Divider />
-    <List>
-      <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
-    </List>
-  </Paper>
-);
-
-const ListExampleChat = () => (
-  <Paper>
-    <List>
-      <Subheader>Recent chats</Subheader>
-      <ListItem
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Grace Ng"
-        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-    </List>
-    <Divider />
-    <List>
-      <Subheader>Previous chats</Subheader>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        leftAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleContacts = () => (
-  <Paper>
-    <List>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftIcon={<ActionGrade color={pinkA200} />}
-        rightAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        primaryText="Adelle Charles"
-        leftAvatar={
-          <Avatar
-            color={pinkA200} backgroundColor={transparent}
-            style={{left: 8}}
-          >
-            A
-          </Avatar>
-        }
-        rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Adham Dannaway"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Allison Grayce"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Angel Ceballos"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleFolder = () => (
-  <Paper>
-    <List>
-      <Subheader inset={true}>Folders</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Photos"
-        secondaryText="Jan 9, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Recipes"
-        secondaryText="Jan 17, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Work"
-        secondaryText="Jan 28, 2014"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <Subheader inset={true}>Files</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Vacation itinerary"
-        secondaryText="Jan 20, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Kitchen remodel"
-        secondaryText="Jan 10, 2014"
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleNested = () => (
-  <Paper>
-    <List>
-      <Subheader>Nested List Items</Subheader>
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem
-        primaryText="Inbox"
-        leftIcon={<ContentInbox />}
-        initiallyOpen={true}
-        primaryTogglesNestedList={true}
-        nestedItems={[
-          <ListItem
-            key={1}
-            primaryText="Starred"
-            leftIcon={<ActionGrade />}
-          />,
-          <ListItem
-            key={2}
-            primaryText="Sent Mail"
-            leftIcon={<ContentSend />}
-            disabled={true}
-            nestedItems={[
-              <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
-            ]}
-          />,
-        ]}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleSettings = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>General</Subheader>
-        <ListItem
-          primaryText="Profile photo"
-          secondaryText="Change your Google+ profile photo"
-        />
-        <ListItem
-          primaryText="Show your status"
-          secondaryText="Your status is visible to everyone you use with"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Notifications"
-          secondaryText="Allow notifications"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Sounds"
-          secondaryText="Hangouts message"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Video sounds"
-          secondaryText="Hangouts video call"
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <ListItem
-          primaryText="When calls and notifications arrive"
-          secondaryText="Always interrupt"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Priority Interruptions</Subheader>
-        <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
-        <ListItem primaryText="Calls" rightToggle={<Toggle />} />
-        <ListItem primaryText="Messages" rightToggle={<Toggle />} />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />} />
-      </List>
-    </Paper>
-  </div>
-);
-
-const ListExamplePhone = () => (
-  <Paper>
-    <List>
-      <ListItem
-        leftIcon={<CommunicationCall color={indigo500} />}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(650) 555 - 1234"
-        secondaryText="Mobile"
-      />
-      <ListItem
-        insetChildren={true}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(323) 555 - 6789"
-        secondaryText="Work"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        leftIcon={<CommunicationEmail color={indigo500} />}
-        primaryText="aliconnors@example.com"
-        secondaryText="Personal"
-      />
-      <ListItem
-        insetChildren={true}
-        primaryText="ali_connors@example.com"
-        secondaryText="Work"
-      />
-    </List>
-  </Paper>
-);
-
-const iconButtonElement = (
-  <IconButton
-    touch={true}
-    tooltip="more"
-    tooltipPosition="bottom-left"
-  >
-    <MoreVertIcon color={grey400} />
-  </IconButton>
-);
-
-const rightIconMenu = (
-  <IconMenu iconButtonElement={iconButtonElement}>
-    <MenuItem>Reply</MenuItem>
-    <MenuItem>Forward</MenuItem>
-    <MenuItem>Delete</MenuItem>
-  </IconMenu>
-);
-
-const ListExampleMessages = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          primaryText="Brunch this weekend?"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Brendan Lim</span> --
-              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          primaryText={
-            <p>Summer BBQ&nbsp;&nbsp;<span style={{color: lightBlack}}>4</span></p>
-          }
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>to me, Scott, Jennifer</span> --
-              Wish I could come, but I&apos;m out of town this weekend.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          primaryText="Oui oui"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Grace Ng</span> --
-              Do you have Paris recommendations? Have you ever been?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          primaryText="Birdthday gift"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Kerem Suer</span> --
-              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          primaryText="Recipe to try"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Raquel Parrado</span> --
-              We should eat this: grated squash. Corn and tomatillo tacos.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Brendan Lim"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Brunch this weekend?</span><br />
-              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="me, Scott, Jennifer"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Summer BBQ</span><br />
-              Wish I could come, but I&apos;m out of town this weekend.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Grace Ng"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Oui oui</span><br />
-              Do you have any Paris recs? Have you ever been?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Kerem Suer"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Birthday gift</span><br />
-              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Raquel Parrado"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Recipe to try</span><br />
-              We should eat this: grated squash. Corn and tomatillo tacos.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-  </div>
-);
-
-function wrapState(ComposedComponent: React.ComponentClass<__MaterialUI.List.SelectableProps>) {
-  return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
-    static propTypes = {
-      children: PropTypes.node.isRequired,
-      defaultValue: PropTypes.number.isRequired,
-    };
-
-    componentWillMount() {
-      this.setState({
-        selectedIndex: this.props.defaultValue,
-      });
-    }
-
-    handleRequestChange = (event, index) => {
-      this.setState({
-        selectedIndex: index,
-      });
-    };
-
-    render() {
-      return (
-        <ComposedComponent
-          value={this.state.selectedIndex}
-          onChange={this.handleRequestChange}
-        >
-          {this.props.children}
-        </ComposedComponent>
-      );
-    }
-  };
-}
-
-let SelectableList = wrapState(MakeSelectable(List));
-
-const ListExampleSelectable = () => (
-  <Paper>
-    <SelectableList defaultValue={3}>
-      <Subheader>Selectable Contacts</Subheader>
-      <ListItem
-        value={1}
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        nestedItems={[
-          <ListItem
-            value={2}
-            primaryText="Grace Ng"
-            leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          />,
-        ]}
-      />
-      <ListItem
-        value={3}
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-      <ListItem
-        value={4}
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        value={5}
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-      />
-    </SelectableList>
-  </Paper>
-);
-
-
-// "http://www.material-ui.com/#/components/menu"
-const MenuExampleSimple = () => (
-  <div>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Maps" />
-        <MenuItem primaryText="Books" />
-        <MenuItem primaryText="Flights" />
-        <MenuItem primaryText="Apps" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Refresh" />
-        <MenuItem primaryText="Help &amp; feedback" />
-        <MenuItem primaryText="Settings" />
-        <MenuItem primaryText="Sign out" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleDisable = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Back" />
-        <MenuItem primaryText="Forward" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Recently closed" disabled={true} />
-        <MenuItem primaryText="Google" disabled={true} />
-        <MenuItem primaryText="YouTube" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Undo" />
-        <MenuItem primaryText="Redo" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Cut" disabled={true} />
-        <MenuItem primaryText="Copy" disabled={true} />
-        <MenuItem primaryText="Paste" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleIcons = () => (
-  <div>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
-        <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
-        <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
-        <Divider />
-        <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
-        <MenuItem primaryText="Download" leftIcon={<Download />} />
-        <Divider />
-        <MenuItem primaryText="Remove" leftIcon={<Delete />} />
-      </Menu>
-    </Paper>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Clear Config" />
-        <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
-        <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>} />
-        <MenuItem
-          primaryText="Workspace"
-          rightIcon={
-            <FontIcon className="material-icons" style={{color: '#559'}}>settings</FontIcon>
-          }
-        />
-        <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
-        <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleSecondary = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-        <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-        <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-        <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-        <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-        <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-        <Divider />
-        <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-        <Divider />
-        <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="Cmd + O" />
-        <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
-        <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="&#8984;O" />
-        <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
-        <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleNested = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={320}>
-        <MenuItem primaryText="Single" insetChildren={true} />
-        <MenuItem primaryText="1.15" insetChildren={true} />
-        <MenuItem primaryText="Double" insetChildren={true} />
-        <MenuItem
-          primaryText="Custom: 1.2"
-          checked={true}
-          rightIcon={<ArrowDropRight />}
-          menuItems={[
-            <MenuItem
-              primaryText="Show"
-              rightIcon={<ArrowDropRight />}
-              menuItems={[
-                <MenuItem primaryText="Show Level 2" />,
-                <MenuItem primaryText="Grid lines" checked={true} />,
-                <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                <MenuItem primaryText="Rules" checked={true} />,
-              ]}
-            />,
-            <MenuItem primaryText="Grid lines" checked={true} />,
-            <MenuItem primaryText="Page breaks" insetChildren={true} />,
-            <MenuItem primaryText="Rules" checked={true} />,
-          ]}
-        />
-        <Divider />
-        <MenuItem primaryText="Add space before paragraph" />
-        <MenuItem primaryText="Add space after paragraph" />
-        <Divider />
-        <MenuItem primaryText="Custom spacing..." />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/icon-menu"
-const IconMenuExampleSimple = () => (
-  <div>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
-      targetOrigin={{horizontal: 'right', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-  </div>
-);
-
-interface IconMenuExampleControlledState {
-  valueSingle?: string;
-  valueMultiple?: string[];
-  openMenu?: boolean;
-}
-
-class IconMenuExampleControlled extends React.Component<{}, IconMenuExampleControlledState> {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      valueSingle: '3',
-      valueMultiple: ['3', '5'],
-    };
-  }
-
-  handleChangeSingle = (event, value) => {
-    this.setState({
-      valueSingle: value,
-    });
-  };
-
-  handleChangeMultiple = (event, value) => {
-    this.setState({
-      valueMultiple: value,
-    });
-  };
-
-  handleOpenMenu = () => {
-    this.setState({
-      openMenu: true,
-    });
-  }
-
-  handleOnRequestChange = (value) => {
-    this.setState({
-      openMenu: value,
-    });
-  }
-
-  render() {
-    return (
-      <div>
-        <IconMenu
-          iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-          onChange={this.handleChangeSingle}
-          value={this.state.valueSingle}
-        >
-          <MenuItem value="1" primaryText="Refresh" />
-          <MenuItem value="2" primaryText="Send feedback" />
-          <MenuItem value="3" primaryText="Settings" />
-          <MenuItem value="4" primaryText="Help" />
-          <MenuItem value="5" primaryText="Sign out" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><ContentFilter /></IconButton>}
-          onChange={this.handleChangeMultiple}
-          value={this.state.valueMultiple}
-          multiple={true}
-        >
-          <MenuItem value="1" primaryText="Blu-ray" />
-          <MenuItem value="2" primaryText="Cassette" />
-          <MenuItem value="3" primaryText="CD" />
-          <MenuItem value="4" primaryText="DVD Audio" />
-          <MenuItem value="5" primaryText="Hybrid SACD" />
-          <MenuItem value="6" primaryText="Vinyl" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
-          open={this.state.openMenu}
-          onRequestChange={this.handleOnRequestChange}
-        >
-          <MenuItem value="1" primaryText="Windows App" />
-          <MenuItem value="2" primaryText="Mac App" />
-          <MenuItem value="3" primaryText="Android App" />
-          <MenuItem value="4" primaryText="iOS App" />
-        </IconMenu>
-        <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
-      </div>
-    );
-  }
-}
-
-const IconMenuExampleScrollable = () => (
-  <IconMenu
-    iconButtonElement={<IconButton><MapsPlace /></IconButton>}
-    anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-    targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    maxHeight={272}
-  >
-    <MenuItem value="AL" primaryText="Alabama" />
-    <MenuItem value="AK" primaryText="Alaska" />
-    <MenuItem value="AZ" primaryText="Arizona" />
-    <MenuItem value="AR" primaryText="Arkansas" />
-    <MenuItem value="CA" primaryText="California" />
-    <MenuItem value="CO" primaryText="Colorado" />
-    <MenuItem value="CT" primaryText="Connecticut" />
-    <MenuItem value="DE" primaryText="Delaware" />
-    <MenuItem value="DC" primaryText="District Of Columbia" />
-    <MenuItem value="FL" primaryText="Florida" />
-    <MenuItem value="GA" primaryText="Georgia" />
-    <MenuItem value="HI" primaryText="Hawaii" />
-    <MenuItem value="ID" primaryText="Idaho" />
-    <MenuItem value="IL" primaryText="Illinois" />
-    <MenuItem value="IN" primaryText="Indiana" />
-    <MenuItem value="IA" primaryText="Iowa" />
-    <MenuItem value="KS" primaryText="Kansas" />
-    <MenuItem value="KY" primaryText="Kentucky" />
-    <MenuItem value="LA" primaryText="Louisiana" />
-    <MenuItem value="ME" primaryText="Maine" />
-    <MenuItem value="MD" primaryText="Maryland" />
-    <MenuItem value="MA" primaryText="Massachusetts" />
-    <MenuItem value="MI" primaryText="Michigan" />
-    <MenuItem value="MN" primaryText="Minnesota" />
-    <MenuItem value="MS" primaryText="Mississippi" />
-    <MenuItem value="MO" primaryText="Missouri" />
-    <MenuItem value="MT" primaryText="Montana" />
-    <MenuItem value="NE" primaryText="Nebraska" />
-    <MenuItem value="NV" primaryText="Nevada" />
-    <MenuItem value="NH" primaryText="New Hampshire" />
-    <MenuItem value="NJ" primaryText="New Jersey" />
-    <MenuItem value="NM" primaryText="New Mexico" />
-    <MenuItem value="NY" primaryText="New York" />
-    <MenuItem value="NC" primaryText="North Carolina" />
-    <MenuItem value="ND" primaryText="North Dakota" />
-    <MenuItem value="OH" primaryText="Ohio" />
-    <MenuItem value="OK" primaryText="Oklahoma" />
-    <MenuItem value="OR" primaryText="Oregon" />
-    <MenuItem value="PA" primaryText="Pennsylvania" />
-    <MenuItem value="RI" primaryText="Rhode Island" />
-    <MenuItem value="SC" primaryText="South Carolina" />
-    <MenuItem value="SD" primaryText="South Dakota" />
-    <MenuItem value="TN" primaryText="Tennessee" />
-    <MenuItem value="TX" primaryText="Texas" />
-    <MenuItem value="UT" primaryText="Utah" />
-    <MenuItem value="VT" primaryText="Vermont" />
-    <MenuItem value="VA" primaryText="Virginia" />
-    <MenuItem value="WA" primaryText="Washington" />
-    <MenuItem value="WV" primaryText="West Virginia" />
-    <MenuItem value="WI" primaryText="Wisconsin" />
-    <MenuItem value="WY" primaryText="Wyoming" />
-  </IconMenu>
-);
-
-const IconMenuExampleNested = () => (
-  <div>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem
-        primaryText="Copy &amp; Paste"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
-          <MenuItem primaryText="Cut" />,
-          <MenuItem primaryText="Copy" />,
-          <Divider />,
-          <MenuItem primaryText="Paste" />,
-        ]}
-      />
-
-      <MenuItem
-        primaryText="Case Tools"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
-          <MenuItem primaryText="UPPERCASE" />,
-          <MenuItem primaryText="lowercase" />,
-          <MenuItem primaryText="CamelCase" />,
-          <MenuItem primaryText="Propercase" />,
-        ]}
-      />
-      <Divider />
-      <MenuItem primaryText="Download" leftIcon={<Download />} />
-      <Divider />
-      <MenuItem value="Del" primaryText="Delete" />
-
-    </IconMenu>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/dropdown-menu"
-class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-        <br />
-        <DropDownMenu
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-          autoWidth={false}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-      </div>
-    );
-  }
-}
-
-class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
-        <MenuItem value={1} primaryText="Never" />
-        <MenuItem value={2} primaryText="Every Night" />
-        <MenuItem value={3} primaryText="Weeknights" />
-        <MenuItem value={4} primaryText="Weekends" />
-        <MenuItem value={5} primaryText="Weekly" />
-      </DropDownMenu>
-    );
-  }
-}
-
-const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
-for (let i = 0; i < 100; i++ ) {
-  items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`} />);
-}
-
-class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </DropDownMenu>
-    );
-  }
-}
-
-class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </DropDownMenu>
-    );
-  }
-}
-
-
-// "http://material-ui.com/#/components/paper"
-const PaperExampleSimple = () => (
-  <div>
-    <Paper style={style} zDepth={1} />
-    <Paper style={style} zDepth={2} />
-    <Paper style={style} zDepth={3} />
-    <Paper style={style} zDepth={4} />
-    <Paper style={style} zDepth={5} />
-  </div>
-);
-
-const PaperExampleRounded = () => (
-  <div>
-    <Paper style={style} zDepth={1} rounded={false} />
-    <Paper style={style} zDepth={2} rounded={false} />
-    <Paper style={style} zDepth={3} rounded={false} />
-    <Paper style={style} zDepth={4} rounded={false} />
-    <Paper style={style} zDepth={5} rounded={false} />
-  </div>
-);
-
-const PaperExampleCircle = () => (
-  <div>
-    <Paper style={style} zDepth={1} circle={true} />
-    <Paper style={style} zDepth={2} circle={true} />
-    <Paper style={style} zDepth={3} circle={true} />
-    <Paper style={style} zDepth={4} circle={true} />
-    <Paper style={style} zDepth={5} circle={true} />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/popover"
-class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-          animation={PopoverAnimationVertical}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-interface PopoverExampleConfigurableState {
-  open?: boolean;
-  anchorOrigin?: __MaterialUI.propTypes.origin;
-  targetOrigin?: __MaterialUI.propTypes.origin;
-  anchorEl?: React.ReactInstance;
-}
-
-class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-      anchorOrigin: {
-        horizontal: 'left',
-        vertical: 'bottom',
-      },
-      targetOrigin: {
-        horizontal: 'left',
-        vertical: 'top',
-      },
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  setAnchor = (positionElement, position) => {
-    const {anchorOrigin} = this.state;
-    anchorOrigin[positionElement] = position;
-
-    this.setState({
-      anchorOrigin: anchorOrigin,
-    });
-  };
-
-  setTarget = (positionElement, position) => {
-    const {targetOrigin} = this.state;
-    targetOrigin[positionElement] = position;
-
-    this.setState({
-      targetOrigin: targetOrigin,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <h3 style={styles.h3}>Current Settings</h3>
-        <pre>
-          anchorOrigin: {JSON.stringify(this.state.anchorOrigin)}
-          <br />
-          targetOrigin: {JSON.stringify(this.state.targetOrigin)}
-        </pre>
-        <h3 style={styles.h3}>Position Options</h3>
-        <p>Use the settings below to toggle the positioning of the popovers above</p>
-        <h3 style={styles.h3}>Anchor Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <h3 style={styles.h3}>Target Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.targetOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.targetOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={this.state.anchorOrigin}
-          targetOrigin={this.state.targetOrigin}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/circular-progress"
-const CircularProgressExampleSimple = () => (
-  <div>
-    <CircularProgress />
-    <CircularProgress size={1.5} />
-    <CircularProgress size={2} />
-  </div>
-);
-
-class CircularProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
-    }
-  }
-
-  render() {
-    return (
-      <div>
-        <CircularProgress mode="determinate" value={this.state.completed} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={1.5} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={2} />
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/linear-progress"
-const LinearProgressExampleSimple = () => (
-  <LinearProgress mode="indeterminate" />
-);
-
-class LinearProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
-    }
-  }
-
-  render() {
-    return (
-      <LinearProgress mode="determinate" value={this.state.completed} />
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/refresh-indicator"
-const RefreshIndicatorExampleSimple = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      percentage={30}
-      size={40}
-      left={10}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={60}
-      size={50}
-      left={65}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={80}
-      size={60}
-      left={120}
-      top={0}
-      color={"red"}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={100}
-      size={70}
-      left={175}
-      top={0}
-      color={"red"} // Overridden by percentage={100}
-      status="ready"
-      style={styles.refresh}
-    />
-  </div>
-);
-
-const RefreshIndicatorExampleLoading = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      size={40}
-      left={10}
-      top={0}
-      status="loading"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      size={50}
-      left={70}
-      top={0}
-      loadingColor={"#FF9800"}
-      status="loading"
-      style={styles.refresh}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/select-field"
-class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <SelectField value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField value={1} disabled={true}>
-          <MenuItem value={1} primaryText="Disabled" />
-          <MenuItem value={2} primaryText="Every Night" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          autoWidth={true}
-        >
-          <MenuItem value={1} primaryText="Auto width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </SelectField>
-    );
-  }
-}
-
-class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <SelectField value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </SelectField>
-    );
-  }
-}
-
-const itemsPeriod = [
-  <MenuItem key={1} value={1} primaryText="Never" />,
-  <MenuItem key={2} value={2} primaryText="Every Night" />,
-  <MenuItem key={3} value={3} primaryText="Weeknights" />,
-  <MenuItem key={4} value={4} primaryText="Weekends" />,
-  <MenuItem key={5} value={5} primaryText="Weekly" />,
-];
-
-export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelText="Floating Label Text"
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelText="Styled Floating Label Text"
-          floatingLabelStyle={{color: 'red'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    const {value} = this.state;
-
-    const night = value === 2 || value === 3;
-
-    return (
-      <div>
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={!night && 'Should be Night'}
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={night && 'Should not be Night (Custom error style)'}
-          errorStyle={{color: 'orange'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/slider"
-const SliderExampleSimple = () => (
-  <div>
-    <Slider />
-    <Slider defaultValue={0.5} />
-    <Slider defaultValue={1} />
-  </div>
-);
-
-const SliderExampleDisabled = () => (
-  <div>
-    <Slider disabled={true} />
-    <Slider disabled={true} value={0.5} />
-    <Slider disabled={true} value={1} />
-  </div>
-);
-
-const SliderExampleStep = () => (
-  <Slider step={0.10} value={.5} />
-);
-
-class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
-
-  state = {
-    firstSlider: 0.5,
-    secondSlider: 50,
-  }
-
-  handleFirstSlider(event, value) {
-    this.setState({firstSlider: value});
-  }
-
-  handleSecondSlider(event, value) {
-    this.setState({secondSlider: value});
-  }
-
-  render() {
-    return (
-      <div>
-        <Slider
-          defaultValue={0.5}
-          value={this.state.firstSlider}
-          onChange={this.handleFirstSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.firstSlider}</span>
-          <span>{' from a range of 0 to 1 inclusive'}</span>
-        </p>
-        <Slider
-          min={0}
-          max={100}
-          step={1}
-          defaultValue={50}
-          value={this.state.secondSlider}
-          onChange={this.handleSecondSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.secondSlider}</span>
-          <span>{' from a range of 0 to 100 inclusive'}</span>
-        </p>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/checkbox"
-const CheckboxExampleSimple = () => (
-  <div style={styles.block}>
-    <Checkbox
-      label="Simple"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Checked by default"
-      defaultChecked={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      checkedIcon={<ActionFavorite />}
-      uncheckedIcon={<ActionFavoriteBorder />}
-      label="Custom icon"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled unchecked"
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled checked"
-      checked={true}
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Label on the left"
-      labelPosition="left"
-      style={styles.checkbox}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/radio-button"
-const RadioButtonExampleSimple = () => (
-  <div>
-    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-      <RadioButton
-        value="light"
-        label="Simple"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="not_light"
-        label="Selected by default"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="ludicrous"
-        label="Custom icon"
-        checkedIcon={<ActionFavorite />}
-        uncheckedIcon={<ActionFavoriteBorder />}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="shipName" defaultSelected="community">
-      <RadioButton
-        value="enterprise"
-        label="Disabled unchecked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="community"
-        label="Disabled checked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
-      <RadioButton
-        value="reverse"
-        label="Label on the left"
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/toggle"
-const ToggleExampleSimple = () => (
-  <div style={styles.block}>
-    <Toggle
-      label="Simple"
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Toggled by default"
-      defaultToggled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Disabled"
-      disabled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Label on the right"
-      labelPosition="right"
-      style={styles.toggle}
-    />
-  </div>
-);
-
-
-// "http://material-ui.com/#/components/snackbar"
-class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <Snackbar
-          open={this.state.open}
-          message="Event added to your calendar"
-          autoHideDuration={4000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      autoHideDuration: 4000,
-      message: 'Event added to your calendar',
-      open: false,
-    };
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
-
-  handleActionTouchTap = () => {
-    this.setState({
-      open: false,
-    });
-    alert('Event removed from your calendar.');
-  };
-
-  handleChangeDuration = (event) => {
-    const value = event.target.value;
-    this.setState({
-      autoHideDuration: value.length > 0 ? parseInt(value) : 0,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <br />
-        <TextField
-          floatingLabelText="Auto Hide Duration in ms"
-          value={this.state.autoHideDuration}
-          onChange={this.handleChangeDuration}
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={this.state.autoHideDuration}
-          onActionTouchTap={this.handleActionTouchTap}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
-
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      message: 'Event 1 added to your calendar',
-      open: false,
-    };
-    this.timer = undefined;
-  }
-
-  componentWillUnMount() {
-    clearTimeout(this.timer);
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-
-    this.timer = setTimeout(() => {
-      this.setState({
-        message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
-      });
-    }, 1500);
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar two times"
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={3000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/stepper"
-class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    const {finished, stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex}>
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          {finished ? (
-            <p>
-              <a
-                href="#"
-                onClick={(event) => {
-                  event.preventDefault();
-                  this.setState({stepIndex: 0, finished: false});
-                }}
-              >
-                Click here
-              </a> to reset the example.
-            </p>
-          ) : (
-            <div>
-              <p>{this.getStepContent(stepIndex)}</p>
-              <div style={{marginTop: 12}}>
-                <FlatButton
-                  label="Back"
-                  disabled={stepIndex === 0}
-                  onTouchTap={this.handlePrev}
-                  style={{marginRight: 12}}
-                />
-                <RaisedButton
-                  label={stepIndex === 2 ? 'Finish' : 'Next'}
-                  primary={true}
-                  onTouchTap={this.handleNext}
-                />
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}
-
-class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  renderStepActions(step) {
-    const {stepIndex} = this.state;
-
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label={stepIndex === 2 ? 'Finish' : 'Next'}
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disabled={stepIndex === 0}
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {finished, stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex} orientation="vertical">
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
-                you're willing to spend on clicks and conversions, which networks
-                and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
-                and learn how to enhance your ads using features like ad extensions.
-                If you run into any problems with your ads, find out how to tell if
-                they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-        {finished && (
-          <p style={{margin: '20px 0', textAlign: 'center'}}>
-            <a
-              href="#"
-              onClick={(event) => {
-                event.preventDefault();
-                this.setState({stepIndex: 0, finished: false});
-              }}
-            >
-              Click here
-            </a> to reset the example.
-          </p>
-        )}
-      </div>
-    );
-  }
-}
-
-class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false} activeStep={stepIndex}>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          <div style={{marginTop: 12}}>
-            <FlatButton
-              label="Back"
-              disabled={stepIndex === 0}
-              onTouchTap={this.handlePrev}
-              style={{marginRight: 12}}
-            />
-            <RaisedButton
-              label="Next"
-              disabled={stepIndex === 2}
-              primary={true}
-              onTouchTap={this.handleNext}
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  renderStepActions(step) {
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label="Next"
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper
-          activeStep={stepIndex}
-          linear={false}
-          orientation="vertical"
-        >
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
-                you're willing to spend on clicks and conversions, which networks
-                and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
-                and learn how to enhance your ads using features like ad extensions.
-                If you run into any problems with your ads, find out how to tell if
-                they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
-}
-
-const getStyles = () => {
-  return {
-    root: {
-      width: '100%',
-      maxWidth: 700,
-      margin: 'auto',
-    },
-    content: {
-      margin: '0 16px',
-    },
-    actions: {
-      marginTop: 12,
-    },
-    backButton: {
-      marginRight: 12,
-    },
-  };
-};
-
-class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
-
-  state = {
-    stepIndex: null,
-    visited: [],
-  };
-
-  componentWillMount() {
-    const {stepIndex, visited} = this.state;
-    this.setState({visited: visited.concat(stepIndex)});
-  }
-
-  componentWillUpdate(nextProps, nextState) {
-    const {stepIndex, visited} = nextState;
-    if (visited.indexOf(stepIndex) === -1) {
-      this.setState({visited: visited.concat(stepIndex)});
-    }
-  }
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'Click a step to get started.';
-    }
-  }
-
-  render() {
-    const {stepIndex, visited} = this.state;
-    const styles = getStyles();
-
-    return (
-      <div style={styles.root}>
-        <p>
-          <a
-            href="#"
-            onClick={(event) => {
-              event.preventDefault();
-              this.setState({stepIndex: null, visited: []});
-            }}
-          >
-            Click here
-          </a> to reset the example.
-        </p>
-        <Stepper linear={false}>
-          <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={styles.content}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          {stepIndex !== null && (
-            <div style={styles.actions}>
-              <FlatButton
-                label="Back"
-                disabled={stepIndex === 0}
-                onTouchTap={this.handlePrev}
-                style={styles.backButton}
-              />
-              <RaisedButton
-                label="Next"
-                primary={true}
-                onTouchTap={this.handleNext}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}
-
-class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false}>
-          <Step completed={false}>
-            <StepLabel>
-              Select campaign settings
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel
-              icon={<WarningIcon color={red500} />}
-              style={{color: red500}}
-            >
-              Create an ad group
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel>
-              Create an ad
-            </StepLabel>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/subheader"
-// Included in ListExampleChat and ListExampleFolder
-
-// "http://www.material-ui.com/#/components/table"
-const TableExampleSimple = () => (
-  <Table>
-    <TableHeader>
-      <TableRow>
-        <TableHeaderColumn>ID</TableHeaderColumn>
-        <TableHeaderColumn>Name</TableHeaderColumn>
-        <TableHeaderColumn>Status</TableHeaderColumn>
-      </TableRow>
-    </TableHeader>
-    <TableBody>
-      <TableRow>
-        <TableRowColumn>1</TableRowColumn>
-        <TableRowColumn>John Smith</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>2</TableRowColumn>
-        <TableRowColumn>Randal White</TableRowColumn>
-        <TableRowColumn>Unemployed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>3</TableRowColumn>
-        <TableRowColumn>Stephanie Sanders</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>4</TableRowColumn>
-        <TableRowColumn>Steve Brown</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-    </TableBody>
-  </Table>
-);
-
-const tableData: {name: string, status: string, selected?: boolean}[] = [
-  {
-    name: 'John Smith',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Randal White',
-    status: 'Unemployed',
-  },
-  {
-    name: 'Stephanie Sanders',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Steve Brown',
-    status: 'Employed',
-  },
-  {
-    name: 'Joyce Whitten',
-    status: 'Employed',
-  },
-  {
-    name: 'Samuel Roberts',
-    status: 'Employed',
-  },
-  {
-    name: 'Adam Moore',
-    status: 'Employed',
-  },
-];
-
-interface TableExampleComplexState {
-  fixedHeader?: boolean,
-  fixedFooter?: boolean,
-  stripedRows?: boolean,
-  showRowHover?: boolean,
-  selectable?: boolean,
-  multiSelectable?: boolean,
-  enableSelectAll?: boolean,
-  deselectOnClickaway?: boolean,
-  showCheckboxes?: boolean,
-  height?: string,
-}
-
-class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      fixedHeader: true,
-      fixedFooter: true,
-      stripedRows: false,
-      showRowHover: false,
-      selectable: true,
-      multiSelectable: false,
-      enableSelectAll: false,
-      deselectOnClickaway: true,
-      showCheckboxes: true,
-      height: '300px',
-    };
-  }
-
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
-
-  handleChange = (event) => {
-    this.setState({height: event.target.value});
-  };
-
-  render() {
-    return (
-      <div>
-        <Table
-          height={this.state.height}
-          fixedHeader={this.state.fixedHeader}
-          fixedFooter={this.state.fixedFooter}
-          selectable={this.state.selectable}
-          multiSelectable={this.state.multiSelectable}
-        >
-          <TableHeader
-            displaySelectAll={this.state.showCheckboxes}
-            adjustForCheckbox={this.state.showCheckboxes}
-            enableSelectAll={this.state.enableSelectAll}
-          >
-            <TableRow>
-              <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
-                Super Header
-              </TableHeaderColumn>
-            </TableRow>
-            <TableRow>
-              <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
-            </TableRow>
-          </TableHeader>
-          <TableBody
-            displayRowCheckbox={this.state.showCheckboxes}
-            deselectOnClickaway={this.state.deselectOnClickaway}
-            showRowHover={this.state.showRowHover}
-            stripedRows={this.state.stripedRows}
-          >
-            {tableData.map( (row, index) => (
-              <TableRow key={index} selected={row.selected}>
-                <TableRowColumn>{index}</TableRowColumn>
-                <TableRowColumn>{row.name}</TableRowColumn>
-                <TableRowColumn>{row.status}</TableRowColumn>
-              </TableRow>
-              ))}
-          </TableBody>
-          <TableFooter
-            adjustForCheckbox={this.state.showCheckboxes}
-          >
-            <TableRow>
-              <TableRowColumn>ID</TableRowColumn>
-              <TableRowColumn>Name</TableRowColumn>
-              <TableRowColumn>Status</TableRowColumn>
-            </TableRow>
-            <TableRow>
-              <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
-                Super Footer
-              </TableRowColumn>
-            </TableRow>
-          </TableFooter>
-        </Table>
-
-        <div style={styles.propContainer}>
-          <h3>Table Properties</h3>
-          <TextField
-            floatingLabelText="Table Body Height"
-            defaultValue={this.state.height}
-            onChange={this.handleChange}
-          />
-          <Toggle
-            name="fixedHeader"
-            label="Fixed Header"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedHeader}
-          />
-          <Toggle
-            name="fixedFooter"
-            label="Fixed Footer"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedFooter}
-          />
-          <Toggle
-            name="selectable"
-            label="Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.selectable}
-          />
-          <Toggle
-            name="multiSelectable"
-            label="Multi-Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.multiSelectable}
-          />
-          <Toggle
-            name="enableSelectAll"
-            label="Enable Select All"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.enableSelectAll}
-          />
-          <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
-          <Toggle
-            name="deselectOnClickaway"
-            label="Deselect On Clickaway"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.deselectOnClickaway}
-          />
-          <Toggle
-            name="stripedRows"
-            label="Stripe Rows"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.stripedRows}
-          />
-          <Toggle
-            name="showRowHover"
-            label="Show Row Hover"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showRowHover}
-          />
-          <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
-          <Toggle
-            name="showCheckboxes"
-            label="Show Checkboxes"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showCheckboxes}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/components/tabs"
-function handleActive(tab) {
-  alert(`A tab with this value property ${tab.props.value} was activated.`);
-}
-
-const TabsExampleSimple = () => (
-  <Tabs>
-    <Tab label="Item One" >
-      <div>
-        <h2 style={styles.headline}>Tab One</h2>
-        <p>
-          This is an example tab.
-        </p>
-        <p>
-          You can put any sort of HTML or react component in here. It even keeps the component state!
-        </p>
-        <Slider name="slider0" defaultValue={0.5} />
-      </div>
-    </Tab>
-    <Tab label="Item Two" >
-      <div>
-        <h2 style={styles.headline}>Tab Two</h2>
-        <p>
-          This is another example tab.
-        </p>
-      </div>
-    </Tab>
-    <Tab
-      label="onActive"
-      value="/home"
-      onActive={handleActive}
-    >
-      <div>
-        <h2 style={styles.headline}>Tab Three</h2>
-        <p>
-          This is a third example tab.
-        </p>
-      </div>
-    </Tab>
-  </Tabs>
-);
-
-class TabsExampleControlled extends React.Component<{}, {value?: string}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 'a',
-    };
-  }
-
-  handleChange = (value) => {
-    this.setState({
-      value: value,
-    });
-  };
-
-  render() {
-    return (
-      <Tabs
-        value={this.state.value}
-        onChange={this.handleChange}
-      >
-        <Tab label="Tab A" value="a" >
-          <div>
-            <h2 style={styles.headline}>Controllable Tab A</h2>
-            <p>
-              Tabs are also controllable if you want to programmatically pass them their values.
-              This allows for more functionality in Tabs such as not
-              having any Tab selected or assigning them different values.
-            </p>
-          </div>
-        </Tab>
-        <Tab label="Tab B" value="b">
-          <div>
-            <h2 style={styles.headline}>Controllable Tab B</h2>
-            <p>
-              This is another example of a controllable tab. Remember, if you
-              use controllable Tabs, you need to give all of your tabs values or else
-              you wont be able to select them.
-            </p>
-          </div>
-        </Tab>
-      </Tabs>
-    );
-  }
-}
-
-const TabsExampleIcon = () => (
-  <Tabs>
-    <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
-    <Tab icon={<ActionFlightTakeoff />} />
-    <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
-  </Tabs>
-);
-
-const TabsExampleIconText = () => (
-  <Tabs>
-    <Tab
-      icon={<FontIcon className="material-icons">phone</FontIcon>}
-      label="RECENTS"
-    />
-    <Tab
-      icon={<FontIcon className="material-icons">favorite</FontIcon>}
-      label="FAVORITES"
-    />
-    <Tab
-      icon={<MapsPersonPin />}
-      label="NEARBY"
-    />
-  </Tabs>
-);
-
-
-// "http://www.material-ui.com/#/components/text-field"
-const TextFieldExampleSimple = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-    /><br />
-    <br />
-    <TextField
-      hintText="The hint text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      id="text-field-default"
-      defaultValue="Default Value"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Fixed Floating Label Text"
-      floatingLabelFixed={true}
-    /><br />
-    <TextField
-      hintText="Password Field"
-      floatingLabelText="Password"
-      type="password"
-    /><br />
-    <TextField
-      hintText="MultiLine with rows: 2 and rowsMax: 4"
-      multiLine={true}
-      rows={2}
-      rowsMax={4}
-    /><br />
-    <TextField
-      hintText="Message Field"
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-    <TextField
-      hintText="Full width"
-      fullWidth={true}
-    />
-  </div>
-);
-
-const TextFieldExampleError = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="The error text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Message Field"
-      errorText="This field is required."
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-  </div>
-);
-
-const TextFieldExampleCustomize = () => (
-  <div>
-    <TextField
-      hintText="Styled Hint Text"
-      hintStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom error color"
-      errorText="This field is required."
-      errorStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Color"
-      underlineStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Focus Color"
-      underlineFocusStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      floatingLabelText="Styled Floating Label Text"
-      floatingLabelStyle={styles.floatingLabelStyle}
-      floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
-    />
-  </div>
-);
-
-const TextFieldExampleDisabled = () => (
-  <div>
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-    /><br />
-    <TextField
-      disabled={true}
-      id="text-field-disabled"
-      defaultValue="Disabled Value"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      defaultValue="Disabled With Floating Label"
-      floatingLabelText="Floating Label Text"
-    />
-  </div>
-);
-
-class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      value: 'Property Value',
-    };
-  }
-
-  handleChange = (event) => {
-    this.setState({
-      value: event.target.value,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <TextField
-          id="text-field-controlled"
-          value={this.state.value}
-          onChange={this.handleChange}
-        />
-      </div>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/components/time-picker"
-const TimePickerExampleSimple = () => (
-  <div>
-    <TimePicker
-      hintText="12hr Format"
-    />
-    <TimePicker
-      format="24hr"
-      hintText="24hr Format"
-    />
-    <TimePicker
-      disabled={true}
-      format="24hr"
-      hintText="Disabled TimePicker"
-    />
-  </div>
-);
-
-class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value24: null, value12: null};
-  }
-
-  handleChangeTimePicker24 = (event, date) => {
-    this.setState({value24: date});
-  };
-
-  handleChangeTimePicker12 = (event, date) => {
-    this.setState({value12: date});
-  };
-
-  render() {
-    return (
-      <div>
-        <TimePicker
-          format="ampm"
-          hintText="12hr Format"
-          value={this.state.value12}
-          onChange={this.handleChangeTimePicker12}
-        />
-        <TimePicker
-          format="24hr"
-          hintText="24hr Format"
-          value={this.state.value24}
-          onChange={this.handleChangeTimePicker24}
-        />
-      </div>
-    );
-  }
-}
-
-const TimePickerInternational = () => (
-  <div>
-    <TimePicker
-      hintText="Custom Labels"
-      okLabel="确定"
-      cancelLabel="取消"
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/toolbar"
-class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 3,
-    };
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <Toolbar>
-        <ToolbarGroup firstChild={true}>
-          <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-            <MenuItem value={1} primaryText="All Broadcasts" />
-            <MenuItem value={2} primaryText="All Voice" />
-            <MenuItem value={3} primaryText="All Text" />
-            <MenuItem value={4} primaryText="Complete Voice" />
-            <MenuItem value={5} primaryText="Complete Text" />
-            <MenuItem value={6} primaryText="Active Voice" />
-            <MenuItem value={7} primaryText="Active Text" />
-          </DropDownMenu>
-        </ToolbarGroup>
-        <ToolbarGroup>
-          <ToolbarTitle text="Options" />
-          <FontIcon className="muidocs-icon-custom-sort" />
-          <ToolbarSeparator />
-          <RaisedButton label="Create Broadcast" primary={true} />
-          <IconMenu
-            iconButtonElement={
-              <IconButton touch={true}>
-                <NavigationExpandMoreIcon />
-              </IconButton>
-            }
-          >
-            <MenuItem primaryText="Download" />
-            <MenuItem primaryText="More Info" />
-          </IconMenu>
-        </ToolbarGroup>
-      </Toolbar>
-    );
-  }
-}
-
-
-interface MaterialUiTestsState {
-}
-
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
-
-  render () {
-    return (
-      <MuiThemeProvider muiTheme={getMuiTheme()}>
-        <AppBar title="My AppBar" />
-
-      </MuiThemeProvider>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/get-started/usage"
-ReactDOM.render(
-  <MaterialUiTests />,
-  document.getElementById('app')
-);
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.15.0.d.ts b/material-ui/legacy/material-ui-0.15.0.d.ts
deleted file mode 100644
index 3401d277bd..0000000000
--- a/material-ui/legacy/material-ui-0.15.0.d.ts
+++ /dev/null
@@ -1,8414 +0,0 @@
-// Type definitions for material-ui v0.15.0
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference path="../../react/react.d.ts" />
-
-declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar;
-    export import AutoComplete = __MaterialUI.AutoComplete;
-    export import Avatar = __MaterialUI.Avatar;
-    export import Badge = __MaterialUI.Badge;
-    export import Card = __MaterialUI.Card.Card;
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export import CardText = __MaterialUI.Card.CardText;
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export import Checkbox = __MaterialUI.Switches.Checkbox;
-    export import CircularProgress = __MaterialUI.CircularProgress;
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export import Dialog = __MaterialUI.Dialog;
-    export import Divider = __MaterialUI.Divider;
-    export import Drawer = __MaterialUI.Drawer;
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export import FlatButton = __MaterialUI.FlatButton;
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export import FontIcon = __MaterialUI.FontIcon;
-    export import GridList = __MaterialUI.GridList.GridList;
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export import IconButton = __MaterialUI.IconButton;
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export import LinearProgress = __MaterialUI.LinearProgress;
-    export import List = __MaterialUI.List.List;
-    export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export import Menu = __MaterialUI.Menus.Menu;
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export import Paper = __MaterialUI.Paper;
-    export import Popover = __MaterialUI.Popover.Popover;
-    export import RadioButton = __MaterialUI.Switches.RadioButton;
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export import RaisedButton = __MaterialUI.RaisedButton;
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export import SelectField = __MaterialUI.SelectField;
-    export import Slider = __MaterialUI.Slider;
-    export import Subheader = __MaterialUI.Subheader;
-    export import SvgIcon = __MaterialUI.SvgIcon;
-    export import Step = __MaterialUI.Stepper.Step;
-    export import StepButton = __MaterialUI.Stepper.StepButton;
-    export import StepContent = __MaterialUI.Stepper.StepContent;
-    export import StepLabel = __MaterialUI.Stepper.StepLabel;
-    export import Stepper = __MaterialUI.Stepper;
-    export import Snackbar = __MaterialUI.Snackbar;
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export import Table = __MaterialUI.Table.Table;
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export import TextField = __MaterialUI.TextField;
-    export import TimePicker = __MaterialUI.TimePicker;
-    export import Toggle = __MaterialUI.Switches.Toggle;
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-
-    // export type definitions
-    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-}
-
-declare namespace __MaterialUI {
-    export import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
-        theme: Styles.MuiTheme;
-    }
-    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
-    }
-
-    export namespace Styles {
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        export var Spacing: Spacing;
-
-        interface ThemePalette {
-            primary1Color?: string;
-            primary2Color?: string;
-            primary3Color?: string;
-            accent1Color?: string;
-            accent2Color?: string;
-            accent3Color?: string;
-            textColor?: string;
-            alternateTextColor?: string;
-            canvasColor?: string;
-            borderColor?: string;
-            disabledColor?: string;
-            pickerHeaderColor?: string;
-            clockCircleColor?: string;
-            shadowColor?: string;
-        }
-        interface MuiTheme {
-            spacing?: Spacing;
-            fontFamily?: string;
-            palette?: ThemePalette;
-            isRtl?: boolean;
-            userAgent?: string;
-            zIndex?: zIndex;
-            baseTheme?: RawTheme;
-            rawTheme?: RawTheme;
-            appBar?: {
-                color?: string;
-                textColor?: string;
-                height?: number;
-                titleFontWeight?: number;
-                padding?: number;
-            };
-            avatar?: {
-                color?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-            badge?: {
-                color?: string;
-                textColor?: string;
-                primaryColor?: string;
-                primaryTextColor?: string;
-                secondaryColor?: string;
-                secondaryTextColor?: string;
-                fontWeight?: number;
-            };
-            button?: {
-                height?: number;
-                minWidth?: number;
-                iconButtonSize?: number;
-            };
-            card?: {
-                titleColor?: string;
-                subtitleColor?: string;
-                fontWeight?: number;
-            };
-            cardMedia?: {
-              color?: string;
-              overlayContentBackground?: string;
-              titleColor?: string;
-              subtitleColor?: string;
-            };
-            cardText?: {
-                textColor?: string;
-            };
-            checkbox?: {
-                boxColor?: string;
-                checkedColor?: string;
-                requiredColor?: string;
-                disabledColor?: string;
-                labelColor?: string;
-                labelDisabledColor?: string;
-            };
-            chip?: {
-              backgroundColor?: string;
-              deleteIconColor?: string;
-              textColor?: string;
-              fontSize?: number;
-              fontWeight?: number;
-              shadow?: string;
-            };
-            datePicker?: {
-                color?: string;
-                textColor?: string;
-                calendarTextColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-                calendarYearBackgroundColor?: string;
-            };
-            dialog?: {
-              titleFontSize?: number;
-              bodyFontSize?: number;
-              bodyColor?: string;
-            };
-            dropDownMenu?: {
-                accentColor?: string;
-            };
-            enhancedButton?: {
-              tapHighlightColor?: string;
-            };
-            flatButton?: {
-                color?: string;
-                buttonFilterColor?: string;
-                disabledTextColor?: string;
-                textColor?: string;
-                primaryTextColor?: string;
-                secondaryTextColor?: string;
-                fontSize?: number;
-                fontWeight?: number;
-            };
-            floatingActionButton?: {
-                buttonSize?: number;
-                miniSize?: number;
-                color?: string;
-                iconColor?: string;
-                secondaryColor?: string;
-                secondaryIconColor?: string;
-                disabledTextColor?: string;
-                disabledColor?: string;
-            };
-            gridTile?: {
-                textColor?: string;
-            };
-            icon?: {
-              color?: string;
-              backgroundColor?: string;
-            };
-            inkBar?: {
-                backgroundColor?: string;
-            };
-            navDrawer?: {
-                width?: number;
-                color?: string;
-            };
-            listItem?: {
-                nestedLevelDepth?: number;
-                secondaryTextColor?: string;
-                leftIconColor?: string;
-                rightIconColor?: string;
-            };
-            menu?: {
-                backgroundColor?: string;
-                containerBackgroundColor?: string;
-            };
-            menuItem?: {
-                dataHeight?: number;
-                height?: number;
-                hoverColor?: string;
-                padding?: number;
-                selectedTextColor?: string;
-                rightIconDesktopFill?: string;
-            };
-            menuSubheader?: {
-                padding?: number;
-                borderColor?: string;
-                textColor?: string;
-            };
-            overlay?: {
-                backgroundColor?: string;
-            };
-            paper?: {
-                color?: string;
-                backgroundColor?: string;
-                zDepthShadows?: string[];
-            };
-            radioButton?: {
-                borderColor?: string;
-                backgroundColor?: string;
-                checkedColor?: string;
-                requiredColor?: string;
-                disabledColor?: string;
-                size?: number;
-                labelColor?: string;
-                labelDisabledColor?: string;
-            };
-            raisedButton?: {
-                color?: string;
-                textColor?: string;
-                primaryColor?: string;
-                primaryTextColor?: string;
-                secondaryColor?: string;
-                secondaryTextColor?: string;
-                disabledColor?: string;
-                disabledTextColor?: string;
-                fontSize?: number;
-                fontWeight?: number;
-            };
-            refreshIndicator?: {
-                strokeColor?: string;
-                loadingStrokeColor?: string;
-            };
-            ripple?: {
-                color?: string;
-            };
-            slider?: {
-                trackSize?: number;
-                trackColor?: string;
-                trackColorSelected?: string;
-                handleSize?: number;
-                handleSizeDisabled?: number;
-                handleSizeActive?: number;
-                handleColorZero?: string;
-                handleFillColor?: string;
-                selectionColor?: string;
-                rippleColor?: string;
-            };
-            snackbar?: {
-                textColor?: string;
-                backgroundColor?: string;
-                actionColor?: string;
-            };
-            subheader?: {
-                color?: string;
-                fontWeight?: number;
-            };
-            stepper?: {
-                backgroundColor?: string;
-                hoverBackgroundColor?: string;
-                iconColor?: string;
-                hoveredIconColor?: string;
-                inactiveIconColor?: string;
-                textColor?: string;
-                disabledTextColor?: string;
-                connectorLineColor?: string;
-            };
-            table?: {
-                backgroundColor?: string;
-            };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
-            tableHeader?: {
-                borderColor?: string;
-            };
-            tableHeaderColumn?: {
-                textColor?: string;
-                height?: number;
-                spacing?: number;
-            };
-            tableRow?: {
-                hoverColor?: string;
-                stripeColor?: string;
-                selectedColor?: string;
-                textColor?: string;
-                borderColor?: string;
-                height?: number;
-            };
-            tableRowColumn?: {
-                height?: number;
-                spacing?: number;
-            };
-            tabs?: {
-                backgroundColor?: string;
-                textColor?: string;
-                selectedTextColor?: string;
-            };
-            textField?: {
-                textColor?: string;
-                hintColor?: string;
-                floatingLabelColor?: string;
-                disabledTextColor?: string;
-                errorColor?: string;
-                focusColor?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                clockCircleColor?: string;
-                headerColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string;
-                thumbOffColor?: string;
-                thumbDisabledColor?: string;
-                thumbRequiredColor?: string;
-                trackOnColor?: string;
-                trackOffColor?: string;
-                trackDisabledColor?: string;
-                labelColor?: string;
-                labelDisabledColor?: string;
-                trackRequiredColor?: string;
-            };
-            toolbar?: {
-                color?: string;
-                hoverColor?: string;
-                backgroundColor?: string;
-                height?: number;
-                titleFontSize?: number;
-                iconColor?: string;
-                separatorColor?: string;
-                menuHoverColor?: string;
-            };
-            tooltip?: {
-                color?: string;
-                rippleBackgroundColor?: string;
-            };
-        }
-
-        interface zIndex {
-            menu: number;
-            appBar: number;
-            drawerOverlay: number;
-            navDrawer: number;
-            dialogOverlay: number;
-            dialog: number;
-            layer: number;
-            popover: number;
-            snackbar: number;
-            tooltip: number;
-        }
-        export var zIndex: zIndex;
-
-        interface RawTheme {
-            spacing?: Spacing;
-            fontFamily?: string;
-            palette?: ThemePalette;
-        }
-        var lightBaseTheme: RawTheme;
-        var darkBaseTheme: RawTheme;
-
-        export function muiThemeable<TComponent extends React.Component<P, S>, P, S>(): (component: TComponent) => TComponent;
-
-        //** @deprecated use MuiThemeProvider instead **/
-        export function themeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
-
-        interface MuiThemeProviderProps extends React.Props<MuiThemeProvider> {
-            muiTheme: Styles.MuiTheme;
-        }
-        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}>{
-        }
-
-        export function getMuiTheme(...muiTheme: MuiTheme[]): MuiTheme;
-
-        interface ThemeManager {
-            //** @deprecated ThemeManager is deprecated. please import getMuiTheme directly from "material-ui/styles/getMuiTheme" **/
-            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
-
-            //** @deprecated modifyRawThemeSpacing is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-
-            //** @deprecated modifyRawThemePalette is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-
-            //** @deprecated modifyRawThemeFontFamily is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack: string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-
-        //** @deprecated use darkBaseTheme instead **/
-        export var DarkRawTheme: RawTheme;
-
-        //** @deprecated use lightBaseTheme instead **/
-        export var LightRawTheme: RawTheme;
-    }
-
-    interface AppBarProps extends React.Props<AppBar> {
-        className?: string;
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: string;
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-        onTitleTouchTap?: TouchTapEventHandler;
-        showMenuIconButton?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleStyle?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    namespace propTypes {
-        type horizontal = 'left' | 'middle' | 'right';
-        type vertical = 'top' | 'center' | 'bottom';
-        
-        interface origin {
-            horizontal: horizontal;
-            vertical: vertical;
-        }
-
-        type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-        type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
-    }
-
-    type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
-    type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
-    interface AutoCompleteProps extends React.Props<AutoComplete> {
-        anchorOrigin?: propTypes.origin;
-        animated?: boolean;
-        dataSource: AutoCompleteDataSource;
-        disableFocusRipple?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
-        floatingLabelText?: string;
-        fullWidth?: boolean;
-        hintText?: string;
-        listStyle?: React.CSSProperties;
-        maxSearchResults?: number;
-        menuCloseDelay?: number;
-        menuProps?: any;
-        menuStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        onNewRequest?: (chosenRequest: string, index: number) => void;
-        onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
-        open?: boolean;
-        openOnFocus?: boolean;
-        searchText?: string;
-        style?: React.CSSProperties;
-        targetOrigin?: propTypes.origin;
-        /** @deprecated Instead, use openOnFocus */
-        triggerUpdateOnFocus?: boolean;
-    }
-    export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
-        static noFilter: () => boolean;
-        static defaultFilter: (searchText: string, key: string) => boolean;
-        static caseSensitiveFilter: (searchText: string, key: string) => boolean;
-        static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
-        static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
-        static fuzzyFilter: (searchText: string, key: string) => boolean;
-        static Item: Menus.MenuItem;
-        static Divider: Divider;
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        backgroundColor?: string;
-        className?: string;
-        color?: string;
-        icon?: React.ReactElement<any>;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BadgeProps extends React.Props<Badge> {
-        badgeContent: React.ReactNode;
-        badgeStyle?: React.CSSProperties;
-        className?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Badge extends React.Component<BadgeProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        afterElementType?: string;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        beforeStyle?: React.CSSProperties;
-        elementType?: string;
-        style?: React.CSSProperties;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
-        centerRipple?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        onClick?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        tabIndex?: number;
-        touchRippleColor?: string;
-        touchRippleOpacity?: number;
-        type?: string;
-        containerElement?: React.ReactNode | string;
-    }
-
-    interface EnhancedButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<EnhancedButton> {
-        // container element, <button/>, or <span/>(if disabled link) is the element that get the 'other' properties
-        containerElement?: React.ReactNode | string;
-        disabled?: boolean;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends React.DOMAttributes, SharedEnhancedButtonProps<FlatButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        disabled?: boolean;
-        hoverColor?: string;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: string;
-        labelPosition?: "before" | "after";
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleColor?: string;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: string;
-        labelColor?: string;
-        labelPosition?: "before" | "after";
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleStyle?: React.CSSProperties;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<FloatingActionButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        href?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        mini?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        className?: string;
-        disableTouchRipple?: boolean;
-        disabled?: boolean;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseOut?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        tooltip?: string;
-        tooltipPosition?: propTypes.cornersAndCenter;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            actAsExpander?: boolean;
-            containerStyle?: React.CSSProperties;
-            expandable?: boolean;
-            expanded?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandChange?: (isExpanded: boolean) => void;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            expanded?: boolean;
-            onExpanding?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            actAsExpander?: boolean;
-            avatar?: React.ReactNode;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            mediaStyle?: React.CSSProperties;
-            overlay?: React.ReactNode;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            overlayStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            actAsExpander?: boolean;
-            color?: string;
-            expandable?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            // <TextField/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            cancelLabel?: React.ReactNode;
-            container?: "dialog" | "inline";
-            defaultDate?: Date;
-            disableYearSelection?: boolean;
-            disabled?: boolean;
-            firstDayOfWeek?: number;
-            formatDate?: (date: Date) => string;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: "portrait" | "landscape";
-            okLabel?: React.ReactNode;
-            onChange?: (e: any, date: Date) => void; // e is always null
-            onDismiss?: () => void;
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            style?: React.CSSProperties;
-            textFieldStyle?: React.CSSProperties;
-            value?: Date;
-            /** @deprecated use cancelLabel and okLabel instead */
-            wordings?: {ok: string, cancel: string};
-
-            // From <TextField />
-            className?: string;
-            defaultValue?: string;
-            errorStyle?: React.CSSProperties;
-            errorText?: React.ReactNode;
-            floatingLabelStyle?: React.CSSProperties;
-            floatingLabelText?: React.ReactNode;
-            fullWidth?: boolean;
-            hintStyle?: React.CSSProperties;
-            hintText?: React.ReactNode;
-            id?: string;
-            inputStyle?: React.CSSProperties;
-            name?: string;
-            onBlur?: React.FocusEventHandler;
-            onKeyDown?: React.KeyboardEventHandler;
-            type?: string;
-            underlineDisabledStyle?: React.CSSProperties;
-            underlineFocusStyle?: React.CSSProperties;
-            underlineShow?: boolean;
-            underlineStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            // <Container/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            cancelLabel?: React.ReactNode;
-            container?: "dialog" | "inline";
-            disableYearSelection?: boolean;
-            firstDayOfWeek?: number;
-            initialDate?: Date;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: "portrait" | "landscape";
-            okLabel?: React.ReactNode;
-            onAccept?: (d: Date) => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            style?: React.CSSProperties;
-            wordings?: { ok: string, cancel: string };
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
-        actions?: React.ReactElement<any> | React.ReactElement<any>[];
-        actionsContainerClassName?: string;
-        actionsContainerStyle?: React.CSSProperties;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        bodyClassName?: string;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        contentClassName?: string;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        onRequestClose?: (buttonClicked: boolean) => void;
-        open: boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        repositionOnUpdate?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleClassName?: string;
-        titleStyle?: React.CSSProperties;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-    }
-
-    interface DividerProps extends React.Props<Divider> {
-        className?: string;
-        inset?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Divider extends React.Component<DividerProps, {}>{
-    }
-
-    interface DrawerProps extends React.Props<Drawer> {
-        className?: string;
-        containerClassName?: string;
-        containerStyle?: React.CSSProperties;
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        onRequestChange?: (opening: boolean, reason: string) => void;
-        open?: boolean;
-        openSecondary?: Boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        swipeAreaWidth?: number;
-        width?: number;
-        zDepth?: number;
-    }
-    export class Drawer extends React.Component<DrawerProps, {}> {
-    }
-
-    namespace GridList {
-        interface GridListProps extends React.Props<GridList> {
-            cellHeight?: number;
-            cols?: number;
-            padding?: number;
-            style?: React.CSSProperties;
-        }
-        export class GridList extends React.Component<GridListProps, {}>{
-        }
-
-        interface GridTileProps extends React.Props<GridTile> {
-            actionIcon?: React.ReactElement<any>;
-            actionPosition?: "left" | "right";
-            cols?: number;
-            containerElement?: string | React.ReactElement<any> | React.ComponentClass<any>;
-            rows?: number;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            title?: React.ReactNode;
-            titleBackground?: string;
-            titlePosition?: "top" | "bottom";
-        }
-        export class GridTile extends React.Component<GridTileProps, {}>{
-        }
-    }
-
-    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
-        // <span/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
-        // <svg/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        viewBox?: string;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    namespace List {
-        interface ListProps extends React.Props<List> {
-            // <Paper/> is the element that get the 'other' properties
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            insetSubheader?: boolean;
-            style?: React.CSSProperties;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheader?: string;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheaderStyle?: React.CSSProperties;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
-            // <EnhancedButton/> is the element that get the 'other' properties
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            disabled?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedItems?: React.ReactElement<ListItemProps>[];
-            nestedLevel?: number;
-            nestedListStyle?: React.CSSProperties;
-            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            onTouchStart?: React.TouchEventHandler;
-            onTouchTap?: TouchTapEventHandler;
-            primaryText?: React.ReactNode;
-            primaryTogglesNestedList?: boolean;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-            style?: React.CSSProperties;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-
-        interface SelectableProps {
-            onChange?: (e: TouchTapEvent, value: any) => void;
-            selectedItemStyle?: React.CSSProperties;
-            value?: any;
-            /** @deprecated use the value and onChange property instead */
-            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
-        }
-
-        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
-        export function MakeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
-    }
-
-    namespace Menus {
-        interface MenuProps extends React.Props<Menu> {
-            // <List/> is the element that get the 'other' properties
-            /** @deprecated Instead, use a Popover */
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            disableAutoFocus?: boolean;
-            initiallyKeyboardFocused?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: propTypes.corners;
-            selectedMenuItemStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
-            // <ListItem/> is the element that get the 'other' properties
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            focusState?: string; // 'none', 'focused', or 'keyboard-focused'
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            menuItems?: React.ReactNode;
-            onTouchTap?: TouchTapEventHandler;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            style?: React.CSSProperties;
-            value?: any;
-
-            // useful attributes passed to <ListItem/>
-            primaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface IconMenuProps extends React.Props<IconMenu> {
-            // <Menu/> is the element that get the 'other' properties
-            anchorOrigin?: propTypes.origin;
-            className?: string;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            iconStyle?: React.CSSProperties;
-            menuStyle?: React.CSSProperties;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-            onMouseDown?: React.MouseEventHandler;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onMouseUp?: React.MouseEventHandler;
-            onRequestChange?: (opening: boolean, reason: string) => void;
-            onTouchTap?: TouchTapEventHandler;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: propTypes.origin;
-            touchTapCloseDelay?: number;
-            useLayerForClickAway?: boolean;
-
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: string;
-            selectedMenuItemStyle?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface DropDownMenuProps extends React.Props<DropDownMenu> {
-            // <div/> is the element that gets the 'other' properties
-            autoWidth?: boolean;
-            className?: string;
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            labelStyle?: React.CSSProperties;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            menuStyle?: React.CSSProperties;
-            onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-            openImmediately?: boolean;
-            style?: React.CSSProperties;
-            underlineStyle?: React.CSSProperties;
-            value?: any;
-        }
-        export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-        }
-    }
-
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        style?: React.CSSProperties;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    namespace Popover {
-        interface PopoverAnimationProps {
-            open: boolean;
-            style?: React.CSSProperties;
-        }
-
-        interface PopoverProps extends React.Props<Popover> {
-            anchorEl?: React.ReactInstance;
-            anchorOrigin?: propTypes.origin;
-            animated?: boolean;
-            animation?: React.ComponentClass<PopoverAnimationProps>;
-            autoCloseWhenOffScreen?: boolean;
-            canAutoPosition?: boolean;
-            className?: string;
-            onRequestClose?: (reason: string) => void;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: propTypes.origin;
-            useLayerForClickAway?: boolean;
-            zDepth?: number;
-        }
-        export class Popover extends React.Component<PopoverProps, {}>{
-        }
-
-        interface PopoverAnimationVerticalProps extends PopoverAnimationProps, React.Props<PopoverAnimationVertical> {
-            className?: string;
-            targetOrigin?: propTypes.origin;
-            zDepth?: number;
-        }
-        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}>{
-        }
-
-        interface PopoverAnimationDefaultProps extends PopoverAnimationProps, React.Props<PopoverAnimationDefault> {
-            className?: string;
-            targetOrigin?: propTypes.origin;
-            zDepth?: number;
-        }
-        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}>{
-        }
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        color?: string;
-        innerStyle?: React.CSSProperties;
-        max?: number;
-        min?: number;
-        mode?: "determinate" | "indeterminate";
-        size?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        color?: string;
-        max?: number;
-        min?: number;
-        mode?: "determinate" | "indeterminate";
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        color?: string;
-        left: number;
-        loadingColor?: string;
-        percentage?: number;
-        size?: number;
-        status?: "ready" | "loading" | "hide";
-        style?: React.CSSProperties;
-        top: number;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // <DropDownMenu/> is the element that get the 'other' properties
-        autoWidth?: boolean;
-        disabled?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        iconStyle?: React.CSSProperties;
-        id?: string;
-        labelStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-        onFocus?: React.FocusEventHandler;
-        selectFieldRoot?: React.CSSProperties;
-        style?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineStyle?: React.CSSProperties;
-        value?: any;
-
-        // useful attributes passed to <DropDownMenu/>
-        className?: string;
-        maxHeight?: number;
-        menuStyle?: any;
-        openImmediately?: boolean;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        defaultValue?: number;
-        description?: string;
-        disableFocusRipple?: boolean;
-        disabled?: boolean;
-        error?: string;
-        max?: number;
-        min?: number;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: React.MouseEvent, value: number) => void;
-        onDragStart?: React.MouseEventHandler;
-        onDragStop?: React.MouseEventHandler;
-        onFocus?: React.FocusEventHandler;
-        required?: boolean;
-        step?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    namespace Switches {
-
-        // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
-        }
-
-        interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            checked?: boolean;
-            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            defaultChecked?: boolean;
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            labelPosition?: "left" | "right";
-            labelStyle?: React.CSSProperties;
-            onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-            style?: React.CSSProperties;
-            /** @deprecated Use uncheckedIcon instead */
-            unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            valueLink?: ReactLink<boolean>;
-        }
-        export class Checkbox extends React.Component<CheckboxProps, {}> {
-            /** @deprecated Use checked property instead */
-            isChecked(): void;
-            /** @deprecated Use checked property instead */
-            setChecked(newCheckedValue: boolean): void;
-        }
-
-        interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            inputStyle?: React.CSSProperties;
-            labelStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            value?: string;
-        }
-        export class RadioButton extends React.Component<RadioButtonProps, {}> {
-            isChecked(): boolean;
-            getValue(): string;
-        }
-
-        interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-            className?: string;
-            defaultSelected?: string;
-            labelPosition?: "left" | "right";
-            name: string;
-            onChange?: (e: React.FormEvent, selected: string) => void;
-            style?: React.CSSProperties;
-            valueSelected?: string;
-        }
-        export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-            clearValue(): void;
-            getSelectedValue(): string;
-            setSelectedValue(newSelectionValue: string): void;
-        }
-
-        interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            defaultToggled?: boolean;
-            disabled?: boolean;
-            elementStyle?: React.CSSProperties;
-            iconStyle?: React.CSSProperties;
-            inputStyle?: React.CSSProperties;
-            label?: string;
-            labelPosition?: "left" | "right";
-            labelStyle?: React.CSSProperties;
-            onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-            rippleStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            thumbStyle?: React.CSSProperties;
-            toggled?: boolean;
-            trackStyle?: React.CSSProperties;
-            valueLink?: ReactLink<boolean>;
-        }
-        export class Toggle extends React.Component<ToggleProps, {}> {
-            isToggled(): boolean;
-            setToggled(newToggledValue: boolean): void;
-        }
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        action?: string;
-        autoHideDuration?: number;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        message: React.ReactNode;
-        onActionTouchTap?: React.TouchEventHandler;
-        onRequestClose: (reason: string) => void;
-        open: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Stepper {
-        interface StepProps extends React.Props<Step> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Step extends React.Component<StepProps, {}>{
-        }
-
-        interface StepButtonProps extends SharedEnhancedButtonProps<StepButton> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            icon?: React.ReactNode | string | number;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onTouchStart?: React.TouchEventHandler;
-            style?: React.CSSProperties;
-        }
-        export class StepButton extends React.Component<StepButtonProps, {}>{
-        }
-
-        interface StepContentProps extends React.Props<StepContent> {
-            active?: boolean;
-            last?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class StepContent extends React.Component<StepContentProps, {}>{
-        }
-
-        interface StepLabelProps extends React.Props<StepLabel> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            icon?: React.ReactNode | string | number;
-            style?: React.CSSProperties;
-        }
-        export class StepLabel extends React.Component<StepLabelProps, {}>{
-        }
-
-        interface StepperProps extends React.Props<Stepper> {
-            activeStep?: number;
-            linear?: boolean;
-            orientation?: "horizontal" | "vertical";
-            style?: React.CSSProperties;
-        }
-        export class Stepper extends React.Component<StepperProps, {}>{
-        }
-    }
-
-    interface SubheaderProps extends React.Props<Subheader> {
-        inset?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Subheader extends React.Component<SubheaderProps, {}>{
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            bodyStyle?: React.CSSProperties;
-            className?: string;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            footerStyle?: React.CSSProperties;
-            headerStyle?: React.CSSProperties;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            selectable?: boolean;
-            style?: React.CSSProperties;
-            wrapperStyle?: React.CSSProperties;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            // <tr/> is element that get the 'other' properties
-            className?: string;
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            hovered?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            // <td/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            hoverable?: boolean;
-            key?: string;
-            /** @deprecated Instead, use event handler on Table */
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-
-            // useful attributes passed to <td/>
-            colSpan?: number;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            className?: string;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onSelectAll?: (checked: boolean) => void;
-            /** @deprecated Instead, use event handler on Table */
-            selectAllSelected?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            // <th/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-
-            // useful attributes passed to <th/>
-            colSpan?: number;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            /** @deprecated Instead, use property on Table */
-            allRowsSelected?: boolean;
-            className?: string;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            /** @deprecated Instead, use property on Table */
-            multiSelectable?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onCellClick?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHover?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHoverExit?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHover?: (row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHoverExit?: (row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            preScanRows?: boolean;
-            /** @deprecated Instead, use property on Table */
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            // <tfoot/> is element that get the 'other' properties
-            adjustForCheckbox?: boolean;
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-    }
-
-    namespace Tabs {
-        interface TabsProps extends React.Props<Tabs> {
-            className?: string;
-            contentContainerClassName?: string;
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            onChange?: (value: any, e: React.FormEvent, tab: Tab) => void;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabTemplate?: React.ComponentClass<any>;
-            value?: any;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-
-        interface TabProps extends SharedEnhancedButtonProps<Tab> {
-            className?: string;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
-            onActive?: (tab: Tab) => void;
-            style?: React.CSSProperties;
-            value?: any;
-            disabled?: boolean;
-        }
-        export class Tab extends React.Component<
-            TabProps, {}> {
-        }
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        className?: string;
-        defaultValue?: string | number;
-        disabled?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelFixed?: boolean;
-        floatingLabelFocusStyle?: React.CSSProperties;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        /** @deprecated Use onKeyDown and check for keycode instead. */
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        style?: React.CSSProperties;
-        textareaStyle?: React.CSSProperties;
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-        value?: string | number;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        focus(): void;
-        select(): void;
-        getValue(): string;
-        getInputNode(): Element;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        // <TextField/> is element that get the 'other' properties
-        autoOk?: boolean;
-        cancelLabel?: React.ReactNode;
-        defaultTime?: Date;
-        disabled?: boolean;
-        format?: "ampm" | "24hr";
-        okLabel?: React.ReactNode;
-        onChange?: (e: any, time: Date) => void;
-        onDismiss?: () => void;
-        onFocus?: React.FocusEventHandler;
-        onShow?: () => void;
-        onTouchTap?: TouchTapEventHandler;
-        pedantic?: boolean;
-        style?: React.CSSProperties;
-        textFieldStyle?: React.CSSProperties;
-        value?: Date;
-
-        // From <TextField />
-        className?: string;
-        defaultValue?: string | number;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelFixed?: boolean;
-        floatingLabelFocusStyle?: React.CSSProperties;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        textareaStyle?: React.CSSProperties;
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-        /** @deprecated Use defaultTime instead. */
-        getTime(): Date;
-        /** @deprecated Use defaultTime instead. */
-        setTime(time: Date): void;
-        focus(): void;
-        openDialog(): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-            className?: string;
-            noGutter?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            className?: string;
-            firstChild?: boolean;
-            float?: "left" | "right";
-            lastChild?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
-            className?: string;
-            style?: React.CSSProperties;
-            text?: string;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    export namespace Utils {
-        export namespace ColorManipulator {
-            interface MuiColorObject {
-                type: string;
-                values: number[];
-            }
-            function convertColorToString(color: any): string;
-            function convertHexToRGB(color: string): string;
-            function decomposeColor(color: string): MuiColorObject;
-            function getContrastRatio(foreground: string, background: string): number;
-            function getLuminance(color: string): number;
-            function emphasize(color: string, coefficient?: number): string;
-            function fade(color: string, value: number): string;
-            function darken(color: string, coefficient: number): string;
-            function lighten(color: string, coefficient: number): string;
-        }
-
-        interface Dom {
-            addClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            hasClass(el: Element, className: string): boolean;
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            removeClass(el: Element, className: string): void;
-            toggleClass(el: Element, className: string): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            isKeyboard(e: Event): boolean;
-            off(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            once(el: Element, type: string, callback: EventListener): void;
-        }
-        export var Events: Events;
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/AppBar' {
-    export import AppBar = __MaterialUI.AppBar;
-    export default AppBar;
-}
-
-declare module 'material-ui/AutoComplete' {
-    export import AutoComplete = __MaterialUI.AutoComplete;
-    export default AutoComplete;
-}
-
-declare module 'material-ui/Avatar' {
-    export import Avatar = __MaterialUI.Avatar;
-    export default Avatar;
-}
-
-declare module "material-ui/Badge" {
-    export import Badge = __MaterialUI.Badge;
-    export default Badge;
-}
-
-declare module 'material-ui/Card' {
-    export import Card = __MaterialUI.Card.Card;
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export import CardText = __MaterialUI.Card.CardText;
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export default Card;
-}
-
-declare module 'material-ui/Card/Card' {
-    export import Card = __MaterialUI.Card.Card;
-    export default Card;
-}
-
-declare module 'material-ui/Card/CardActions' {
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export default CardActions;
-}
-
-declare module 'material-ui/Card/CardExpandable' {
-    export import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export default CardExpandable;
-}
-
-declare module 'material-ui/Card/CardHeader' {
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export default CardHeader;
-}
-
-declare module 'material-ui/Card/CardMedia' {
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export default CardMedia;
-}
-
-declare module 'material-ui/Card/CardText' {
-    export import CardText = __MaterialUI.Card.CardText;
-    export default CardText;
-}
-
-declare module 'material-ui/Card/CardTitle' {
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export default CardTitle;
-}
-
-declare module 'material-ui/Checkbox' {
-    export import Checkbox = __MaterialUI.Switches.Checkbox;
-    export default Checkbox;
-}
-
-declare module 'material-ui/CircularProgress' {
-    export import CircularProgress = __MaterialUI.CircularProgress;
-    export default CircularProgress;
-}
-
-declare module 'material-ui/DatePicker' {
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export default DatePicker;
-}
-
-declare module 'material-ui/Dialog' {
-    export import Dialog = __MaterialUI.Dialog;
-    export default Dialog;
-}
-
-declare module "material-ui/Divider" {
-    export import Divider = __MaterialUI.Divider;
-    export default Divider;
-}
-
-declare module 'material-ui/Drawer' {
-    export import Drawer = __MaterialUI.Drawer;
-    export default Drawer;
-}
-
-declare module 'material-ui/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/FlatButton' {
-    export import FlatButton = __MaterialUI.FlatButton;
-    export default FlatButton;
-}
-
-declare module 'material-ui/FloatingActionButton' {
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export default FloatingActionButton;
-}
-
-declare module 'material-ui/FontIcon' {
-    export import FontIcon = __MaterialUI.FontIcon;
-    export default FontIcon;
-}
-
-declare module "material-ui/GridList" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridList;
-}
-
-declare module "material-ui/GridList/GridList" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export default GridList;
-}
-
-declare module "material-ui/GridList/GridTile" {
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridTile;
-}
-
-declare module 'material-ui/IconButton' {
-    export import IconButton = __MaterialUI.IconButton;
-    export default IconButton;
-}
-
-declare module "material-ui/IconMenu" {
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export default IconMenu;
-}
-
-declare module 'material-ui/LinearProgress' {
-    export import LinearProgress = __MaterialUI.LinearProgress;
-    export default LinearProgress;
-}
-
-declare module 'material-ui/List' {
-    export import List = __MaterialUI.List.List;
-    export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export default List;
-}
-
-declare module 'material-ui/List/List' {
-    export import List = __MaterialUI.List.List;
-    export default List;
-}
-
-declare module 'material-ui/List/ListItem' {
-    export import ListItem = __MaterialUI.List.ListItem;
-    export default ListItem;
-}
-
-declare module 'material-ui/List/MakeSelectable' {
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export default MakeSelectable;
-}
-
-declare module "material-ui/Menu" {
-    export import Menu = __MaterialUI.Menus.Menu;
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default Menu;
-}
-
-declare module "material-ui/MenuItem" {
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default MenuItem;
-}
-
-declare module 'material-ui/Paper' {
-    export import Paper = __MaterialUI.Paper;
-    export default Paper;
-}
-
-declare module 'material-ui/Popover' {
-    export import Popover = __MaterialUI.Popover.Popover;
-    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
-    export default Popover;
-}
-
-declare module 'material-ui/Popover/Popover' {
-    export import Popover = __MaterialUI.Popover.Popover;
-    export default Popover;
-}
-
-declare module 'material-ui/Popover/PopoverAnimationDefault' {
-    export import PopoverAnimationDefault = __MaterialUI.Popover.PopoverAnimationDefault;
-    export default PopoverAnimationDefault;
-}
-
-declare module 'material-ui/Popover/PopoverAnimationVertical' {
-    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
-    export default PopoverAnimationVertical;
-}
-
-declare module 'material-ui/RadioButton' {
-    export import RadioButton = __MaterialUI.Switches.RadioButton;
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export default RadioButton;
-}
-
-declare module 'material-ui/RadioButton/RadioButtonGroup' {
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export default RadioButtonGroup;
-}
-
-declare module 'material-ui/RaisedButton' {
-    export import RaisedButton = __MaterialUI.RaisedButton;
-    export default RaisedButton;
-}
-
-declare module 'material-ui/RefreshIndicator' {
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export default RefreshIndicator;
-}
-
-declare module 'material-ui/SelectField' {
-    export import SelectField = __MaterialUI.SelectField;
-    export default SelectField;
-}
-
-declare module 'material-ui/Slider' {
-    export import Slider = __MaterialUI.Slider;
-    export default Slider;
-}
-
-declare module 'material-ui/Snackbar' {
-    export import Snackbar = __MaterialUI.Snackbar;
-    export default Snackbar;
-}
-
-declare module 'material-ui/Stepper' {
-    export import Step = __MaterialUI.Stepper.Step;
-    export import StepButton = __MaterialUI.Stepper.StepButton;
-    export import StepContent = __MaterialUI.Stepper.StepContent;
-    export import StepLabel = __MaterialUI.Stepper.StepLabel;
-    export import Stepper = __MaterialUI.Stepper.Stepper;
-}
-
-declare module 'material-ui/Subheader' {
-    export import Subheader = __MaterialUI.Subheader;
-    export default Subheader;
-}
-
-declare module 'material-ui/SvgIcon' {
-    export import SvgIcon = __MaterialUI.SvgIcon;
-    export default SvgIcon;
-}
-
-declare module 'material-ui/svg-icons/action/work' {
-  export import ActionWork = __MaterialUI.SvgIcon;
-  export default ActionWork;
-}
-
-declare module 'material-ui/svg-icons/action/camera-enhance' {
-  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
-  export default ActionCameraEnhance;
-}
-
-declare module 'material-ui/svg-icons/action/flip-to-back' {
-  export import ActionFlipToBack = __MaterialUI.SvgIcon;
-  export default ActionFlipToBack;
-}
-
-declare module 'material-ui/svg-icons/action/feedback' {
-  export import ActionFeedback = __MaterialUI.SvgIcon;
-  export default ActionFeedback;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-turned-in' {
-  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentTurnedIn;
-}
-
-declare module 'material-ui/svg-icons/action/track-changes' {
-  export import ActionTrackChanges = __MaterialUI.SvgIcon;
-  export default ActionTrackChanges;
-}
-
-declare module 'material-ui/svg-icons/action/view-stream' {
-  export import ActionViewStream = __MaterialUI.SvgIcon;
-  export default ActionViewStream;
-}
-
-declare module 'material-ui/svg-icons/action/open-in-browser' {
-  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
-  export default ActionOpenInBrowser;
-}
-
-declare module 'material-ui/svg-icons/action/view-headline' {
-  export import ActionViewHeadline = __MaterialUI.SvgIcon;
-  export default ActionViewHeadline;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-add' {
-  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
-  export default ActionAlarmAdd;
-}
-
-declare module 'material-ui/svg-icons/action/history' {
-  export import ActionHistory = __MaterialUI.SvgIcon;
-  export default ActionHistory;
-}
-
-declare module 'material-ui/svg-icons/action/perm-device-information' {
-  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
-  export default ActionPermDeviceInformation;
-}
-
-declare module 'material-ui/svg-icons/action/reorder' {
-  export import ActionReorder = __MaterialUI.SvgIcon;
-  export default ActionReorder;
-}
-
-declare module 'material-ui/svg-icons/action/assignment' {
-  export import ActionAssignment = __MaterialUI.SvgIcon;
-  export default ActionAssignment;
-}
-
-declare module 'material-ui/svg-icons/action/shopping-cart' {
-  export import ActionShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionShoppingCart;
-}
-
-declare module 'material-ui/svg-icons/action/face' {
-  export import ActionFace = __MaterialUI.SvgIcon;
-  export default ActionFace;
-}
-
-declare module 'material-ui/svg-icons/action/event' {
-  export import ActionEvent = __MaterialUI.SvgIcon;
-  export default ActionEvent;
-}
-
-declare module 'material-ui/svg-icons/action/view-week' {
-  export import ActionViewWeek = __MaterialUI.SvgIcon;
-  export default ActionViewWeek;
-}
-
-declare module 'material-ui/svg-icons/action/rounded-corner' {
-  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
-  export default ActionRoundedCorner;
-}
-
-declare module 'material-ui/svg-icons/action/view-carousel' {
-  export import ActionViewCarousel = __MaterialUI.SvgIcon;
-  export default ActionViewCarousel;
-}
-
-declare module 'material-ui/svg-icons/action/toll' {
-  export import ActionToll = __MaterialUI.SvgIcon;
-  export default ActionToll;
-}
-
-declare module 'material-ui/svg-icons/action/home' {
-  export import ActionHome = __MaterialUI.SvgIcon;
-  export default ActionHome;
-}
-
-declare module 'material-ui/svg-icons/action/subject' {
-  export import ActionSubject = __MaterialUI.SvgIcon;
-  export default ActionSubject;
-}
-
-declare module 'material-ui/svg-icons/action/lock' {
-  export import ActionLock = __MaterialUI.SvgIcon;
-  export default ActionLock;
-}
-
-declare module 'material-ui/svg-icons/action/visibility-off' {
-  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
-  export default ActionVisibilityOff;
-}
-
-declare module 'material-ui/svg-icons/action/opacity' {
-  export import ActionOpacity = __MaterialUI.SvgIcon;
-  export default ActionOpacity;
-}
-
-declare module 'material-ui/svg-icons/action/dns' {
-  export import ActionDns = __MaterialUI.SvgIcon;
-  export default ActionDns;
-}
-
-declare module 'material-ui/svg-icons/action/open-with' {
-  export import ActionOpenWith = __MaterialUI.SvgIcon;
-  export default ActionOpenWith;
-}
-
-declare module 'material-ui/svg-icons/action/system-update-alt' {
-  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
-  export default ActionSystemUpdateAlt;
-}
-
-declare module 'material-ui/svg-icons/action/picture-in-picture-alt' {
-  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
-  export default ActionPictureInPictureAlt;
-}
-
-declare module 'material-ui/svg-icons/action/bookmark-border' {
-  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
-  export default ActionBookmarkBorder;
-}
-
-declare module 'material-ui/svg-icons/action/settings' {
-  export import ActionSettings = __MaterialUI.SvgIcon;
-  export default ActionSettings;
-}
-
-declare module 'material-ui/svg-icons/action/dashboard' {
-  export import ActionDashboard = __MaterialUI.SvgIcon;
-  export default ActionDashboard;
-}
-
-declare module 'material-ui/svg-icons/action/done-all' {
-  export import ActionDoneAll = __MaterialUI.SvgIcon;
-  export default ActionDoneAll;
-}
-
-declare module 'material-ui/svg-icons/action/aspect-ratio' {
-  export import ActionAspectRatio = __MaterialUI.SvgIcon;
-  export default ActionAspectRatio;
-}
-
-declare module 'material-ui/svg-icons/action/verified-user' {
-  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
-  export default ActionVerifiedUser;
-}
-
-declare module 'material-ui/svg-icons/action/update' {
-  export import ActionUpdate = __MaterialUI.SvgIcon;
-  export default ActionUpdate;
-}
-
-declare module 'material-ui/svg-icons/action/query-builder' {
-  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
-  export default ActionQueryBuilder;
-}
-
-declare module 'material-ui/svg-icons/action/supervisor-account' {
-  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
-  export default ActionSupervisorAccount;
-}
-
-declare module 'material-ui/svg-icons/action/polymer' {
-  export import ActionPolymer = __MaterialUI.SvgIcon;
-  export default ActionPolymer;
-}
-
-declare module 'material-ui/svg-icons/action/accessible' {
-  export import ActionAccessible = __MaterialUI.SvgIcon;
-  export default ActionAccessible;
-}
-
-declare module 'material-ui/svg-icons/action/highlight-off' {
-  export import ActionHighlightOff = __MaterialUI.SvgIcon;
-  export default ActionHighlightOff;
-}
-
-declare module 'material-ui/svg-icons/action/power-settings-new' {
-  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
-  export default ActionPowerSettingsNew;
-}
-
-declare module 'material-ui/svg-icons/action/chrome-reader-mode' {
-  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
-  export default ActionChromeReaderMode;
-}
-
-declare module 'material-ui/svg-icons/action/perm-camera-mic' {
-  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
-  export default ActionPermCameraMic;
-}
-
-declare module 'material-ui/svg-icons/action/touch-app' {
-  export import ActionTouchApp = __MaterialUI.SvgIcon;
-  export default ActionTouchApp;
-}
-
-declare module 'material-ui/svg-icons/action/receipt' {
-  export import ActionReceipt = __MaterialUI.SvgIcon;
-  export default ActionReceipt;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-late' {
-  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
-  export default ActionAssignmentLate;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-off' {
-  export import ActionAlarmOff = __MaterialUI.SvgIcon;
-  export default ActionAlarmOff;
-}
-
-declare module 'material-ui/svg-icons/action/toc' {
-  export import ActionToc = __MaterialUI.SvgIcon;
-  export default ActionToc;
-}
-
-declare module 'material-ui/svg-icons/action/settings-bluetooth' {
-  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
-  export default ActionSettingsBluetooth;
-}
-
-declare module 'material-ui/svg-icons/action/settings-brightness' {
-  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
-  export default ActionSettingsBrightness;
-}
-
-declare module 'material-ui/svg-icons/action/donut-small' {
-  export import ActionDonutSmall = __MaterialUI.SvgIcon;
-  export default ActionDonutSmall;
-}
-
-declare module 'material-ui/svg-icons/action/zoom-out' {
-  export import ActionZoomOut = __MaterialUI.SvgIcon;
-  export default ActionZoomOut;
-}
-
-declare module 'material-ui/svg-icons/action/loyalty' {
-  export import ActionLoyalty = __MaterialUI.SvgIcon;
-  export default ActionLoyalty;
-}
-
-declare module 'material-ui/svg-icons/action/search' {
-  export import ActionSearch = __MaterialUI.SvgIcon;
-  export default ActionSearch;
-}
-
-declare module 'material-ui/svg-icons/action/account-balance-wallet' {
-  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
-  export default ActionAccountBalanceWallet;
-}
-
-declare module 'material-ui/svg-icons/action/date-range' {
-  export import ActionDateRange = __MaterialUI.SvgIcon;
-  export default ActionDateRange;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-on' {
-  export import ActionAlarmOn = __MaterialUI.SvgIcon;
-  export default ActionAlarmOn;
-}
-
-declare module 'material-ui/svg-icons/action/view-quilt' {
-  export import ActionViewQuilt = __MaterialUI.SvgIcon;
-  export default ActionViewQuilt;
-}
-
-declare module 'material-ui/svg-icons/action/launch' {
-  export import ActionLaunch = __MaterialUI.SvgIcon;
-  export default ActionLaunch;
-}
-
-declare module 'material-ui/svg-icons/action/visibility' {
-  export import ActionVisibility = __MaterialUI.SvgIcon;
-  export default ActionVisibility;
-}
-
-declare module 'material-ui/svg-icons/action/flight-land' {
-  export import ActionFlightLand = __MaterialUI.SvgIcon;
-  export default ActionFlightLand;
-}
-
-declare module 'material-ui/svg-icons/action/card-travel' {
-  export import ActionCardTravel = __MaterialUI.SvgIcon;
-  export default ActionCardTravel;
-}
-
-declare module 'material-ui/svg-icons/action/get-app' {
-  export import ActionGetApp = __MaterialUI.SvgIcon;
-  export default ActionGetApp;
-}
-
-declare module 'material-ui/svg-icons/action/markunread-mailbox' {
-  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
-  export default ActionMarkunreadMailbox;
-}
-
-declare module 'material-ui/svg-icons/action/view-agenda' {
-  export import ActionViewAgenda = __MaterialUI.SvgIcon;
-  export default ActionViewAgenda;
-}
-
-declare module 'material-ui/svg-icons/action/timeline' {
-  export import ActionTimeline = __MaterialUI.SvgIcon;
-  export default ActionTimeline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-remote' {
-  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
-  export default ActionSettingsRemote;
-}
-
-declare module 'material-ui/svg-icons/action/input' {
-  export import ActionInput = __MaterialUI.SvgIcon;
-  export default ActionInput;
-}
-
-declare module 'material-ui/svg-icons/action/record-voice-over' {
-  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
-  export default ActionRecordVoiceOver;
-}
-
-declare module 'material-ui/svg-icons/action/backup' {
-  export import ActionBackup = __MaterialUI.SvgIcon;
-  export default ActionBackup;
-}
-
-declare module 'material-ui/svg-icons/action/language' {
-  export import ActionLanguage = __MaterialUI.SvgIcon;
-  export default ActionLanguage;
-}
-
-declare module 'material-ui/svg-icons/action/play-for-work' {
-  export import ActionPlayForWork = __MaterialUI.SvgIcon;
-  export default ActionPlayForWork;
-}
-
-declare module 'material-ui/svg-icons/action/gif' {
-  export import ActionGif = __MaterialUI.SvgIcon;
-  export default ActionGif;
-}
-
-declare module 'material-ui/svg-icons/action/theaters' {
-  export import ActionTheaters = __MaterialUI.SvgIcon;
-  export default ActionTheaters;
-}
-
-declare module 'material-ui/svg-icons/action/offline-pin' {
-  export import ActionOfflinePin = __MaterialUI.SvgIcon;
-  export default ActionOfflinePin;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-return' {
-  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturn;
-}
-
-declare module 'material-ui/svg-icons/action/print' {
-  export import ActionPrint = __MaterialUI.SvgIcon;
-  export default ActionPrint;
-}
-
-declare module 'material-ui/svg-icons/action/settings-overscan' {
-  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
-  export default ActionSettingsOverscan;
-}
-
-declare module 'material-ui/svg-icons/action/store' {
-  export import ActionStore = __MaterialUI.SvgIcon;
-  export default ActionStore;
-}
-
-declare module 'material-ui/svg-icons/action/exit-to-app' {
-  export import ActionExitToApp = __MaterialUI.SvgIcon;
-  export default ActionExitToApp;
-}
-
-declare module 'material-ui/svg-icons/action/account-balance' {
-  export import ActionAccountBalance = __MaterialUI.SvgIcon;
-  export default ActionAccountBalance;
-}
-
-declare module 'material-ui/svg-icons/action/grade' {
-  export import ActionGrade = __MaterialUI.SvgIcon;
-  export default ActionGrade;
-}
-
-declare module 'material-ui/svg-icons/action/picture-in-picture' {
-  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
-  export default ActionPictureInPicture;
-}
-
-declare module 'material-ui/svg-icons/action/copyright' {
-  export import ActionCopyright = __MaterialUI.SvgIcon;
-  export default ActionCopyright;
-}
-
-declare module 'material-ui/svg-icons/action/donut-large' {
-  export import ActionDonutLarge = __MaterialUI.SvgIcon;
-  export default ActionDonutLarge;
-}
-
-declare module 'material-ui/svg-icons/action/lock-open' {
-  export import ActionLockOpen = __MaterialUI.SvgIcon;
-  export default ActionLockOpen;
-}
-
-declare module 'material-ui/svg-icons/action/perm-media' {
-  export import ActionPermMedia = __MaterialUI.SvgIcon;
-  export default ActionPermMedia;
-}
-
-declare module 'material-ui/svg-icons/action/all-out' {
-  export import ActionAllOut = __MaterialUI.SvgIcon;
-  export default ActionAllOut;
-}
-
-declare module 'material-ui/svg-icons/action/check-circle' {
-  export import ActionCheckCircle = __MaterialUI.SvgIcon;
-  export default ActionCheckCircle;
-}
-
-declare module 'material-ui/svg-icons/action/swap-vertical-circle' {
-  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
-  export default ActionSwapVerticalCircle;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-svideo' {
-  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputSvideo;
-}
-
-declare module 'material-ui/svg-icons/action/watch-later' {
-  export import ActionWatchLater = __MaterialUI.SvgIcon;
-  export default ActionWatchLater;
-}
-
-declare module 'material-ui/svg-icons/action/question-answer' {
-  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
-  export default ActionQuestionAnswer;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-ind' {
-  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
-  export default ActionAssignmentInd;
-}
-
-declare module 'material-ui/svg-icons/action/code' {
-  export import ActionCode = __MaterialUI.SvgIcon;
-  export default ActionCode;
-}
-
-declare module 'material-ui/svg-icons/action/turned-in-not' {
-  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
-  export default ActionTurnedInNot;
-}
-
-declare module 'material-ui/svg-icons/action/line-weight' {
-  export import ActionLineWeight = __MaterialUI.SvgIcon;
-  export default ActionLineWeight;
-}
-
-declare module 'material-ui/svg-icons/action/restore' {
-  export import ActionRestore = __MaterialUI.SvgIcon;
-  export default ActionRestore;
-}
-
-declare module 'material-ui/svg-icons/action/tab' {
-  export import ActionTab = __MaterialUI.SvgIcon;
-  export default ActionTab;
-}
-
-declare module 'material-ui/svg-icons/action/open-in-new' {
-  export import ActionOpenInNew = __MaterialUI.SvgIcon;
-  export default ActionOpenInNew;
-}
-
-declare module 'material-ui/svg-icons/action/turned-in' {
-  export import ActionTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionTurnedIn;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-hdmi' {
-  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputHdmi;
-}
-
-declare module 'material-ui/svg-icons/action/favorite-border' {
-  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
-  export default ActionFavoriteBorder;
-}
-
-declare module 'material-ui/svg-icons/action/done' {
-  export import ActionDone = __MaterialUI.SvgIcon;
-  export default ActionDone;
-}
-
-declare module 'material-ui/svg-icons/action/payment' {
-  export import ActionPayment = __MaterialUI.SvgIcon;
-  export default ActionPayment;
-}
-
-declare module 'material-ui/svg-icons/action/announcement' {
-  export import ActionAnnouncement = __MaterialUI.SvgIcon;
-  export default ActionAnnouncement;
-}
-
-declare module 'material-ui/svg-icons/action/find-in-page' {
-  export import ActionFindInPage = __MaterialUI.SvgIcon;
-  export default ActionFindInPage;
-}
-
-declare module 'material-ui/svg-icons/action/thumbs-up-down' {
-  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
-  export default ActionThumbsUpDown;
-}
-
-declare module 'material-ui/svg-icons/action/explore' {
-  export import ActionExplore = __MaterialUI.SvgIcon;
-  export default ActionExplore;
-}
-
-declare module 'material-ui/svg-icons/action/today' {
-  export import ActionToday = __MaterialUI.SvgIcon;
-  export default ActionToday;
-}
-
-declare module 'material-ui/svg-icons/action/settings-power' {
-  export import ActionSettingsPower = __MaterialUI.SvgIcon;
-  export default ActionSettingsPower;
-}
-
-declare module 'material-ui/svg-icons/action/gavel' {
-  export import ActionGavel = __MaterialUI.SvgIcon;
-  export default ActionGavel;
-}
-
-declare module 'material-ui/svg-icons/action/build' {
-  export import ActionBuild = __MaterialUI.SvgIcon;
-  export default ActionBuild;
-}
-
-declare module 'material-ui/svg-icons/action/rowing' {
-  export import ActionRowing = __MaterialUI.SvgIcon;
-  export default ActionRowing;
-}
-
-declare module 'material-ui/svg-icons/action/label' {
-  export import ActionLabel = __MaterialUI.SvgIcon;
-  export default ActionLabel;
-}
-
-declare module 'material-ui/svg-icons/action/card-giftcard' {
-  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
-  export default ActionCardGiftcard;
-}
-
-declare module 'material-ui/svg-icons/action/thumb-up' {
-  export import ActionThumbUp = __MaterialUI.SvgIcon;
-  export default ActionThumbUp;
-}
-
-declare module 'material-ui/svg-icons/action/shopping-basket' {
-  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
-  export default ActionShoppingBasket;
-}
-
-declare module 'material-ui/svg-icons/action/swap-horiz' {
-  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
-  export default ActionSwapHoriz;
-}
-
-declare module 'material-ui/svg-icons/action/help-outline' {
-  export import ActionHelpOutline = __MaterialUI.SvgIcon;
-  export default ActionHelpOutline;
-}
-
-declare module 'material-ui/svg-icons/action/pregnant-woman' {
-  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
-  export default ActionPregnantWoman;
-}
-
-declare module 'material-ui/svg-icons/action/help' {
-  export import ActionHelp = __MaterialUI.SvgIcon;
-  export default ActionHelp;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-antenna' {
-  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputAntenna;
-}
-
-declare module 'material-ui/svg-icons/action/find-replace' {
-  export import ActionFindReplace = __MaterialUI.SvgIcon;
-  export default ActionFindReplace;
-}
-
-declare module 'material-ui/svg-icons/action/shop' {
-  export import ActionShop = __MaterialUI.SvgIcon;
-  export default ActionShop;
-}
-
-declare module 'material-ui/svg-icons/action/change-history' {
-  export import ActionChangeHistory = __MaterialUI.SvgIcon;
-  export default ActionChangeHistory;
-}
-
-declare module 'material-ui/svg-icons/action/info' {
-  export import ActionInfo = __MaterialUI.SvgIcon;
-  export default ActionInfo;
-}
-
-declare module 'material-ui/svg-icons/action/trending-down' {
-  export import ActionTrendingDown = __MaterialUI.SvgIcon;
-  export default ActionTrendingDown;
-}
-
-declare module 'material-ui/svg-icons/action/flight-takeoff' {
-  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
-  export default ActionFlightTakeoff;
-}
-
-declare module 'material-ui/svg-icons/action/alarm' {
-  export import ActionAlarm = __MaterialUI.SvgIcon;
-  export default ActionAlarm;
-}
-
-declare module 'material-ui/svg-icons/action/spellcheck' {
-  export import ActionSpellcheck = __MaterialUI.SvgIcon;
-  export default ActionSpellcheck;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-component' {
-  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComponent;
-}
-
-declare module 'material-ui/svg-icons/action/settings-applications' {
-  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
-  export default ActionSettingsApplications;
-}
-
-declare module 'material-ui/svg-icons/action/room' {
-  export import ActionRoom = __MaterialUI.SvgIcon;
-  export default ActionRoom;
-}
-
-declare module 'material-ui/svg-icons/action/book' {
-  export import ActionBook = __MaterialUI.SvgIcon;
-  export default ActionBook;
-}
-
-declare module 'material-ui/svg-icons/action/class' {
-  export import ActionClass = __MaterialUI.SvgIcon;
-  export default ActionClass;
-}
-
-declare module 'material-ui/svg-icons/action/group-work' {
-  export import ActionGroupWork = __MaterialUI.SvgIcon;
-  export default ActionGroupWork;
-}
-
-declare module 'material-ui/svg-icons/action/hourglass-full' {
-  export import ActionHourglassFull = __MaterialUI.SvgIcon;
-  export default ActionHourglassFull;
-}
-
-declare module 'material-ui/svg-icons/action/assessment' {
-  export import ActionAssessment = __MaterialUI.SvgIcon;
-  export default ActionAssessment;
-}
-
-declare module 'material-ui/svg-icons/action/youtube-searched-for' {
-  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
-  export default ActionYoutubeSearchedFor;
-}
-
-declare module 'material-ui/svg-icons/action/eject' {
-  export import ActionEject = __MaterialUI.SvgIcon;
-  export default ActionEject;
-}
-
-declare module 'material-ui/svg-icons/action/trending-up' {
-  export import ActionTrendingUp = __MaterialUI.SvgIcon;
-  export default ActionTrendingUp;
-}
-
-declare module 'material-ui/svg-icons/action/http' {
-  export import ActionHttp = __MaterialUI.SvgIcon;
-  export default ActionHttp;
-}
-
-declare module 'material-ui/svg-icons/action/stars' {
-  export import ActionStars = __MaterialUI.SvgIcon;
-  export default ActionStars;
-}
-
-declare module 'material-ui/svg-icons/action/autorenew' {
-  export import ActionAutorenew = __MaterialUI.SvgIcon;
-  export default ActionAutorenew;
-}
-
-declare module 'material-ui/svg-icons/action/settings-ethernet' {
-  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
-  export default ActionSettingsEthernet;
-}
-
-declare module 'material-ui/svg-icons/action/label-outline' {
-  export import ActionLabelOutline = __MaterialUI.SvgIcon;
-  export default ActionLabelOutline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-phone' {
-  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
-  export default ActionSettingsPhone;
-}
-
-declare module 'material-ui/svg-icons/action/info-outline' {
-  export import ActionInfoOutline = __MaterialUI.SvgIcon;
-  export default ActionInfoOutline;
-}
-
-declare module 'material-ui/svg-icons/action/lock-outline' {
-  export import ActionLockOutline = __MaterialUI.SvgIcon;
-  export default ActionLockOutline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-composite' {
-  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComposite;
-}
-
-declare module 'material-ui/svg-icons/action/invert-colors' {
-  export import ActionInvertColors = __MaterialUI.SvgIcon;
-  export default ActionInvertColors;
-}
-
-declare module 'material-ui/svg-icons/action/bookmark' {
-  export import ActionBookmark = __MaterialUI.SvgIcon;
-  export default ActionBookmark;
-}
-
-declare module 'material-ui/svg-icons/action/add-shopping-cart' {
-  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionAddShoppingCart;
-}
-
-declare module 'material-ui/svg-icons/action/bug-report' {
-  export import ActionBugReport = __MaterialUI.SvgIcon;
-  export default ActionBugReport;
-}
-
-declare module 'material-ui/svg-icons/action/cached' {
-  export import ActionCached = __MaterialUI.SvgIcon;
-  export default ActionCached;
-}
-
-declare module 'material-ui/svg-icons/action/view-day' {
-  export import ActionViewDay = __MaterialUI.SvgIcon;
-  export default ActionViewDay;
-}
-
-declare module 'material-ui/svg-icons/action/fingerprint' {
-  export import ActionFingerprint = __MaterialUI.SvgIcon;
-  export default ActionFingerprint;
-}
-
-declare module 'material-ui/svg-icons/action/accessibility' {
-  export import ActionAccessibility = __MaterialUI.SvgIcon;
-  export default ActionAccessibility;
-}
-
-declare module 'material-ui/svg-icons/action/perm-data-setting' {
-  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
-  export default ActionPermDataSetting;
-}
-
-declare module 'material-ui/svg-icons/action/settings-backup-restore' {
-  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
-  export default ActionSettingsBackupRestore;
-}
-
-declare module 'material-ui/svg-icons/action/zoom-in' {
-  export import ActionZoomIn = __MaterialUI.SvgIcon;
-  export default ActionZoomIn;
-}
-
-declare module 'material-ui/svg-icons/action/perm-identity' {
-  export import ActionPermIdentity = __MaterialUI.SvgIcon;
-  export default ActionPermIdentity;
-}
-
-declare module 'material-ui/svg-icons/action/favorite' {
-  export import ActionFavorite = __MaterialUI.SvgIcon;
-  export default ActionFavorite;
-}
-
-declare module 'material-ui/svg-icons/action/thumb-down' {
-  export import ActionThumbDown = __MaterialUI.SvgIcon;
-  export default ActionThumbDown;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-returned' {
-  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturned;
-}
-
-declare module 'material-ui/svg-icons/action/account-box' {
-  export import ActionAccountBox = __MaterialUI.SvgIcon;
-  export default ActionAccountBox;
-}
-
-declare module 'material-ui/svg-icons/action/extension' {
-  export import ActionExtension = __MaterialUI.SvgIcon;
-  export default ActionExtension;
-}
-
-declare module 'material-ui/svg-icons/action/pageview' {
-  export import ActionPageview = __MaterialUI.SvgIcon;
-  export default ActionPageview;
-}
-
-declare module 'material-ui/svg-icons/action/https' {
-  export import ActionHttps = __MaterialUI.SvgIcon;
-  export default ActionHttps;
-}
-
-declare module 'material-ui/svg-icons/action/translate' {
-  export import ActionTranslate = __MaterialUI.SvgIcon;
-  export default ActionTranslate;
-}
-
-declare module 'material-ui/svg-icons/action/three-d-rotation' {
-  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
-  export default ActionThreeDRotation;
-}
-
-declare module 'material-ui/svg-icons/action/tab-unselected' {
-  export import ActionTabUnselected = __MaterialUI.SvgIcon;
-  export default ActionTabUnselected;
-}
-
-declare module 'material-ui/svg-icons/action/description' {
-  export import ActionDescription = __MaterialUI.SvgIcon;
-  export default ActionDescription;
-}
-
-declare module 'material-ui/svg-icons/action/note-add' {
-  export import ActionNoteAdd = __MaterialUI.SvgIcon;
-  export default ActionNoteAdd;
-}
-
-declare module 'material-ui/svg-icons/action/perm-scan-wifi' {
-  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
-  export default ActionPermScanWifi;
-}
-
-declare module 'material-ui/svg-icons/action/pets' {
-  export import ActionPets = __MaterialUI.SvgIcon;
-  export default ActionPets;
-}
-
-declare module 'material-ui/svg-icons/action/view-array' {
-  export import ActionViewArray = __MaterialUI.SvgIcon;
-  export default ActionViewArray;
-}
-
-declare module 'material-ui/svg-icons/action/shop-two' {
-  export import ActionShopTwo = __MaterialUI.SvgIcon;
-  export default ActionShopTwo;
-}
-
-declare module 'material-ui/svg-icons/action/line-style' {
-  export import ActionLineStyle = __MaterialUI.SvgIcon;
-  export default ActionLineStyle;
-}
-
-declare module 'material-ui/svg-icons/action/lightbulb-outline' {
-  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
-  export default ActionLightbulbOutline;
-}
-
-declare module 'material-ui/svg-icons/action/report-problem' {
-  export import ActionReportProblem = __MaterialUI.SvgIcon;
-  export default ActionReportProblem;
-}
-
-declare module 'material-ui/svg-icons/action/swap-vert' {
-  export import ActionSwapVert = __MaterialUI.SvgIcon;
-  export default ActionSwapVert;
-}
-
-declare module 'material-ui/svg-icons/action/list' {
-  export import ActionList = __MaterialUI.SvgIcon;
-  export default ActionList;
-}
-
-declare module 'material-ui/svg-icons/action/settings-voice' {
-  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
-  export default ActionSettingsVoice;
-}
-
-declare module 'material-ui/svg-icons/action/view-list' {
-  export import ActionViewList = __MaterialUI.SvgIcon;
-  export default ActionViewList;
-}
-
-declare module 'material-ui/svg-icons/action/pan-tool' {
-  export import ActionPanTool = __MaterialUI.SvgIcon;
-  export default ActionPanTool;
-}
-
-declare module 'material-ui/svg-icons/action/important-devices' {
-  export import ActionImportantDevices = __MaterialUI.SvgIcon;
-  export default ActionImportantDevices;
-}
-
-declare module 'material-ui/svg-icons/action/redeem' {
-  export import ActionRedeem = __MaterialUI.SvgIcon;
-  export default ActionRedeem;
-}
-
-declare module 'material-ui/svg-icons/action/flip-to-front' {
-  export import ActionFlipToFront = __MaterialUI.SvgIcon;
-  export default ActionFlipToFront;
-}
-
-declare module 'material-ui/svg-icons/action/android' {
-  export import ActionAndroid = __MaterialUI.SvgIcon;
-  export default ActionAndroid;
-}
-
-declare module 'material-ui/svg-icons/action/account-circle' {
-  export import ActionAccountCircle = __MaterialUI.SvgIcon;
-  export default ActionAccountCircle;
-}
-
-declare module 'material-ui/svg-icons/action/event-seat' {
-  export import ActionEventSeat = __MaterialUI.SvgIcon;
-  export default ActionEventSeat;
-}
-
-declare module 'material-ui/svg-icons/action/perm-contact-calendar' {
-  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
-  export default ActionPermContactCalendar;
-}
-
-declare module 'material-ui/svg-icons/action/perm-phone-msg' {
-  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
-  export default ActionPermPhoneMsg;
-}
-
-declare module 'material-ui/svg-icons/action/delete' {
-  export import ActionDelete = __MaterialUI.SvgIcon;
-  export default ActionDelete;
-}
-
-declare module 'material-ui/svg-icons/action/card-membership' {
-  export import ActionCardMembership = __MaterialUI.SvgIcon;
-  export default ActionCardMembership;
-}
-
-declare module 'material-ui/svg-icons/action/hourglass-empty' {
-  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
-  export default ActionHourglassEmpty;
-}
-
-declare module 'material-ui/svg-icons/action/schedule' {
-  export import ActionSchedule = __MaterialUI.SvgIcon;
-  export default ActionSchedule;
-}
-
-declare module 'material-ui/svg-icons/action/trending-flat' {
-  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
-  export default ActionTrendingFlat;
-}
-
-declare module 'material-ui/svg-icons/action/motorcycle' {
-  export import ActionMotorcycle = __MaterialUI.SvgIcon;
-  export default ActionMotorcycle;
-}
-
-declare module 'material-ui/svg-icons/action/view-column' {
-  export import ActionViewColumn = __MaterialUI.SvgIcon;
-  export default ActionViewColumn;
-}
-
-declare module 'material-ui/svg-icons/action/settings-cell' {
-  export import ActionSettingsCell = __MaterialUI.SvgIcon;
-  export default ActionSettingsCell;
-}
-
-declare module 'material-ui/svg-icons/action/credit-card' {
-  export import ActionCreditCard = __MaterialUI.SvgIcon;
-  export default ActionCreditCard;
-}
-
-declare module 'material-ui/svg-icons/action/view-module' {
-  export import ActionViewModule = __MaterialUI.SvgIcon;
-  export default ActionViewModule;
-}
-
-declare module 'material-ui/svg-icons/action/compare-arrows' {
-  export import ActionCompareArrows = __MaterialUI.SvgIcon;
-  export default ActionCompareArrows;
-}
-
-declare module 'material-ui/svg-icons/action/speaker-notes' {
-  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
-  export default ActionSpeakerNotes;
-}
-
-declare module 'material-ui/svg-icons/social/person' {
-  export import SocialPerson = __MaterialUI.SvgIcon;
-  export default SocialPerson;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-none' {
-  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
-  export default SocialNotificationsNone;
-}
-
-declare module 'material-ui/svg-icons/social/domain' {
-  export import SocialDomain = __MaterialUI.SvgIcon;
-  export default SocialDomain;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-paused' {
-  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
-  export default SocialNotificationsPaused;
-}
-
-declare module 'material-ui/svg-icons/social/person-outline' {
-  export import SocialPersonOutline = __MaterialUI.SvgIcon;
-  export default SocialPersonOutline;
-}
-
-declare module 'material-ui/svg-icons/social/plus-one' {
-  export import SocialPlusOne = __MaterialUI.SvgIcon;
-  export default SocialPlusOne;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-active' {
-  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
-  export default SocialNotificationsActive;
-}
-
-declare module 'material-ui/svg-icons/social/share' {
-  export import SocialShare = __MaterialUI.SvgIcon;
-  export default SocialShare;
-}
-
-declare module 'material-ui/svg-icons/social/whatshot' {
-  export import SocialWhatshot = __MaterialUI.SvgIcon;
-  export default SocialWhatshot;
-}
-
-declare module 'material-ui/svg-icons/social/poll' {
-  export import SocialPoll = __MaterialUI.SvgIcon;
-  export default SocialPoll;
-}
-
-declare module 'material-ui/svg-icons/social/pages' {
-  export import SocialPages = __MaterialUI.SvgIcon;
-  export default SocialPages;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-off' {
-  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
-  export default SocialNotificationsOff;
-}
-
-declare module 'material-ui/svg-icons/social/notifications' {
-  export import SocialNotifications = __MaterialUI.SvgIcon;
-  export default SocialNotifications;
-}
-
-declare module 'material-ui/svg-icons/social/school' {
-  export import SocialSchool = __MaterialUI.SvgIcon;
-  export default SocialSchool;
-}
-
-declare module 'material-ui/svg-icons/social/cake' {
-  export import SocialCake = __MaterialUI.SvgIcon;
-  export default SocialCake;
-}
-
-declare module 'material-ui/svg-icons/social/people-outline' {
-  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
-  export default SocialPeopleOutline;
-}
-
-declare module 'material-ui/svg-icons/social/location-city' {
-  export import SocialLocationCity = __MaterialUI.SvgIcon;
-  export default SocialLocationCity;
-}
-
-declare module 'material-ui/svg-icons/social/public' {
-  export import SocialPublic = __MaterialUI.SvgIcon;
-  export default SocialPublic;
-}
-
-declare module 'material-ui/svg-icons/social/mood-bad' {
-  export import SocialMoodBad = __MaterialUI.SvgIcon;
-  export default SocialMoodBad;
-}
-
-declare module 'material-ui/svg-icons/social/people' {
-  export import SocialPeople = __MaterialUI.SvgIcon;
-  export default SocialPeople;
-}
-
-declare module 'material-ui/svg-icons/social/mood' {
-  export import SocialMood = __MaterialUI.SvgIcon;
-  export default SocialMood;
-}
-
-declare module 'material-ui/svg-icons/social/party-mode' {
-  export import SocialPartyMode = __MaterialUI.SvgIcon;
-  export default SocialPartyMode;
-}
-
-declare module 'material-ui/svg-icons/social/group' {
-  export import SocialGroup = __MaterialUI.SvgIcon;
-  export default SocialGroup;
-}
-
-declare module 'material-ui/svg-icons/social/person-add' {
-  export import SocialPersonAdd = __MaterialUI.SvgIcon;
-  export default SocialPersonAdd;
-}
-
-declare module 'material-ui/svg-icons/social/group-add' {
-  export import SocialGroupAdd = __MaterialUI.SvgIcon;
-  export default SocialGroupAdd;
-}
-
-declare module 'material-ui/svg-icons/maps/edit-location' {
-  export import MapsEditLocation = __MaterialUI.SvgIcon;
-  export default MapsEditLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-airport' {
-  export import MapsLocalAirport = __MaterialUI.SvgIcon;
-  export default MapsLocalAirport;
-}
-
-declare module 'material-ui/svg-icons/maps/local-phone' {
-  export import MapsLocalPhone = __MaterialUI.SvgIcon;
-  export default MapsLocalPhone;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-car' {
-  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
-  export default MapsDirectionsCar;
-}
-
-declare module 'material-ui/svg-icons/maps/local-drink' {
-  export import MapsLocalDrink = __MaterialUI.SvgIcon;
-  export default MapsLocalDrink;
-}
-
-declare module 'material-ui/svg-icons/maps/local-gas-station' {
-  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
-  export default MapsLocalGasStation;
-}
-
-declare module 'material-ui/svg-icons/maps/store-mall-directory' {
-  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
-  export default MapsStoreMallDirectory;
-}
-
-declare module 'material-ui/svg-icons/maps/add-location' {
-  export import MapsAddLocation = __MaterialUI.SvgIcon;
-  export default MapsAddLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-laundry-service' {
-  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
-  export default MapsLocalLaundryService;
-}
-
-declare module 'material-ui/svg-icons/maps/local-hotel' {
-  export import MapsLocalHotel = __MaterialUI.SvgIcon;
-  export default MapsLocalHotel;
-}
-
-declare module 'material-ui/svg-icons/maps/local-pizza' {
-  export import MapsLocalPizza = __MaterialUI.SvgIcon;
-  export default MapsLocalPizza;
-}
-
-declare module 'material-ui/svg-icons/maps/person-pin-circle' {
-  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
-  export default MapsPersonPinCircle;
-}
-
-declare module 'material-ui/svg-icons/maps/terrain' {
-  export import MapsTerrain = __MaterialUI.SvgIcon;
-  export default MapsTerrain;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-subway' {
-  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsSubway;
-}
-
-declare module 'material-ui/svg-icons/maps/local-bar' {
-  export import MapsLocalBar = __MaterialUI.SvgIcon;
-  export default MapsLocalBar;
-}
-
-declare module 'material-ui/svg-icons/maps/local-car-wash' {
-  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
-  export default MapsLocalCarWash;
-}
-
-declare module 'material-ui/svg-icons/maps/restaurant-menu' {
-  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
-  export default MapsRestaurantMenu;
-}
-
-declare module 'material-ui/svg-icons/maps/near-me' {
-  export import MapsNearMe = __MaterialUI.SvgIcon;
-  export default MapsNearMe;
-}
-
-declare module 'material-ui/svg-icons/maps/directions' {
-  export import MapsDirections = __MaterialUI.SvgIcon;
-  export default MapsDirections;
-}
-
-declare module 'material-ui/svg-icons/maps/my-location' {
-  export import MapsMyLocation = __MaterialUI.SvgIcon;
-  export default MapsMyLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-convenience-store' {
-  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
-  export default MapsLocalConvenienceStore;
-}
-
-declare module 'material-ui/svg-icons/maps/local-offer' {
-  export import MapsLocalOffer = __MaterialUI.SvgIcon;
-  export default MapsLocalOffer;
-}
-
-declare module 'material-ui/svg-icons/maps/local-florist' {
-  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
-  export default MapsLocalFlorist;
-}
-
-declare module 'material-ui/svg-icons/maps/local-shipping' {
-  export import MapsLocalShipping = __MaterialUI.SvgIcon;
-  export default MapsLocalShipping;
-}
-
-declare module 'material-ui/svg-icons/maps/local-taxi' {
-  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
-  export default MapsLocalTaxi;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-walk' {
-  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
-  export default MapsDirectionsWalk;
-}
-
-declare module 'material-ui/svg-icons/maps/local-hospital' {
-  export import MapsLocalHospital = __MaterialUI.SvgIcon;
-  export default MapsLocalHospital;
-}
-
-declare module 'material-ui/svg-icons/maps/layers' {
-  export import MapsLayers = __MaterialUI.SvgIcon;
-  export default MapsLayers;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-run' {
-  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRun;
-}
-
-declare module 'material-ui/svg-icons/maps/rate-review' {
-  export import MapsRateReview = __MaterialUI.SvgIcon;
-  export default MapsRateReview;
-}
-
-declare module 'material-ui/svg-icons/maps/local-dining' {
-  export import MapsLocalDining = __MaterialUI.SvgIcon;
-  export default MapsLocalDining;
-}
-
-declare module 'material-ui/svg-icons/maps/local-post-office' {
-  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
-  export default MapsLocalPostOffice;
-}
-
-declare module 'material-ui/svg-icons/maps/pin-drop' {
-  export import MapsPinDrop = __MaterialUI.SvgIcon;
-  export default MapsPinDrop;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-boat' {
-  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBoat;
-}
-
-declare module 'material-ui/svg-icons/maps/local-see' {
-  export import MapsLocalSee = __MaterialUI.SvgIcon;
-  export default MapsLocalSee;
-}
-
-declare module 'material-ui/svg-icons/maps/map' {
-  export import MapsMap = __MaterialUI.SvgIcon;
-  export default MapsMap;
-}
-
-declare module 'material-ui/svg-icons/maps/flight' {
-  export import MapsFlight = __MaterialUI.SvgIcon;
-  export default MapsFlight;
-}
-
-declare module 'material-ui/svg-icons/maps/person-pin' {
-  export import MapsPersonPin = __MaterialUI.SvgIcon;
-  export default MapsPersonPin;
-}
-
-declare module 'material-ui/svg-icons/maps/satellite' {
-  export import MapsSatellite = __MaterialUI.SvgIcon;
-  export default MapsSatellite;
-}
-
-declare module 'material-ui/svg-icons/maps/local-printshop' {
-  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
-  export default MapsLocalPrintshop;
-}
-
-declare module 'material-ui/svg-icons/maps/navigation' {
-  export import MapsNavigation = __MaterialUI.SvgIcon;
-  export default MapsNavigation;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-railway' {
-  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRailway;
-}
-
-declare module 'material-ui/svg-icons/maps/local-atm' {
-  export import MapsLocalAtm = __MaterialUI.SvgIcon;
-  export default MapsLocalAtm;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-transit' {
-  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
-  export default MapsDirectionsTransit;
-}
-
-declare module 'material-ui/svg-icons/maps/local-parking' {
-  export import MapsLocalParking = __MaterialUI.SvgIcon;
-  export default MapsLocalParking;
-}
-
-declare module 'material-ui/svg-icons/maps/local-cafe' {
-  export import MapsLocalCafe = __MaterialUI.SvgIcon;
-  export default MapsLocalCafe;
-}
-
-declare module 'material-ui/svg-icons/maps/local-mall' {
-  export import MapsLocalMall = __MaterialUI.SvgIcon;
-  export default MapsLocalMall;
-}
-
-declare module 'material-ui/svg-icons/maps/zoom-out-map' {
-  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
-  export default MapsZoomOutMap;
-}
-
-declare module 'material-ui/svg-icons/maps/local-activity' {
-  export import MapsLocalActivity = __MaterialUI.SvgIcon;
-  export default MapsLocalActivity;
-}
-
-declare module 'material-ui/svg-icons/maps/local-grocery-store' {
-  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
-  export default MapsLocalGroceryStore;
-}
-
-declare module 'material-ui/svg-icons/maps/local-pharmacy' {
-  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
-  export default MapsLocalPharmacy;
-}
-
-declare module 'material-ui/svg-icons/maps/local-movies' {
-  export import MapsLocalMovies = __MaterialUI.SvgIcon;
-  export default MapsLocalMovies;
-}
-
-declare module 'material-ui/svg-icons/maps/place' {
-  export import MapsPlace = __MaterialUI.SvgIcon;
-  export default MapsPlace;
-}
-
-declare module 'material-ui/svg-icons/maps/layers-clear' {
-  export import MapsLayersClear = __MaterialUI.SvgIcon;
-  export default MapsLayersClear;
-}
-
-declare module 'material-ui/svg-icons/maps/hotel' {
-  export import MapsHotel = __MaterialUI.SvgIcon;
-  export default MapsHotel;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-bike' {
-  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBike;
-}
-
-declare module 'material-ui/svg-icons/maps/local-library' {
-  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
-  export default MapsLocalLibrary;
-}
-
-declare module 'material-ui/svg-icons/maps/local-play' {
-  export import MapsLocalPlay = __MaterialUI.SvgIcon;
-  export default MapsLocalPlay;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-bus' {
-  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBus;
-}
-
-declare module 'material-ui/svg-icons/maps/traffic' {
-  export import MapsTraffic = __MaterialUI.SvgIcon;
-  export default MapsTraffic;
-}
-
-declare module 'material-ui/svg-icons/maps/beenhere' {
-  export import MapsBeenhere = __MaterialUI.SvgIcon;
-  export default MapsBeenhere;
-}
-
-declare module 'material-ui/svg-icons/communication/call-received' {
-  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
-  export default CommunicationCallReceived;
-}
-
-declare module 'material-ui/svg-icons/communication/dialpad' {
-  export import CommunicationDialpad = __MaterialUI.SvgIcon;
-  export default CommunicationDialpad;
-}
-
-declare module 'material-ui/svg-icons/communication/forum' {
-  export import CommunicationForum = __MaterialUI.SvgIcon;
-  export default CommunicationForum;
-}
-
-declare module 'material-ui/svg-icons/communication/no-sim' {
-  export import CommunicationNoSim = __MaterialUI.SvgIcon;
-  export default CommunicationNoSim;
-}
-
-declare module 'material-ui/svg-icons/communication/chat' {
-  export import CommunicationChat = __MaterialUI.SvgIcon;
-  export default CommunicationChat;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-primary-landscape' {
-  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryLandscape;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-setup' {
-  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkSetup;
-}
-
-declare module 'material-ui/svg-icons/communication/ring-volume' {
-  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
-  export default CommunicationRingVolume;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-lock' {
-  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkLock;
-}
-
-declare module 'material-ui/svg-icons/communication/contacts' {
-  export import CommunicationContacts = __MaterialUI.SvgIcon;
-  export default CommunicationContacts;
-}
-
-declare module 'material-ui/svg-icons/communication/call-missed' {
-  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissed;
-}
-
-declare module 'material-ui/svg-icons/communication/contact-mail' {
-  export import CommunicationContactMail = __MaterialUI.SvgIcon;
-  export default CommunicationContactMail;
-}
-
-declare module 'material-ui/svg-icons/communication/portable-wifi-off' {
-  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
-  export default CommunicationPortableWifiOff;
-}
-
-declare module 'material-ui/svg-icons/communication/call-merge' {
-  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
-  export default CommunicationCallMerge;
-}
-
-declare module 'material-ui/svg-icons/communication/tact-mail' {
-  export import CommunicationTactMail = __MaterialUI.SvgIcon;
-  export default CommunicationTactMail;
-}
-
-declare module 'material-ui/svg-icons/communication/stop-screen-share' {
-  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationStopScreenShare;
-}
-
-declare module 'material-ui/svg-icons/communication/vpn-key' {
-  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
-  export default CommunicationVpnKey;
-}
-
-declare module 'material-ui/svg-icons/communication/swap-calls' {
-  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
-  export default CommunicationSwapCalls;
-}
-
-declare module 'material-ui/svg-icons/communication/dialer-sip' {
-  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
-  export default CommunicationDialerSip;
-}
-
-declare module 'material-ui/svg-icons/communication/business' {
-  export import CommunicationBusiness = __MaterialUI.SvgIcon;
-  export default CommunicationBusiness;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-erase' {
-  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkErase;
-}
-
-declare module 'material-ui/svg-icons/communication/call' {
-  export import CommunicationCall = __MaterialUI.SvgIcon;
-  export default CommunicationCall;
-}
-
-declare module 'material-ui/svg-icons/communication/screen-share' {
-  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationScreenShare;
-}
-
-declare module 'material-ui/svg-icons/communication/clear-all' {
-  export import CommunicationClearAll = __MaterialUI.SvgIcon;
-  export default CommunicationClearAll;
-}
-
-declare module 'material-ui/svg-icons/communication/chat-bubble-outline' {
-  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubbleOutline;
-}
-
-declare module 'material-ui/svg-icons/communication/call-missed-outgoing' {
-  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissedOutgoing;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-primary-portrait' {
-  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryPortrait;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-current-portrait' {
-  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentPortrait;
-}
-
-declare module 'material-ui/svg-icons/communication/voicemail' {
-  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
-  export default CommunicationVoicemail;
-}
-
-declare module 'material-ui/svg-icons/communication/speaker-phone' {
-  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
-  export default CommunicationSpeakerPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/call-split' {
-  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
-  export default CommunicationCallSplit;
-}
-
-declare module 'material-ui/svg-icons/communication/live-help' {
-  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
-  export default CommunicationLiveHelp;
-}
-
-declare module 'material-ui/svg-icons/communication/call-made' {
-  export import CommunicationCallMade = __MaterialUI.SvgIcon;
-  export default CommunicationCallMade;
-}
-
-declare module 'material-ui/svg-icons/communication/phone' {
-  export import CommunicationPhone = __MaterialUI.SvgIcon;
-  export default CommunicationPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/textsms' {
-  export import CommunicationTextsms = __MaterialUI.SvgIcon;
-  export default CommunicationTextsms;
-}
-
-declare module 'material-ui/svg-icons/communication/message' {
-  export import CommunicationMessage = __MaterialUI.SvgIcon;
-  export default CommunicationMessage;
-}
-
-declare module 'material-ui/svg-icons/communication/import-export' {
-  export import CommunicationImportExport = __MaterialUI.SvgIcon;
-  export default CommunicationImportExport;
-}
-
-declare module 'material-ui/svg-icons/communication/import-contacts' {
-  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
-  export default CommunicationImportContacts;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-ring' {
-  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkRing;
-}
-
-declare module 'material-ui/svg-icons/communication/present-to-all' {
-  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
-  export default CommunicationPresentToAll;
-}
-
-declare module 'material-ui/svg-icons/communication/contact-phone' {
-  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
-  export default CommunicationContactPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/invert-colors-off' {
-  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
-  export default CommunicationInvertColorsOff;
-}
-
-declare module 'material-ui/svg-icons/communication/comment' {
-  export import CommunicationComment = __MaterialUI.SvgIcon;
-  export default CommunicationComment;
-}
-
-declare module 'material-ui/svg-icons/communication/chat-bubble' {
-  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubble;
-}
-
-declare module 'material-ui/svg-icons/communication/mail-outline' {
-  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
-  export default CommunicationMailOutline;
-}
-
-declare module 'material-ui/svg-icons/communication/location-on' {
-  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOn;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-current-landscape' {
-  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentLandscape;
-}
-
-declare module 'material-ui/svg-icons/communication/location-off' {
-  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOff;
-}
-
-declare module 'material-ui/svg-icons/communication/email' {
-  export import CommunicationEmail = __MaterialUI.SvgIcon;
-  export default CommunicationEmail;
-}
-
-declare module 'material-ui/svg-icons/communication/call-end' {
-  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
-  export default CommunicationCallEnd;
-}
-
-declare module 'material-ui/svg-icons/toggle/check-box' {
-  export import ToggleCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleCheckBox;
-}
-
-declare module 'material-ui/svg-icons/toggle/star-half' {
-  export import ToggleStarHalf = __MaterialUI.SvgIcon;
-  export default ToggleStarHalf;
-}
-
-declare module 'material-ui/svg-icons/toggle/check-box-outline-blank' {
-  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
-  export default ToggleCheckBoxOutlineBlank;
-}
-
-declare module 'material-ui/svg-icons/toggle/star' {
-  export import ToggleStar = __MaterialUI.SvgIcon;
-  export default ToggleStar;
-}
-
-declare module 'material-ui/svg-icons/toggle/star-border' {
-  export import ToggleStarBorder = __MaterialUI.SvgIcon;
-  export default ToggleStarBorder;
-}
-
-declare module 'material-ui/svg-icons/toggle/radio-button-unchecked' {
-  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonUnchecked;
-}
-
-declare module 'material-ui/svg-icons/toggle/indeterminate-check-box' {
-  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleIndeterminateCheckBox;
-}
-
-declare module 'material-ui/svg-icons/toggle/radio-button-checked' {
-  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonChecked;
-}
-
-declare module 'material-ui/svg-icons/index' {
-  export import Index = __MaterialUI.SvgIcon;
-  export default Index;
-}
-
-declare module 'material-ui/svg-icons/index-generator' {
-  export import IndexGenerator = __MaterialUI.SvgIcon;
-  export default IndexGenerator;
-}
-
-declare module 'material-ui/svg-icons/alert/warning' {
-  export import AlertWarning = __MaterialUI.SvgIcon;
-  export default AlertWarning;
-}
-
-declare module 'material-ui/svg-icons/alert/add-alert' {
-  export import AlertAddAlert = __MaterialUI.SvgIcon;
-  export default AlertAddAlert;
-}
-
-declare module 'material-ui/svg-icons/alert/error-outline' {
-  export import AlertErrorOutline = __MaterialUI.SvgIcon;
-  export default AlertErrorOutline;
-}
-
-declare module 'material-ui/svg-icons/alert/error' {
-  export import AlertError = __MaterialUI.SvgIcon;
-  export default AlertError;
-}
-
-declare module 'material-ui/svg-icons/file/file-upload' {
-  export import FileFileUpload = __MaterialUI.SvgIcon;
-  export default FileFileUpload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-upload' {
-  export import FileCloudUpload = __MaterialUI.SvgIcon;
-  export default FileCloudUpload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-done' {
-  export import FileCloudDone = __MaterialUI.SvgIcon;
-  export default FileCloudDone;
-}
-
-declare module 'material-ui/svg-icons/file/folder-open' {
-  export import FileFolderOpen = __MaterialUI.SvgIcon;
-  export default FileFolderOpen;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-off' {
-  export import FileCloudOff = __MaterialUI.SvgIcon;
-  export default FileCloudOff;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-queue' {
-  export import FileCloudQueue = __MaterialUI.SvgIcon;
-  export default FileCloudQueue;
-}
-
-declare module 'material-ui/svg-icons/file/folder-shared' {
-  export import FileFolderShared = __MaterialUI.SvgIcon;
-  export default FileFolderShared;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-circle' {
-  export import FileCloudCircle = __MaterialUI.SvgIcon;
-  export default FileCloudCircle;
-}
-
-declare module 'material-ui/svg-icons/file/folder' {
-  export import FileFolder = __MaterialUI.SvgIcon;
-  export default FileFolder;
-}
-
-declare module 'material-ui/svg-icons/file/attachment' {
-  export import FileAttachment = __MaterialUI.SvgIcon;
-  export default FileAttachment;
-}
-
-declare module 'material-ui/svg-icons/file/create-new-folder' {
-  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
-  export default FileCreateNewFolder;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-download' {
-  export import FileCloudDownload = __MaterialUI.SvgIcon;
-  export default FileCloudDownload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud' {
-  export import FileCloud = __MaterialUI.SvgIcon;
-  export default FileCloud;
-}
-
-declare module 'material-ui/svg-icons/file/file-download' {
-  export import FileFileDownload = __MaterialUI.SvgIcon;
-  export default FileFileDownload;
-}
-
-declare module 'material-ui/svg-icons/navigation-arrow-drop-right' {
-  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropRight;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard' {
-  export import HardwareKeyboard = __MaterialUI.SvgIcon;
-  export default HardwareKeyboard;
-}
-
-declare module 'material-ui/svg-icons/hardware/toys' {
-  export import HardwareToys = __MaterialUI.SvgIcon;
-  export default HardwareToys;
-}
-
-declare module 'material-ui/svg-icons/hardware/dock' {
-  export import HardwareDock = __MaterialUI.SvgIcon;
-  export default HardwareDock;
-}
-
-declare module 'material-ui/svg-icons/hardware/headset' {
-  export import HardwareHeadset = __MaterialUI.SvgIcon;
-  export default HardwareHeadset;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-voice' {
-  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardVoice;
-}
-
-declare module 'material-ui/svg-icons/hardware/phonelink-off' {
-  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
-  export default HardwarePhonelinkOff;
-}
-
-declare module 'material-ui/svg-icons/hardware/speaker-group' {
-  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
-  export default HardwareSpeakerGroup;
-}
-
-declare module 'material-ui/svg-icons/hardware/desktop-windows' {
-  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
-  export default HardwareDesktopWindows;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-mac' {
-  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
-  export default HardwareLaptopMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-return' {
-  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardReturn;
-}
-
-declare module 'material-ui/svg-icons/hardware/gamepad' {
-  export import HardwareGamepad = __MaterialUI.SvgIcon;
-  export default HardwareGamepad;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-up' {
-  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowUp;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop' {
-  export import HardwareLaptop = __MaterialUI.SvgIcon;
-  export default HardwareLaptop;
-}
-
-declare module 'material-ui/svg-icons/hardware/phone-iphone' {
-  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
-  export default HardwarePhoneIphone;
-}
-
-declare module 'material-ui/svg-icons/hardware/memory' {
-  export import HardwareMemory = __MaterialUI.SvgIcon;
-  export default HardwareMemory;
-}
-
-declare module 'material-ui/svg-icons/hardware/security' {
-  export import HardwareSecurity = __MaterialUI.SvgIcon;
-  export default HardwareSecurity;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-capslock' {
-  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardCapslock;
-}
-
-declare module 'material-ui/svg-icons/hardware/sim-card' {
-  export import HardwareSimCard = __MaterialUI.SvgIcon;
-  export default HardwareSimCard;
-}
-
-declare module 'material-ui/svg-icons/hardware/devices-other' {
-  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
-  export default HardwareDevicesOther;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet-android' {
-  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
-  export default HardwareTabletAndroid;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-right' {
-  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowRight;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-tab' {
-  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardTab;
-}
-
-declare module 'material-ui/svg-icons/hardware/watch' {
-  export import HardwareWatch = __MaterialUI.SvgIcon;
-  export default HardwareWatch;
-}
-
-declare module 'material-ui/svg-icons/hardware/speaker' {
-  export import HardwareSpeaker = __MaterialUI.SvgIcon;
-  export default HardwareSpeaker;
-}
-
-declare module 'material-ui/svg-icons/hardware/phonelink' {
-  export import HardwarePhonelink = __MaterialUI.SvgIcon;
-  export default HardwarePhonelink;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-windows' {
-  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
-  export default HardwareLaptopWindows;
-}
-
-declare module 'material-ui/svg-icons/hardware/tv' {
-  export import HardwareTv = __MaterialUI.SvgIcon;
-  export default HardwareTv;
-}
-
-declare module 'material-ui/svg-icons/hardware/headset-mic' {
-  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
-  export default HardwareHeadsetMic;
-}
-
-declare module 'material-ui/svg-icons/hardware/videogame-asset' {
-  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
-  export default HardwareVideogameAsset;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-down' {
-  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowDown;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-hide' {
-  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardHide;
-}
-
-declare module 'material-ui/svg-icons/hardware/scanner' {
-  export import HardwareScanner = __MaterialUI.SvgIcon;
-  export default HardwareScanner;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-chromebook' {
-  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
-  export default HardwareLaptopChromebook;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet-mac' {
-  export import HardwareTabletMac = __MaterialUI.SvgIcon;
-  export default HardwareTabletMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/cast' {
-  export import HardwareCast = __MaterialUI.SvgIcon;
-  export default HardwareCast;
-}
-
-declare module 'material-ui/svg-icons/hardware/cast-connected' {
-  export import HardwareCastConnected = __MaterialUI.SvgIcon;
-  export default HardwareCastConnected;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-left' {
-  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowLeft;
-}
-
-declare module 'material-ui/svg-icons/hardware/phone-android' {
-  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
-  export default HardwarePhoneAndroid;
-}
-
-declare module 'material-ui/svg-icons/hardware/computer' {
-  export import HardwareComputer = __MaterialUI.SvgIcon;
-  export default HardwareComputer;
-}
-
-declare module 'material-ui/svg-icons/hardware/power-input' {
-  export import HardwarePowerInput = __MaterialUI.SvgIcon;
-  export default HardwarePowerInput;
-}
-
-declare module 'material-ui/svg-icons/hardware/smartphone' {
-  export import HardwareSmartphone = __MaterialUI.SvgIcon;
-  export default HardwareSmartphone;
-}
-
-declare module 'material-ui/svg-icons/hardware/router' {
-  export import HardwareRouter = __MaterialUI.SvgIcon;
-  export default HardwareRouter;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-backspace' {
-  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardBackspace;
-}
-
-declare module 'material-ui/svg-icons/hardware/developer-board' {
-  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
-  export default HardwareDeveloperBoard;
-}
-
-declare module 'material-ui/svg-icons/hardware/device-hub' {
-  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
-  export default HardwareDeviceHub;
-}
-
-declare module 'material-ui/svg-icons/hardware/mouse' {
-  export import HardwareMouse = __MaterialUI.SvgIcon;
-  export default HardwareMouse;
-}
-
-declare module 'material-ui/svg-icons/hardware/desktop-mac' {
-  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
-  export default HardwareDesktopMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet' {
-  export import HardwareTablet = __MaterialUI.SvgIcon;
-  export default HardwareTablet;
-}
-
-declare module 'material-ui/svg-icons/content/add-box' {
-  export import ContentAddBox = __MaterialUI.SvgIcon;
-  export default ContentAddBox;
-}
-
-declare module 'material-ui/svg-icons/content/filter-list' {
-  export import ContentFilterList = __MaterialUI.SvgIcon;
-  export default ContentFilterList;
-}
-
-declare module 'material-ui/svg-icons/content/save' {
-  export import ContentSave = __MaterialUI.SvgIcon;
-  export default ContentSave;
-}
-
-declare module 'material-ui/svg-icons/content/unarchive' {
-  export import ContentUnarchive = __MaterialUI.SvgIcon;
-  export default ContentUnarchive;
-}
-
-declare module 'material-ui/svg-icons/content/link' {
-  export import ContentLink = __MaterialUI.SvgIcon;
-  export default ContentLink;
-}
-
-declare module 'material-ui/svg-icons/content/sort' {
-  export import ContentSort = __MaterialUI.SvgIcon;
-  export default ContentSort;
-}
-
-declare module 'material-ui/svg-icons/content/text-format' {
-  export import ContentTextFormat = __MaterialUI.SvgIcon;
-  export default ContentTextFormat;
-}
-
-declare module 'material-ui/svg-icons/content/add' {
-  export import ContentAdd = __MaterialUI.SvgIcon;
-  export default ContentAdd;
-}
-
-declare module 'material-ui/svg-icons/content/send' {
-  export import ContentSend = __MaterialUI.SvgIcon;
-  export default ContentSend;
-}
-
-declare module 'material-ui/svg-icons/content/gesture' {
-  export import ContentGesture = __MaterialUI.SvgIcon;
-  export default ContentGesture;
-}
-
-declare module 'material-ui/svg-icons/content/archive' {
-  export import ContentArchive = __MaterialUI.SvgIcon;
-  export default ContentArchive;
-}
-
-declare module 'material-ui/svg-icons/content/weekend' {
-  export import ContentWeekend = __MaterialUI.SvgIcon;
-  export default ContentWeekend;
-}
-
-declare module 'material-ui/svg-icons/content/markunread' {
-  export import ContentMarkunread = __MaterialUI.SvgIcon;
-  export default ContentMarkunread;
-}
-
-declare module 'material-ui/svg-icons/content/create' {
-  export import ContentCreate = __MaterialUI.SvgIcon;
-  export default ContentCreate;
-}
-
-declare module 'material-ui/svg-icons/content/content-cut' {
-  export import ContentContentCut = __MaterialUI.SvgIcon;
-  export default ContentContentCut;
-}
-
-declare module 'material-ui/svg-icons/content/clear' {
-  export import ContentClear = __MaterialUI.SvgIcon;
-  export default ContentClear;
-}
-
-declare module 'material-ui/svg-icons/content/redo' {
-  export import ContentRedo = __MaterialUI.SvgIcon;
-  export default ContentRedo;
-}
-
-declare module 'material-ui/svg-icons/content/block' {
-  export import ContentBlock = __MaterialUI.SvgIcon;
-  export default ContentBlock;
-}
-
-declare module 'material-ui/svg-icons/content/forward' {
-  export import ContentForward = __MaterialUI.SvgIcon;
-  export default ContentForward;
-}
-
-declare module 'material-ui/svg-icons/content/mail' {
-  export import ContentMail = __MaterialUI.SvgIcon;
-  export default ContentMail;
-}
-
-declare module 'material-ui/svg-icons/content/inbox' {
-  export import ContentInbox = __MaterialUI.SvgIcon;
-  export default ContentInbox;
-}
-
-declare module 'material-ui/svg-icons/content/remove-circle' {
-  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircle;
-}
-
-declare module 'material-ui/svg-icons/content/move-to-inbox' {
-  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
-  export default ContentMoveToInbox;
-}
-
-declare module 'material-ui/svg-icons/content/flag' {
-  export import ContentFlag = __MaterialUI.SvgIcon;
-  export default ContentFlag;
-}
-
-declare module 'material-ui/svg-icons/content/reply-all' {
-  export import ContentReplyAll = __MaterialUI.SvgIcon;
-  export default ContentReplyAll;
-}
-
-declare module 'material-ui/svg-icons/content/remove' {
-  export import ContentRemove = __MaterialUI.SvgIcon;
-  export default ContentRemove;
-}
-
-declare module 'material-ui/svg-icons/content/next-week' {
-  export import ContentNextWeek = __MaterialUI.SvgIcon;
-  export default ContentNextWeek;
-}
-
-declare module 'material-ui/svg-icons/content/undo' {
-  export import ContentUndo = __MaterialUI.SvgIcon;
-  export default ContentUndo;
-}
-
-declare module 'material-ui/svg-icons/content/font-download' {
-  export import ContentFontDownload = __MaterialUI.SvgIcon;
-  export default ContentFontDownload;
-}
-
-declare module 'material-ui/svg-icons/content/remove-circle-outline' {
-  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/content/backspace' {
-  export import ContentBackspace = __MaterialUI.SvgIcon;
-  export default ContentBackspace;
-}
-
-declare module 'material-ui/svg-icons/content/reply' {
-  export import ContentReply = __MaterialUI.SvgIcon;
-  export default ContentReply;
-}
-
-declare module 'material-ui/svg-icons/content/report' {
-  export import ContentReport = __MaterialUI.SvgIcon;
-  export default ContentReport;
-}
-
-declare module 'material-ui/svg-icons/content/add-circle' {
-  export import ContentAddCircle = __MaterialUI.SvgIcon;
-  export default ContentAddCircle;
-}
-
-declare module 'material-ui/svg-icons/content/content-copy' {
-  export import ContentContentCopy = __MaterialUI.SvgIcon;
-  export default ContentContentCopy;
-}
-
-declare module 'material-ui/svg-icons/content/content-paste' {
-  export import ContentContentPaste = __MaterialUI.SvgIcon;
-  export default ContentContentPaste;
-}
-
-declare module 'material-ui/svg-icons/content/select-all' {
-  export import ContentSelectAll = __MaterialUI.SvgIcon;
-  export default ContentSelectAll;
-}
-
-declare module 'material-ui/svg-icons/content/add-circle-outline' {
-  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentAddCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/content/drafts' {
-  export import ContentDrafts = __MaterialUI.SvgIcon;
-  export default ContentDrafts;
-}
-
-declare module 'material-ui/svg-icons/editor/wrap-text' {
-  export import EditorWrapText = __MaterialUI.SvgIcon;
-  export default EditorWrapText;
-}
-
-declare module 'material-ui/svg-icons/editor/format-size' {
-  export import EditorFormatSize = __MaterialUI.SvgIcon;
-  export default EditorFormatSize;
-}
-
-declare module 'material-ui/svg-icons/editor/functions' {
-  export import EditorFunctions = __MaterialUI.SvgIcon;
-  export default EditorFunctions;
-}
-
-declare module 'material-ui/svg-icons/editor/format-bold' {
-  export import EditorFormatBold = __MaterialUI.SvgIcon;
-  export default EditorFormatBold;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-center' {
-  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignCenter;
-}
-
-declare module 'material-ui/svg-icons/editor/mode-comment' {
-  export import EditorModeComment = __MaterialUI.SvgIcon;
-  export default EditorModeComment;
-}
-
-declare module 'material-ui/svg-icons/editor/money-off' {
-  export import EditorMoneyOff = __MaterialUI.SvgIcon;
-  export default EditorMoneyOff;
-}
-
-declare module 'material-ui/svg-icons/editor/format-textdirection-r-to-l' {
-  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionRToL;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-drive-file' {
-  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
-  export default EditorInsertDriveFile;
-}
-
-declare module 'material-ui/svg-icons/editor/highlight' {
-  export import EditorHighlight = __MaterialUI.SvgIcon;
-  export default EditorHighlight;
-}
-
-declare module 'material-ui/svg-icons/editor/format-clear' {
-  export import EditorFormatClear = __MaterialUI.SvgIcon;
-  export default EditorFormatClear;
-}
-
-declare module 'material-ui/svg-icons/editor/border-style' {
-  export import EditorBorderStyle = __MaterialUI.SvgIcon;
-  export default EditorBorderStyle;
-}
-
-declare module 'material-ui/svg-icons/editor/format-shapes' {
-  export import EditorFormatShapes = __MaterialUI.SvgIcon;
-  export default EditorFormatShapes;
-}
-
-declare module 'material-ui/svg-icons/editor/format-paint' {
-  export import EditorFormatPaint = __MaterialUI.SvgIcon;
-  export default EditorFormatPaint;
-}
-
-declare module 'material-ui/svg-icons/editor/linear-scale' {
-  export import EditorLinearScale = __MaterialUI.SvgIcon;
-  export default EditorLinearScale;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-photo' {
-  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
-  export default EditorInsertPhoto;
-}
-
-declare module 'material-ui/svg-icons/editor/drag-handle' {
-  export import EditorDragHandle = __MaterialUI.SvgIcon;
-  export default EditorDragHandle;
-}
-
-declare module 'material-ui/svg-icons/editor/merge-type' {
-  export import EditorMergeType = __MaterialUI.SvgIcon;
-  export default EditorMergeType;
-}
-
-declare module 'material-ui/svg-icons/editor/attach-money' {
-  export import EditorAttachMoney = __MaterialUI.SvgIcon;
-  export default EditorAttachMoney;
-}
-
-declare module 'material-ui/svg-icons/editor/border-vertical' {
-  export import EditorBorderVertical = __MaterialUI.SvgIcon;
-  export default EditorBorderVertical;
-}
-
-declare module 'material-ui/svg-icons/editor/format-indent-decrease' {
-  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentDecrease;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-emoticon' {
-  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
-  export default EditorInsertEmoticon;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-invitation' {
-  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
-  export default EditorInsertInvitation;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-fill' {
-  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
-  export default EditorFormatColorFill;
-}
-
-declare module 'material-ui/svg-icons/editor/mode-edit' {
-  export import EditorModeEdit = __MaterialUI.SvgIcon;
-  export default EditorModeEdit;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-bottom' {
-  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignBottom;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-justify' {
-  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignJustify;
-}
-
-declare module 'material-ui/svg-icons/editor/attach-file' {
-  export import EditorAttachFile = __MaterialUI.SvgIcon;
-  export default EditorAttachFile;
-}
-
-declare module 'material-ui/svg-icons/editor/space-bar' {
-  export import EditorSpaceBar = __MaterialUI.SvgIcon;
-  export default EditorSpaceBar;
-}
-
-declare module 'material-ui/svg-icons/editor/border-clear' {
-  export import EditorBorderClear = __MaterialUI.SvgIcon;
-  export default EditorBorderClear;
-}
-
-declare module 'material-ui/svg-icons/editor/short-text' {
-  export import EditorShortText = __MaterialUI.SvgIcon;
-  export default EditorShortText;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-link' {
-  export import EditorInsertLink = __MaterialUI.SvgIcon;
-  export default EditorInsertLink;
-}
-
-declare module 'material-ui/svg-icons/editor/format-list-numbered' {
-  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
-  export default EditorFormatListNumbered;
-}
-
-declare module 'material-ui/svg-icons/editor/format-quote' {
-  export import EditorFormatQuote = __MaterialUI.SvgIcon;
-  export default EditorFormatQuote;
-}
-
-declare module 'material-ui/svg-icons/editor/border-left' {
-  export import EditorBorderLeft = __MaterialUI.SvgIcon;
-  export default EditorBorderLeft;
-}
-
-declare module 'material-ui/svg-icons/editor/format-underlined' {
-  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
-  export default EditorFormatUnderlined;
-}
-
-declare module 'material-ui/svg-icons/editor/text-fields' {
-  export import EditorTextFields = __MaterialUI.SvgIcon;
-  export default EditorTextFields;
-}
-
-declare module 'material-ui/svg-icons/editor/format-italic' {
-  export import EditorFormatItalic = __MaterialUI.SvgIcon;
-  export default EditorFormatItalic;
-}
-
-declare module 'material-ui/svg-icons/editor/publish' {
-  export import EditorPublish = __MaterialUI.SvgIcon;
-  export default EditorPublish;
-}
-
-declare module 'material-ui/svg-icons/editor/border-top' {
-  export import EditorBorderTop = __MaterialUI.SvgIcon;
-  export default EditorBorderTop;
-}
-
-declare module 'material-ui/svg-icons/editor/format-indent-increase' {
-  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentIncrease;
-}
-
-declare module 'material-ui/svg-icons/editor/border-bottom' {
-  export import EditorBorderBottom = __MaterialUI.SvgIcon;
-  export default EditorBorderBottom;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-right' {
-  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignRight;
-}
-
-declare module 'material-ui/svg-icons/editor/border-right' {
-  export import EditorBorderRight = __MaterialUI.SvgIcon;
-  export default EditorBorderRight;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-comment' {
-  export import EditorInsertComment = __MaterialUI.SvgIcon;
-  export default EditorInsertComment;
-}
-
-declare module 'material-ui/svg-icons/editor/strikethrough-s' {
-  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
-  export default EditorStrikethroughS;
-}
-
-declare module 'material-ui/svg-icons/editor/format-strikethrough' {
-  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
-  export default EditorFormatStrikethrough;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-chart' {
-  export import EditorInsertChart = __MaterialUI.SvgIcon;
-  export default EditorInsertChart;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-reset' {
-  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
-  export default EditorFormatColorReset;
-}
-
-declare module 'material-ui/svg-icons/editor/border-inner' {
-  export import EditorBorderInner = __MaterialUI.SvgIcon;
-  export default EditorBorderInner;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-text' {
-  export import EditorFormatColorText = __MaterialUI.SvgIcon;
-  export default EditorFormatColorText;
-}
-
-declare module 'material-ui/svg-icons/editor/border-horizontal' {
-  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
-  export default EditorBorderHorizontal;
-}
-
-declare module 'material-ui/svg-icons/editor/format-list-bulleted' {
-  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
-  export default EditorFormatListBulleted;
-}
-
-declare module 'material-ui/svg-icons/editor/border-outer' {
-  export import EditorBorderOuter = __MaterialUI.SvgIcon;
-  export default EditorBorderOuter;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-left' {
-  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignLeft;
-}
-
-declare module 'material-ui/svg-icons/editor/border-color' {
-  export import EditorBorderColor = __MaterialUI.SvgIcon;
-  export default EditorBorderColor;
-}
-
-declare module 'material-ui/svg-icons/editor/format-textdirection-l-to-r' {
-  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionLToR;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-center' {
-  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignCenter;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-top' {
-  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignTop;
-}
-
-declare module 'material-ui/svg-icons/editor/format-line-spacing' {
-  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
-  export default EditorFormatLineSpacing;
-}
-
-declare module 'material-ui/svg-icons/editor/border-all' {
-  export import EditorBorderAll = __MaterialUI.SvgIcon;
-  export default EditorBorderAll;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-portrait' {
-  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockPortrait;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-off' {
-  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularOff;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-searching' {
-  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothSearching;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-3-bar' {
-  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/network-cell' {
-  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
-  export default DeviceNetworkCell;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-no-sim' {
-  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNoSim;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-2-bar' {
-  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/devices' {
-  export import DeviceDevices = __MaterialUI.SvgIcon;
-  export default DeviceDevices;
-}
-
-declare module 'material-ui/svg-icons/device/battery-90' {
-  export import DeviceBattery90 = __MaterialUI.SvgIcon;
-  export default DeviceBattery90;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-80' {
-  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging80;
-}
-
-declare module 'material-ui/svg-icons/device/location-searching' {
-  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
-  export default DeviceLocationSearching;
-}
-
-declare module 'material-ui/svg-icons/device/wallpaper' {
-  export import DeviceWallpaper = __MaterialUI.SvgIcon;
-  export default DeviceWallpaper;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-rotation' {
-  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockRotation;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-landscape' {
-  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockLandscape;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-20' {
-  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging20;
-}
-
-declare module 'material-ui/svg-icons/device/usb' {
-  export import DeviceUsb = __MaterialUI.SvgIcon;
-  export default DeviceUsb;
-}
-
-declare module 'material-ui/svg-icons/device/airplanemode-active' {
-  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeActive;
-}
-
-declare module 'material-ui/svg-icons/device/network-wifi' {
-  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
-  export default DeviceNetworkWifi;
-}
-
-declare module 'material-ui/svg-icons/device/graphic-eq' {
-  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
-  export default DeviceGraphicEq;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-connected' {
-  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothConnected;
-}
-
-declare module 'material-ui/svg-icons/device/gps-fixed' {
-  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsFixed;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
-  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-medium' {
-  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessMedium;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
-  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-3-bar-lock' {
-  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/battery-80' {
-  export import DeviceBattery80 = __MaterialUI.SvgIcon;
-  export default DeviceBattery80;
-}
-
-declare module 'material-ui/svg-icons/device/wifi-lock' {
-  export import DeviceWifiLock = __MaterialUI.SvgIcon;
-  export default DeviceWifiLock;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-2-bar-lock' {
-  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth' {
-  export import DeviceBluetooth = __MaterialUI.SvgIcon;
-  export default DeviceBluetooth;
-}
-
-declare module 'material-ui/svg-icons/device/access-time' {
-  export import DeviceAccessTime = __MaterialUI.SvgIcon;
-  export default DeviceAccessTime;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-30' {
-  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging30;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-off' {
-  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifiOff;
-}
-
-declare module 'material-ui/svg-icons/device/dvr' {
-  export import DeviceDvr = __MaterialUI.SvgIcon;
-  export default DeviceDvr;
-}
-
-declare module 'material-ui/svg-icons/device/battery-60' {
-  export import DeviceBattery60 = __MaterialUI.SvgIcon;
-  export default DeviceBattery60;
-}
-
-declare module 'material-ui/svg-icons/device/access-alarm' {
-  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarm;
-}
-
-declare module 'material-ui/svg-icons/device/nfc' {
-  export import DeviceNfc = __MaterialUI.SvgIcon;
-  export default DeviceNfc;
-}
-
-declare module 'material-ui/svg-icons/device/data-usage' {
-  export import DeviceDataUsage = __MaterialUI.SvgIcon;
-  export default DeviceDataUsage;
-}
-
-declare module 'material-ui/svg-icons/device/access-alarms' {
-  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarms;
-}
-
-declare module 'material-ui/svg-icons/device/battery-full' {
-  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryFull;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-full' {
-  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryChargingFull;
-}
-
-declare module 'material-ui/svg-icons/device/settings-system-daydream' {
-  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
-  export default DeviceSettingsSystemDaydream;
-}
-
-declare module 'material-ui/svg-icons/device/battery-std' {
-  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
-  export default DeviceBatteryStd;
-}
-
-declare module 'material-ui/svg-icons/device/battery-unknown' {
-  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
-  export default DeviceBatteryUnknown;
-}
-
-declare module 'material-ui/svg-icons/device/add-alarm' {
-  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAddAlarm;
-}
-
-declare module 'material-ui/svg-icons/device/storage' {
-  export import DeviceStorage = __MaterialUI.SvgIcon;
-  export default DeviceStorage;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-90' {
-  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging90;
-}
-
-declare module 'material-ui/svg-icons/device/screen-rotation' {
-  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenRotation;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-4-bar' {
-  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-50' {
-  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging50;
-}
-
-declare module 'material-ui/svg-icons/device/battery-30' {
-  export import DeviceBattery30 = __MaterialUI.SvgIcon;
-  export default DeviceBattery30;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
-  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-alert' {
-  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
-  export default DeviceBatteryAlert;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-1-bar' {
-  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-4-bar' {
-  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/wifi-tethering' {
-  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
-  export default DeviceWifiTethering;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-0-bar' {
-  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-auto' {
-  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessAuto;
-}
-
-declare module 'material-ui/svg-icons/device/location-disabled' {
-  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
-  export default DeviceLocationDisabled;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-3-bar' {
-  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/gps-not-fixed' {
-  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsNotFixed;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-1-bar' {
-  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-60' {
-  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging60;
-}
-
-declare module 'material-ui/svg-icons/device/gps-off' {
-  export import DeviceGpsOff = __MaterialUI.SvgIcon;
-  export default DeviceGpsOff;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-null' {
-  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNull;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-low' {
-  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessLow;
-}
-
-declare module 'material-ui/svg-icons/device/sd-storage' {
-  export import DeviceSdStorage = __MaterialUI.SvgIcon;
-  export default DeviceSdStorage;
-}
-
-declare module 'material-ui/svg-icons/device/airplanemode-inactive' {
-  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeInactive;
-}
-
-declare module 'material-ui/svg-icons/device/widgets' {
-  export import DeviceWidgets = __MaterialUI.SvgIcon;
-  export default DeviceWidgets;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-high' {
-  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessHigh;
-}
-
-declare module 'material-ui/svg-icons/device/battery-20' {
-  export import DeviceBattery20 = __MaterialUI.SvgIcon;
-  export default DeviceBattery20;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-disabled' {
-  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothDisabled;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-4-bar-lock' {
-  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/developer-mode' {
-  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
-  export default DeviceDeveloperMode;
-}
-
-declare module 'material-ui/svg-icons/device/battery-50' {
-  export import DeviceBattery50 = __MaterialUI.SvgIcon;
-  export default DeviceBattery50;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
-  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-2-bar' {
-  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
-  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-0-bar' {
-  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-1-bar-lock' {
-  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1BarLock;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-forward' {
-  export import NavigationArrowForward = __MaterialUI.SvgIcon;
-  export default NavigationArrowForward;
-}
-
-declare module 'material-ui/svg-icons/navigation/unfold-more' {
-  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldMore;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-down' {
-  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDown;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-back' {
-  export import NavigationArrowBack = __MaterialUI.SvgIcon;
-  export default NavigationArrowBack;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-downward' {
-  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
-  export default NavigationArrowDownward;
-}
-
-declare module 'material-ui/svg-icons/navigation/fullscreen' {
-  export import NavigationFullscreen = __MaterialUI.SvgIcon;
-  export default NavigationFullscreen;
-}
-
-declare module 'material-ui/svg-icons/navigation/unfold-less' {
-  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldLess;
-}
-
-declare module 'material-ui/svg-icons/navigation/chevron-right' {
-  export import NavigationChevronRight = __MaterialUI.SvgIcon;
-  export default NavigationChevronRight;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-down-circle' {
-  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDownCircle;
-}
-
-declare module 'material-ui/svg-icons/navigation/check' {
-  export import NavigationCheck = __MaterialUI.SvgIcon;
-  export default NavigationCheck;
-}
-
-declare module 'material-ui/svg-icons/navigation/fullscreen-exit' {
-  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
-  export default NavigationFullscreenExit;
-}
-
-declare module 'material-ui/svg-icons/navigation/chevron-left' {
-  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
-  export default NavigationChevronLeft;
-}
-
-declare module 'material-ui/svg-icons/navigation/menu' {
-  export import NavigationMenu = __MaterialUI.SvgIcon;
-  export default NavigationMenu;
-}
-
-declare module 'material-ui/svg-icons/navigation/apps' {
-  export import NavigationApps = __MaterialUI.SvgIcon;
-  export default NavigationApps;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-upward' {
-  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
-  export default NavigationArrowUpward;
-}
-
-declare module 'material-ui/svg-icons/navigation/close' {
-  export import NavigationClose = __MaterialUI.SvgIcon;
-  export default NavigationClose;
-}
-
-declare module 'material-ui/svg-icons/navigation/more-horiz' {
-  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
-  export default NavigationMoreHoriz;
-}
-
-declare module 'material-ui/svg-icons/navigation/cancel' {
-  export import NavigationCancel = __MaterialUI.SvgIcon;
-  export default NavigationCancel;
-}
-
-declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-right' {
-  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowRight;
-}
-
-declare module 'material-ui/svg-icons/navigation/expand-more' {
-  export import NavigationExpandMore = __MaterialUI.SvgIcon;
-  export default NavigationExpandMore;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-up' {
-  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropUp;
-}
-
-declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-left' {
-  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowLeft;
-}
-
-declare module 'material-ui/svg-icons/navigation/expand-less' {
-  export import NavigationExpandLess = __MaterialUI.SvgIcon;
-  export default NavigationExpandLess;
-}
-
-declare module 'material-ui/svg-icons/navigation/refresh' {
-  export import NavigationRefresh = __MaterialUI.SvgIcon;
-  export default NavigationRefresh;
-}
-
-declare module 'material-ui/svg-icons/navigation/more-vert' {
-  export import NavigationMoreVert = __MaterialUI.SvgIcon;
-  export default NavigationMoreVert;
-}
-
-declare module 'material-ui/svg-icons/notification/rv-hookup' {
-  export import NotificationRvHookup = __MaterialUI.SvgIcon;
-  export default NotificationRvHookup;
-}
-
-declare module 'material-ui/svg-icons/notification/no-encryption' {
-  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
-  export default NotificationNoEncryption;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-forwarded' {
-  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
-  export default NotificationPhoneForwarded;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-flat-angled' {
-  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlatAngled;
-}
-
-declare module 'material-ui/svg-icons/notification/time-to-leave' {
-  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
-  export default NotificationTimeToLeave;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-extra' {
-  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomExtra;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-recline-extra' {
-  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineExtra;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-individual-suite' {
-  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatIndividualSuite;
-}
-
-declare module 'material-ui/svg-icons/notification/vibration' {
-  export import NotificationVibration = __MaterialUI.SvgIcon;
-  export default NotificationVibration;
-}
-
-declare module 'material-ui/svg-icons/notification/sim-card-alert' {
-  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
-  export default NotificationSimCardAlert;
-}
-
-declare module 'material-ui/svg-icons/notification/sms-failed' {
-  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
-  export default NotificationSmsFailed;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-flat' {
-  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlat;
-}
-
-declare module 'material-ui/svg-icons/notification/do-not-disturb' {
-  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturb;
-}
-
-declare module 'material-ui/svg-icons/notification/sync-problem' {
-  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
-  export default NotificationSyncProblem;
-}
-
-declare module 'material-ui/svg-icons/notification/event-available' {
-  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
-  export default NotificationEventAvailable;
-}
-
-declare module 'material-ui/svg-icons/notification/network-check' {
-  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
-  export default NotificationNetworkCheck;
-}
-
-declare module 'material-ui/svg-icons/notification/sms' {
-  export import NotificationSms = __MaterialUI.SvgIcon;
-  export default NotificationSms;
-}
-
-declare module 'material-ui/svg-icons/notification/disc-full' {
-  export import NotificationDiscFull = __MaterialUI.SvgIcon;
-  export default NotificationDiscFull;
-}
-
-declare module 'material-ui/svg-icons/notification/do-not-disturb-alt' {
-  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturbAlt;
-}
-
-declare module 'material-ui/svg-icons/notification/system-update' {
-  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
-  export default NotificationSystemUpdate;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-bluetooth-speaker' {
-  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
-  export default NotificationPhoneBluetoothSpeaker;
-}
-
-declare module 'material-ui/svg-icons/notification/ondemand-video' {
-  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
-  export default NotificationOndemandVideo;
-}
-
-declare module 'material-ui/svg-icons/notification/power' {
-  export import NotificationPower = __MaterialUI.SvgIcon;
-  export default NotificationPower;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-locked' {
-  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
-  export default NotificationPhoneLocked;
-}
-
-declare module 'material-ui/svg-icons/notification/sd-card' {
-  export import NotificationSdCard = __MaterialUI.SvgIcon;
-  export default NotificationSdCard;
-}
-
-declare module 'material-ui/svg-icons/notification/event-busy' {
-  export import NotificationEventBusy = __MaterialUI.SvgIcon;
-  export default NotificationEventBusy;
-}
-
-declare module 'material-ui/svg-icons/notification/personal-video' {
-  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
-  export default NotificationPersonalVideo;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-normal' {
-  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomNormal;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-in-talk' {
-  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
-  export default NotificationPhoneInTalk;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-reduced' {
-  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomReduced;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-paused' {
-  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
-  export default NotificationPhonePaused;
-}
-
-declare module 'material-ui/svg-icons/notification/sync-disabled' {
-  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
-  export default NotificationSyncDisabled;
-}
-
-declare module 'material-ui/svg-icons/notification/enhanced-encryption' {
-  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
-  export default NotificationEnhancedEncryption;
-}
-
-declare module 'material-ui/svg-icons/notification/mms' {
-  export import NotificationMms = __MaterialUI.SvgIcon;
-  export default NotificationMms;
-}
-
-declare module 'material-ui/svg-icons/notification/drive-eta' {
-  export import NotificationDriveEta = __MaterialUI.SvgIcon;
-  export default NotificationDriveEta;
-}
-
-declare module 'material-ui/svg-icons/notification/voice-chat' {
-  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
-  export default NotificationVoiceChat;
-}
-
-declare module 'material-ui/svg-icons/notification/wifi' {
-  export import NotificationWifi = __MaterialUI.SvgIcon;
-  export default NotificationWifi;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-recline-normal' {
-  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineNormal;
-}
-
-declare module 'material-ui/svg-icons/notification/more' {
-  export import NotificationMore = __MaterialUI.SvgIcon;
-  export default NotificationMore;
-}
-
-declare module 'material-ui/svg-icons/notification/vpn-lock' {
-  export import NotificationVpnLock = __MaterialUI.SvgIcon;
-  export default NotificationVpnLock;
-}
-
-declare module 'material-ui/svg-icons/notification/event-note' {
-  export import NotificationEventNote = __MaterialUI.SvgIcon;
-  export default NotificationEventNote;
-}
-
-declare module 'material-ui/svg-icons/notification/confirmation-number' {
-  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
-  export default NotificationConfirmationNumber;
-}
-
-declare module 'material-ui/svg-icons/notification/network-locked' {
-  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
-  export default NotificationNetworkLocked;
-}
-
-declare module 'material-ui/svg-icons/notification/adb' {
-  export import NotificationAdb = __MaterialUI.SvgIcon;
-  export default NotificationAdb;
-}
-
-declare module 'material-ui/svg-icons/notification/bluetooth-audio' {
-  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
-  export default NotificationBluetoothAudio;
-}
-
-declare module 'material-ui/svg-icons/notification/wc' {
-  export import NotificationWc = __MaterialUI.SvgIcon;
-  export default NotificationWc;
-}
-
-declare module 'material-ui/svg-icons/notification/tap-and-play' {
-  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
-  export default NotificationTapAndPlay;
-}
-
-declare module 'material-ui/svg-icons/notification/folder-special' {
-  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
-  export default NotificationFolderSpecial;
-}
-
-declare module 'material-ui/svg-icons/notification/live-tv' {
-  export import NotificationLiveTv = __MaterialUI.SvgIcon;
-  export default NotificationLiveTv;
-}
-
-declare module 'material-ui/svg-icons/notification/sync' {
-  export import NotificationSync = __MaterialUI.SvgIcon;
-  export default NotificationSync;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-missed' {
-  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
-  export default NotificationPhoneMissed;
-}
-
-declare module 'material-ui/svg-icons/av/skip-previous' {
-  export import AvSkipPrevious = __MaterialUI.SvgIcon;
-  export default AvSkipPrevious;
-}
-
-declare module 'material-ui/svg-icons/av/volume-off' {
-  export import AvVolumeOff = __MaterialUI.SvgIcon;
-  export default AvVolumeOff;
-}
-
-declare module 'material-ui/svg-icons/av/subscriptions' {
-  export import AvSubscriptions = __MaterialUI.SvgIcon;
-  export default AvSubscriptions;
-}
-
-declare module 'material-ui/svg-icons/av/play-arrow' {
-  export import AvPlayArrow = __MaterialUI.SvgIcon;
-  export default AvPlayArrow;
-}
-
-declare module 'material-ui/svg-icons/av/play-circle-outline' {
-  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPlayCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/av/replay-30' {
-  export import AvReplay30 = __MaterialUI.SvgIcon;
-  export default AvReplay30;
-}
-
-declare module 'material-ui/svg-icons/av/videocam' {
-  export import AvVideocam = __MaterialUI.SvgIcon;
-  export default AvVideocam;
-}
-
-declare module 'material-ui/svg-icons/av/replay-5' {
-  export import AvReplay5 = __MaterialUI.SvgIcon;
-  export default AvReplay5;
-}
-
-declare module 'material-ui/svg-icons/av/forward-10' {
-  export import AvForward10 = __MaterialUI.SvgIcon;
-  export default AvForward10;
-}
-
-declare module 'material-ui/svg-icons/av/recent-actors' {
-  export import AvRecentActors = __MaterialUI.SvgIcon;
-  export default AvRecentActors;
-}
-
-declare module 'material-ui/svg-icons/av/replay-10' {
-  export import AvReplay10 = __MaterialUI.SvgIcon;
-  export default AvReplay10;
-}
-
-declare module 'material-ui/svg-icons/av/repeat' {
-  export import AvRepeat = __MaterialUI.SvgIcon;
-  export default AvRepeat;
-}
-
-declare module 'material-ui/svg-icons/av/queue-music' {
-  export import AvQueueMusic = __MaterialUI.SvgIcon;
-  export default AvQueueMusic;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-pin' {
-  export import AvFiberPin = __MaterialUI.SvgIcon;
-  export default AvFiberPin;
-}
-
-declare module 'material-ui/svg-icons/av/new-releases' {
-  export import AvNewReleases = __MaterialUI.SvgIcon;
-  export default AvNewReleases;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-new' {
-  export import AvFiberNew = __MaterialUI.SvgIcon;
-  export default AvFiberNew;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-manual-record' {
-  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
-  export default AvFiberManualRecord;
-}
-
-declare module 'material-ui/svg-icons/av/hearing' {
-  export import AvHearing = __MaterialUI.SvgIcon;
-  export default AvHearing;
-}
-
-declare module 'material-ui/svg-icons/av/loop' {
-  export import AvLoop = __MaterialUI.SvgIcon;
-  export default AvLoop;
-}
-
-declare module 'material-ui/svg-icons/av/volume-up' {
-  export import AvVolumeUp = __MaterialUI.SvgIcon;
-  export default AvVolumeUp;
-}
-
-declare module 'material-ui/svg-icons/av/high-quality' {
-  export import AvHighQuality = __MaterialUI.SvgIcon;
-  export default AvHighQuality;
-}
-
-declare module 'material-ui/svg-icons/av/surround-sound' {
-  export import AvSurroundSound = __MaterialUI.SvgIcon;
-  export default AvSurroundSound;
-}
-
-declare module 'material-ui/svg-icons/av/equalizer' {
-  export import AvEqualizer = __MaterialUI.SvgIcon;
-  export default AvEqualizer;
-}
-
-declare module 'material-ui/svg-icons/av/music-video' {
-  export import AvMusicVideo = __MaterialUI.SvgIcon;
-  export default AvMusicVideo;
-}
-
-declare module 'material-ui/svg-icons/av/shuffle' {
-  export import AvShuffle = __MaterialUI.SvgIcon;
-  export default AvShuffle;
-}
-
-declare module 'material-ui/svg-icons/av/volume-down' {
-  export import AvVolumeDown = __MaterialUI.SvgIcon;
-  export default AvVolumeDown;
-}
-
-declare module 'material-ui/svg-icons/av/radio' {
-  export import AvRadio = __MaterialUI.SvgIcon;
-  export default AvRadio;
-}
-
-declare module 'material-ui/svg-icons/av/web-asset' {
-  export import AvWebAsset = __MaterialUI.SvgIcon;
-  export default AvWebAsset;
-}
-
-declare module 'material-ui/svg-icons/av/replay' {
-  export import AvReplay = __MaterialUI.SvgIcon;
-  export default AvReplay;
-}
-
-declare module 'material-ui/svg-icons/av/queue-play-next' {
-  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
-  export default AvQueuePlayNext;
-}
-
-declare module 'material-ui/svg-icons/av/closed-caption' {
-  export import AvClosedCaption = __MaterialUI.SvgIcon;
-  export default AvClosedCaption;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-dvr' {
-  export import AvFiberDvr = __MaterialUI.SvgIcon;
-  export default AvFiberDvr;
-}
-
-declare module 'material-ui/svg-icons/av/explicit' {
-  export import AvExplicit = __MaterialUI.SvgIcon;
-  export default AvExplicit;
-}
-
-declare module 'material-ui/svg-icons/av/games' {
-  export import AvGames = __MaterialUI.SvgIcon;
-  export default AvGames;
-}
-
-declare module 'material-ui/svg-icons/av/videocam-off' {
-  export import AvVideocamOff = __MaterialUI.SvgIcon;
-  export default AvVideocamOff;
-}
-
-declare module 'material-ui/svg-icons/av/hd' {
-  export import AvHd = __MaterialUI.SvgIcon;
-  export default AvHd;
-}
-
-declare module 'material-ui/svg-icons/av/fast-rewind' {
-  export import AvFastRewind = __MaterialUI.SvgIcon;
-  export default AvFastRewind;
-}
-
-declare module 'material-ui/svg-icons/av/add-to-queue' {
-  export import AvAddToQueue = __MaterialUI.SvgIcon;
-  export default AvAddToQueue;
-}
-
-declare module 'material-ui/svg-icons/av/movie' {
-  export import AvMovie = __MaterialUI.SvgIcon;
-  export default AvMovie;
-}
-
-declare module 'material-ui/svg-icons/av/library-books' {
-  export import AvLibraryBooks = __MaterialUI.SvgIcon;
-  export default AvLibraryBooks;
-}
-
-declare module 'material-ui/svg-icons/av/art-track' {
-  export import AvArtTrack = __MaterialUI.SvgIcon;
-  export default AvArtTrack;
-}
-
-declare module 'material-ui/svg-icons/av/web' {
-  export import AvWeb = __MaterialUI.SvgIcon;
-  export default AvWeb;
-}
-
-declare module 'material-ui/svg-icons/av/play-circle-filled' {
-  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPlayCircleFilled;
-}
-
-declare module 'material-ui/svg-icons/av/snooze' {
-  export import AvSnooze = __MaterialUI.SvgIcon;
-  export default AvSnooze;
-}
-
-declare module 'material-ui/svg-icons/av/forward-5' {
-  export import AvForward5 = __MaterialUI.SvgIcon;
-  export default AvForward5;
-}
-
-declare module 'material-ui/svg-icons/av/sort-by-alpha' {
-  export import AvSortByAlpha = __MaterialUI.SvgIcon;
-  export default AvSortByAlpha;
-}
-
-declare module 'material-ui/svg-icons/av/pause-circle-filled' {
-  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPauseCircleFilled;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-smart-record' {
-  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
-  export default AvFiberSmartRecord;
-}
-
-declare module 'material-ui/svg-icons/av/stop' {
-  export import AvStop = __MaterialUI.SvgIcon;
-  export default AvStop;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-play' {
-  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
-  export default AvPlaylistPlay;
-}
-
-declare module 'material-ui/svg-icons/av/library-add' {
-  export import AvLibraryAdd = __MaterialUI.SvgIcon;
-  export default AvLibraryAdd;
-}
-
-declare module 'material-ui/svg-icons/av/volume-mute' {
-  export import AvVolumeMute = __MaterialUI.SvgIcon;
-  export default AvVolumeMute;
-}
-
-declare module 'material-ui/svg-icons/av/skip-next' {
-  export import AvSkipNext = __MaterialUI.SvgIcon;
-  export default AvSkipNext;
-}
-
-declare module 'material-ui/svg-icons/av/forward-30' {
-  export import AvForward30 = __MaterialUI.SvgIcon;
-  export default AvForward30;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-add' {
-  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
-  export default AvPlaylistAdd;
-}
-
-declare module 'material-ui/svg-icons/av/album' {
-  export import AvAlbum = __MaterialUI.SvgIcon;
-  export default AvAlbum;
-}
-
-declare module 'material-ui/svg-icons/av/video-library' {
-  export import AvVideoLibrary = __MaterialUI.SvgIcon;
-  export default AvVideoLibrary;
-}
-
-declare module 'material-ui/svg-icons/av/library-music' {
-  export import AvLibraryMusic = __MaterialUI.SvgIcon;
-  export default AvLibraryMusic;
-}
-
-declare module 'material-ui/svg-icons/av/not-interested' {
-  export import AvNotInterested = __MaterialUI.SvgIcon;
-  export default AvNotInterested;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-add-check' {
-  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
-  export default AvPlaylistAddCheck;
-}
-
-declare module 'material-ui/svg-icons/av/mic-none' {
-  export import AvMicNone = __MaterialUI.SvgIcon;
-  export default AvMicNone;
-}
-
-declare module 'material-ui/svg-icons/av/pause' {
-  export import AvPause = __MaterialUI.SvgIcon;
-  export default AvPause;
-}
-
-declare module 'material-ui/svg-icons/av/remove-from-queue' {
-  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
-  export default AvRemoveFromQueue;
-}
-
-declare module 'material-ui/svg-icons/av/slow-motion-video' {
-  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
-  export default AvSlowMotionVideo;
-}
-
-declare module 'material-ui/svg-icons/av/subtitles' {
-  export import AvSubtitles = __MaterialUI.SvgIcon;
-  export default AvSubtitles;
-}
-
-declare module 'material-ui/svg-icons/av/mic-off' {
-  export import AvMicOff = __MaterialUI.SvgIcon;
-  export default AvMicOff;
-}
-
-declare module 'material-ui/svg-icons/av/repeat-one' {
-  export import AvRepeatOne = __MaterialUI.SvgIcon;
-  export default AvRepeatOne;
-}
-
-declare module 'material-ui/svg-icons/av/queue' {
-  export import AvQueue = __MaterialUI.SvgIcon;
-  export default AvQueue;
-}
-
-declare module 'material-ui/svg-icons/av/fast-forward' {
-  export import AvFastForward = __MaterialUI.SvgIcon;
-  export default AvFastForward;
-}
-
-declare module 'material-ui/svg-icons/av/mic' {
-  export import AvMic = __MaterialUI.SvgIcon;
-  export default AvMic;
-}
-
-declare module 'material-ui/svg-icons/av/av-timer' {
-  export import AvAvTimer = __MaterialUI.SvgIcon;
-  export default AvAvTimer;
-}
-
-declare module 'material-ui/svg-icons/av/pause-circle-outline' {
-  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPauseCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/av/airplay' {
-  export import AvAirplay = __MaterialUI.SvgIcon;
-  export default AvAirplay;
-}
-
-declare module 'material-ui/svg-icons/image/camera-rear' {
-  export import ImageCameraRear = __MaterialUI.SvgIcon;
-  export default ImageCameraRear;
-}
-
-declare module 'material-ui/svg-icons/image/add-a-photo' {
-  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
-  export default ImageAddAPhoto;
-}
-
-declare module 'material-ui/svg-icons/image/portrait' {
-  export import ImagePortrait = __MaterialUI.SvgIcon;
-  export default ImagePortrait;
-}
-
-declare module 'material-ui/svg-icons/image/looks' {
-  export import ImageLooks = __MaterialUI.SvgIcon;
-  export default ImageLooks;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-neg-2' {
-  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg2;
-}
-
-declare module 'material-ui/svg-icons/image/wb-cloudy' {
-  export import ImageWbCloudy = __MaterialUI.SvgIcon;
-  export default ImageWbCloudy;
-}
-
-declare module 'material-ui/svg-icons/image/switch-video' {
-  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
-  export default ImageSwitchVideo;
-}
-
-declare module 'material-ui/svg-icons/image/wb-auto' {
-  export import ImageWbAuto = __MaterialUI.SvgIcon;
-  export default ImageWbAuto;
-}
-
-declare module 'material-ui/svg-icons/image/filter-center-focus' {
-  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
-  export default ImageFilterCenterFocus;
-}
-
-declare module 'material-ui/svg-icons/image/crop-7-5' {
-  export import ImageCrop75 = __MaterialUI.SvgIcon;
-  export default ImageCrop75;
-}
-
-declare module 'material-ui/svg-icons/image/crop-3-2' {
-  export import ImageCrop32 = __MaterialUI.SvgIcon;
-  export default ImageCrop32;
-}
-
-declare module 'material-ui/svg-icons/image/assistant-photo' {
-  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
-  export default ImageAssistantPhoto;
-}
-
-declare module 'material-ui/svg-icons/image/looks-one' {
-  export import ImageLooksOne = __MaterialUI.SvgIcon;
-  export default ImageLooksOne;
-}
-
-declare module 'material-ui/svg-icons/image/collections-bookmark' {
-  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
-  export default ImageCollectionsBookmark;
-}
-
-declare module 'material-ui/svg-icons/image/image-aspect-ratio' {
-  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
-  export default ImageImageAspectRatio;
-}
-
-declare module 'material-ui/svg-icons/image/brush' {
-  export import ImageBrush = __MaterialUI.SvgIcon;
-  export default ImageBrush;
-}
-
-declare module 'material-ui/svg-icons/image/linked-camera' {
-  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
-  export default ImageLinkedCamera;
-}
-
-declare module 'material-ui/svg-icons/image/filter-1' {
-  export import ImageFilter1 = __MaterialUI.SvgIcon;
-  export default ImageFilter1;
-}
-
-declare module 'material-ui/svg-icons/image/edit' {
-  export import ImageEdit = __MaterialUI.SvgIcon;
-  export default ImageEdit;
-}
-
-declare module 'material-ui/svg-icons/image/timelapse' {
-  export import ImageTimelapse = __MaterialUI.SvgIcon;
-  export default ImageTimelapse;
-}
-
-declare module 'material-ui/svg-icons/image/nature' {
-  export import ImageNature = __MaterialUI.SvgIcon;
-  export default ImageNature;
-}
-
-declare module 'material-ui/svg-icons/image/monochrome-photos' {
-  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
-  export default ImageMonochromePhotos;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-6' {
-  export import ImageBrightness6 = __MaterialUI.SvgIcon;
-  export default ImageBrightness6;
-}
-
-declare module 'material-ui/svg-icons/image/music-note' {
-  export import ImageMusicNote = __MaterialUI.SvgIcon;
-  export default ImageMusicNote;
-}
-
-declare module 'material-ui/svg-icons/image/collections' {
-  export import ImageCollections = __MaterialUI.SvgIcon;
-  export default ImageCollections;
-}
-
-declare module 'material-ui/svg-icons/image/wb-sunny' {
-  export import ImageWbSunny = __MaterialUI.SvgIcon;
-  export default ImageWbSunny;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-strong' {
-  export import ImageHdrStrong = __MaterialUI.SvgIcon;
-  export default ImageHdrStrong;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-vertical' {
-  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
-  export default ImagePanoramaVertical;
-}
-
-declare module 'material-ui/svg-icons/image/navigate-next' {
-  export import ImageNavigateNext = __MaterialUI.SvgIcon;
-  export default ImageNavigateNext;
-}
-
-declare module 'material-ui/svg-icons/image/looks-4' {
-  export import ImageLooks4 = __MaterialUI.SvgIcon;
-  export default ImageLooks4;
-}
-
-declare module 'material-ui/svg-icons/image/filter-4' {
-  export import ImageFilter4 = __MaterialUI.SvgIcon;
-  export default ImageFilter4;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-1' {
-  export import ImageBrightness1 = __MaterialUI.SvgIcon;
-  export default ImageBrightness1;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-plus-1' {
-  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus1;
-}
-
-declare module 'material-ui/svg-icons/image/timer-3' {
-  export import ImageTimer3 = __MaterialUI.SvgIcon;
-  export default ImageTimer3;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-zero' {
-  export import ImageExposureZero = __MaterialUI.SvgIcon;
-  export default ImageExposureZero;
-}
-
-declare module 'material-ui/svg-icons/image/blur-linear' {
-  export import ImageBlurLinear = __MaterialUI.SvgIcon;
-  export default ImageBlurLinear;
-}
-
-declare module 'material-ui/svg-icons/image/photo-library' {
-  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
-  export default ImagePhotoLibrary;
-}
-
-declare module 'material-ui/svg-icons/image/filter-drama' {
-  export import ImageFilterDrama = __MaterialUI.SvgIcon;
-  export default ImageFilterDrama;
-}
-
-declare module 'material-ui/svg-icons/image/dehaze' {
-  export import ImageDehaze = __MaterialUI.SvgIcon;
-  export default ImageDehaze;
-}
-
-declare module 'material-ui/svg-icons/image/control-point-duplicate' {
-  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
-  export default ImageControlPointDuplicate;
-}
-
-declare module 'material-ui/svg-icons/image/image' {
-  export import ImageImage = __MaterialUI.SvgIcon;
-  export default ImageImage;
-}
-
-declare module 'material-ui/svg-icons/image/flash-auto' {
-  export import ImageFlashAuto = __MaterialUI.SvgIcon;
-  export default ImageFlashAuto;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-90-degrees-ccw' {
-  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
-  export default ImageRotate90DegreesCcw;
-}
-
-declare module 'material-ui/svg-icons/image/blur-circular' {
-  export import ImageBlurCircular = __MaterialUI.SvgIcon;
-  export default ImageBlurCircular;
-}
-
-declare module 'material-ui/svg-icons/image/filter-3' {
-  export import ImageFilter3 = __MaterialUI.SvgIcon;
-  export default ImageFilter3;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-plus-2' {
-  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus2;
-}
-
-declare module 'material-ui/svg-icons/image/flash-on' {
-  export import ImageFlashOn = __MaterialUI.SvgIcon;
-  export default ImageFlashOn;
-}
-
-declare module 'material-ui/svg-icons/image/view-comfy' {
-  export import ImageViewComfy = __MaterialUI.SvgIcon;
-  export default ImageViewComfy;
-}
-
-declare module 'material-ui/svg-icons/image/colorize' {
-  export import ImageColorize = __MaterialUI.SvgIcon;
-  export default ImageColorize;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-4' {
-  export import ImageBrightness4 = __MaterialUI.SvgIcon;
-  export default ImageBrightness4;
-}
-
-declare module 'material-ui/svg-icons/image/crop-free' {
-  export import ImageCropFree = __MaterialUI.SvgIcon;
-  export default ImageCropFree;
-}
-
-declare module 'material-ui/svg-icons/image/vignette' {
-  export import ImageVignette = __MaterialUI.SvgIcon;
-  export default ImageVignette;
-}
-
-declare module 'material-ui/svg-icons/image/tag-faces' {
-  export import ImageTagFaces = __MaterialUI.SvgIcon;
-  export default ImageTagFaces;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-7' {
-  export import ImageBrightness7 = __MaterialUI.SvgIcon;
-  export default ImageBrightness7;
-}
-
-declare module 'material-ui/svg-icons/image/healing' {
-  export import ImageHealing = __MaterialUI.SvgIcon;
-  export default ImageHealing;
-}
-
-declare module 'material-ui/svg-icons/image/nature-people' {
-  export import ImageNaturePeople = __MaterialUI.SvgIcon;
-  export default ImageNaturePeople;
-}
-
-declare module 'material-ui/svg-icons/image/gradient' {
-  export import ImageGradient = __MaterialUI.SvgIcon;
-  export default ImageGradient;
-}
-
-declare module 'material-ui/svg-icons/image/flash-off' {
-  export import ImageFlashOff = __MaterialUI.SvgIcon;
-  export default ImageFlashOff;
-}
-
-declare module 'material-ui/svg-icons/image/movie-creation' {
-  export import ImageMovieCreation = __MaterialUI.SvgIcon;
-  export default ImageMovieCreation;
-}
-
-declare module 'material-ui/svg-icons/image/leak-add' {
-  export import ImageLeakAdd = __MaterialUI.SvgIcon;
-  export default ImageLeakAdd;
-}
-
-declare module 'material-ui/svg-icons/image/filter-5' {
-  export import ImageFilter5 = __MaterialUI.SvgIcon;
-  export default ImageFilter5;
-}
-
-declare module 'material-ui/svg-icons/image/photo' {
-  export import ImagePhoto = __MaterialUI.SvgIcon;
-  export default ImagePhoto;
-}
-
-declare module 'material-ui/svg-icons/image/color-lens' {
-  export import ImageColorLens = __MaterialUI.SvgIcon;
-  export default ImageColorLens;
-}
-
-declare module 'material-ui/svg-icons/image/broken-image' {
-  export import ImageBrokenImage = __MaterialUI.SvgIcon;
-  export default ImageBrokenImage;
-}
-
-declare module 'material-ui/svg-icons/image/looks-6' {
-  export import ImageLooks6 = __MaterialUI.SvgIcon;
-  export default ImageLooks6;
-}
-
-declare module 'material-ui/svg-icons/image/picture-as-pdf' {
-  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
-  export default ImagePictureAsPdf;
-}
-
-declare module 'material-ui/svg-icons/image/palette' {
-  export import ImagePalette = __MaterialUI.SvgIcon;
-  export default ImagePalette;
-}
-
-declare module 'material-ui/svg-icons/image/crop-landscape' {
-  export import ImageCropLandscape = __MaterialUI.SvgIcon;
-  export default ImageCropLandscape;
-}
-
-declare module 'material-ui/svg-icons/image/grid-on' {
-  export import ImageGridOn = __MaterialUI.SvgIcon;
-  export default ImageGridOn;
-}
-
-declare module 'material-ui/svg-icons/image/slideshow' {
-  export import ImageSlideshow = __MaterialUI.SvgIcon;
-  export default ImageSlideshow;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-3' {
-  export import ImageBrightness3 = __MaterialUI.SvgIcon;
-  export default ImageBrightness3;
-}
-
-declare module 'material-ui/svg-icons/image/style' {
-  export import ImageStyle = __MaterialUI.SvgIcon;
-  export default ImageStyle;
-}
-
-declare module 'material-ui/svg-icons/image/filter-vintage' {
-  export import ImageFilterVintage = __MaterialUI.SvgIcon;
-  export default ImageFilterVintage;
-}
-
-declare module 'material-ui/svg-icons/image/tune' {
-  export import ImageTune = __MaterialUI.SvgIcon;
-  export default ImageTune;
-}
-
-declare module 'material-ui/svg-icons/image/camera' {
-  export import ImageCamera = __MaterialUI.SvgIcon;
-  export default ImageCamera;
-}
-
-declare module 'material-ui/svg-icons/image/timer' {
-  export import ImageTimer = __MaterialUI.SvgIcon;
-  export default ImageTimer;
-}
-
-declare module 'material-ui/svg-icons/image/landscape' {
-  export import ImageLandscape = __MaterialUI.SvgIcon;
-  export default ImageLandscape;
-}
-
-declare module 'material-ui/svg-icons/image/crop-16-9' {
-  export import ImageCrop169 = __MaterialUI.SvgIcon;
-  export default ImageCrop169;
-}
-
-declare module 'material-ui/svg-icons/image/add-to-photos' {
-  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
-  export default ImageAddToPhotos;
-}
-
-declare module 'material-ui/svg-icons/image/wb-incandescent' {
-  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
-  export default ImageWbIncandescent;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-weak' {
-  export import ImageHdrWeak = __MaterialUI.SvgIcon;
-  export default ImageHdrWeak;
-}
-
-declare module 'material-ui/svg-icons/image/details' {
-  export import ImageDetails = __MaterialUI.SvgIcon;
-  export default ImageDetails;
-}
-
-declare module 'material-ui/svg-icons/image/view-compact' {
-  export import ImageViewCompact = __MaterialUI.SvgIcon;
-  export default ImageViewCompact;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-5' {
-  export import ImageBrightness5 = __MaterialUI.SvgIcon;
-  export default ImageBrightness5;
-}
-
-declare module 'material-ui/svg-icons/image/center-focus-weak' {
-  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusWeak;
-}
-
-declare module 'material-ui/svg-icons/image/adjust' {
-  export import ImageAdjust = __MaterialUI.SvgIcon;
-  export default ImageAdjust;
-}
-
-declare module 'material-ui/svg-icons/image/camera-front' {
-  export import ImageCameraFront = __MaterialUI.SvgIcon;
-  export default ImageCameraFront;
-}
-
-declare module 'material-ui/svg-icons/image/transform' {
-  export import ImageTransform = __MaterialUI.SvgIcon;
-  export default ImageTransform;
-}
-
-declare module 'material-ui/svg-icons/image/filter' {
-  export import ImageFilter = __MaterialUI.SvgIcon;
-  export default ImageFilter;
-}
-
-declare module 'material-ui/svg-icons/image/grain' {
-  export import ImageGrain = __MaterialUI.SvgIcon;
-  export default ImageGrain;
-}
-
-declare module 'material-ui/svg-icons/image/filter-9-plus' {
-  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
-  export default ImageFilter9Plus;
-}
-
-declare module 'material-ui/svg-icons/image/looks-5' {
-  export import ImageLooks5 = __MaterialUI.SvgIcon;
-  export default ImageLooks5;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-on' {
-  export import ImageHdrOn = __MaterialUI.SvgIcon;
-  export default ImageHdrOn;
-}
-
-declare module 'material-ui/svg-icons/image/audiotrack' {
-  export import ImageAudiotrack = __MaterialUI.SvgIcon;
-  export default ImageAudiotrack;
-}
-
-declare module 'material-ui/svg-icons/image/compare' {
-  export import ImageCompare = __MaterialUI.SvgIcon;
-  export default ImageCompare;
-}
-
-declare module 'material-ui/svg-icons/image/crop' {
-  export import ImageCrop = __MaterialUI.SvgIcon;
-  export default ImageCrop;
-}
-
-declare module 'material-ui/svg-icons/image/texture' {
-  export import ImageTexture = __MaterialUI.SvgIcon;
-  export default ImageTexture;
-}
-
-declare module 'material-ui/svg-icons/image/movie-filter' {
-  export import ImageMovieFilter = __MaterialUI.SvgIcon;
-  export default ImageMovieFilter;
-}
-
-declare module 'material-ui/svg-icons/image/exposure' {
-  export import ImageExposure = __MaterialUI.SvgIcon;
-  export default ImageExposure;
-}
-
-declare module 'material-ui/svg-icons/image/filter-b-and-w' {
-  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
-  export default ImageFilterBAndW;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-actual' {
-  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectActual;
-}
-
-declare module 'material-ui/svg-icons/image/crop-5-4' {
-  export import ImageCrop54 = __MaterialUI.SvgIcon;
-  export default ImageCrop54;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-2' {
-  export import ImageBrightness2 = __MaterialUI.SvgIcon;
-  export default ImageBrightness2;
-}
-
-declare module 'material-ui/svg-icons/image/tonality' {
-  export import ImageTonality = __MaterialUI.SvgIcon;
-  export default ImageTonality;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-wide-angle' {
-  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
-  export default ImagePanoramaWideAngle;
-}
-
-declare module 'material-ui/svg-icons/image/flip' {
-  export import ImageFlip = __MaterialUI.SvgIcon;
-  export default ImageFlip;
-}
-
-declare module 'material-ui/svg-icons/image/filter-9' {
-  export import ImageFilter9 = __MaterialUI.SvgIcon;
-  export default ImageFilter9;
-}
-
-declare module 'material-ui/svg-icons/image/blur-on' {
-  export import ImageBlurOn = __MaterialUI.SvgIcon;
-  export default ImageBlurOn;
-}
-
-declare module 'material-ui/svg-icons/image/assistant' {
-  export import ImageAssistant = __MaterialUI.SvgIcon;
-  export default ImageAssistant;
-}
-
-declare module 'material-ui/svg-icons/image/lens' {
-  export import ImageLens = __MaterialUI.SvgIcon;
-  export default ImageLens;
-}
-
-declare module 'material-ui/svg-icons/image/switch-camera' {
-  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
-  export default ImageSwitchCamera;
-}
-
-declare module 'material-ui/svg-icons/image/photo-filter' {
-  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
-  export default ImagePhotoFilter;
-}
-
-declare module 'material-ui/svg-icons/image/wb-iridescent' {
-  export import ImageWbIridescent = __MaterialUI.SvgIcon;
-  export default ImageWbIridescent;
-}
-
-declare module 'material-ui/svg-icons/image/crop-square' {
-  export import ImageCropSquare = __MaterialUI.SvgIcon;
-  export default ImageCropSquare;
-}
-
-declare module 'material-ui/svg-icons/image/timer-10' {
-  export import ImageTimer10 = __MaterialUI.SvgIcon;
-  export default ImageTimer10;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-right' {
-  export import ImageRotateRight = __MaterialUI.SvgIcon;
-  export default ImageRotateRight;
-}
-
-declare module 'material-ui/svg-icons/image/grid-off' {
-  export import ImageGridOff = __MaterialUI.SvgIcon;
-  export default ImageGridOff;
-}
-
-declare module 'material-ui/svg-icons/image/filter-7' {
-  export import ImageFilter7 = __MaterialUI.SvgIcon;
-  export default ImageFilter7;
-}
-
-declare module 'material-ui/svg-icons/image/loupe' {
-  export import ImageLoupe = __MaterialUI.SvgIcon;
-  export default ImageLoupe;
-}
-
-declare module 'material-ui/svg-icons/image/filter-6' {
-  export import ImageFilter6 = __MaterialUI.SvgIcon;
-  export default ImageFilter6;
-}
-
-declare module 'material-ui/svg-icons/image/filter-tilt-shift' {
-  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
-  export default ImageFilterTiltShift;
-}
-
-declare module 'material-ui/svg-icons/image/crop-din' {
-  export import ImageCropDin = __MaterialUI.SvgIcon;
-  export default ImageCropDin;
-}
-
-declare module 'material-ui/svg-icons/image/center-focus-strong' {
-  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusStrong;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-left' {
-  export import ImageRotateLeft = __MaterialUI.SvgIcon;
-  export default ImageRotateLeft;
-}
-
-declare module 'material-ui/svg-icons/image/filter-hdr' {
-  export import ImageFilterHdr = __MaterialUI.SvgIcon;
-  export default ImageFilterHdr;
-}
-
-declare module 'material-ui/svg-icons/image/timer-off' {
-  export import ImageTimerOff = __MaterialUI.SvgIcon;
-  export default ImageTimerOff;
-}
-
-declare module 'material-ui/svg-icons/image/straighten' {
-  export import ImageStraighten = __MaterialUI.SvgIcon;
-  export default ImageStraighten;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-neg-1' {
-  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg1;
-}
-
-declare module 'material-ui/svg-icons/image/navigate-before' {
-  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
-  export default ImageNavigateBefore;
-}
-
-declare module 'material-ui/svg-icons/image/iso' {
-  export import ImageIso = __MaterialUI.SvgIcon;
-  export default ImageIso;
-}
-
-declare module 'material-ui/svg-icons/image/photo-album' {
-  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
-  export default ImagePhotoAlbum;
-}
-
-declare module 'material-ui/svg-icons/image/crop-rotate' {
-  export import ImageCropRotate = __MaterialUI.SvgIcon;
-  export default ImageCropRotate;
-}
-
-declare module 'material-ui/svg-icons/image/remove-red-eye' {
-  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
-  export default ImageRemoveRedEye;
-}
-
-declare module 'material-ui/svg-icons/image/crop-portrait' {
-  export import ImageCropPortrait = __MaterialUI.SvgIcon;
-  export default ImageCropPortrait;
-}
-
-declare module 'material-ui/svg-icons/image/camera-alt' {
-  export import ImageCameraAlt = __MaterialUI.SvgIcon;
-  export default ImageCameraAlt;
-}
-
-declare module 'material-ui/svg-icons/image/control-point' {
-  export import ImageControlPoint = __MaterialUI.SvgIcon;
-  export default ImageControlPoint;
-}
-
-declare module 'material-ui/svg-icons/image/panorama' {
-  export import ImagePanorama = __MaterialUI.SvgIcon;
-  export default ImagePanorama;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-fish-eye' {
-  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
-  export default ImagePanoramaFishEye;
-}
-
-declare module 'material-ui/svg-icons/image/filter-8' {
-  export import ImageFilter8 = __MaterialUI.SvgIcon;
-  export default ImageFilter8;
-}
-
-declare module 'material-ui/svg-icons/image/looks-two' {
-  export import ImageLooksTwo = __MaterialUI.SvgIcon;
-  export default ImageLooksTwo;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-horizontal' {
-  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
-  export default ImagePanoramaHorizontal;
-}
-
-declare module 'material-ui/svg-icons/image/looks-3' {
-  export import ImageLooks3 = __MaterialUI.SvgIcon;
-  export default ImageLooks3;
-}
-
-declare module 'material-ui/svg-icons/image/filter-none' {
-  export import ImageFilterNone = __MaterialUI.SvgIcon;
-  export default ImageFilterNone;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-large' {
-  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectLarge;
-}
-
-declare module 'material-ui/svg-icons/image/blur-off' {
-  export import ImageBlurOff = __MaterialUI.SvgIcon;
-  export default ImageBlurOff;
-}
-
-declare module 'material-ui/svg-icons/image/camera-roll' {
-  export import ImageCameraRoll = __MaterialUI.SvgIcon;
-  export default ImageCameraRoll;
-}
-
-declare module 'material-ui/svg-icons/image/leak-remove' {
-  export import ImageLeakRemove = __MaterialUI.SvgIcon;
-  export default ImageLeakRemove;
-}
-
-declare module 'material-ui/svg-icons/image/filter-frames' {
-  export import ImageFilterFrames = __MaterialUI.SvgIcon;
-  export default ImageFilterFrames;
-}
-
-declare module 'material-ui/svg-icons/image/flare' {
-  export import ImageFlare = __MaterialUI.SvgIcon;
-  export default ImageFlare;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-small' {
-  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectSmall;
-}
-
-declare module 'material-ui/svg-icons/image/photo-camera' {
-  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
-  export default ImagePhotoCamera;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-off' {
-  export import ImageHdrOff = __MaterialUI.SvgIcon;
-  export default ImageHdrOff;
-}
-
-declare module 'material-ui/svg-icons/image/filter-2' {
-  export import ImageFilter2 = __MaterialUI.SvgIcon;
-  export default ImageFilter2;
-}
-
-declare module 'material-ui/svg-icons/image/crop-original' {
-  export import ImageCropOriginal = __MaterialUI.SvgIcon;
-  export default ImageCropOriginal;
-}
-
-declare module 'material-ui/svg-icons/places/kitchen' {
-  export import PlacesKitchen = __MaterialUI.SvgIcon;
-  export default PlacesKitchen;
-}
-
-declare module 'material-ui/svg-icons/places/spa' {
-  export import PlacesSpa = __MaterialUI.SvgIcon;
-  export default PlacesSpa;
-}
-
-declare module 'material-ui/svg-icons/places/all-inclusive' {
-  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
-  export default PlacesAllInclusive;
-}
-
-declare module 'material-ui/svg-icons/places/ac-unit' {
-  export import PlacesAcUnit = __MaterialUI.SvgIcon;
-  export default PlacesAcUnit;
-}
-
-declare module 'material-ui/svg-icons/places/child-care' {
-  export import PlacesChildCare = __MaterialUI.SvgIcon;
-  export default PlacesChildCare;
-}
-
-declare module 'material-ui/svg-icons/places/golf-course' {
-  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
-  export default PlacesGolfCourse;
-}
-
-declare module 'material-ui/svg-icons/places/business-center' {
-  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
-  export default PlacesBusinessCenter;
-}
-
-declare module 'material-ui/svg-icons/places/free-breakfast' {
-  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
-  export default PlacesFreeBreakfast;
-}
-
-declare module 'material-ui/svg-icons/places/fitness-center' {
-  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
-  export default PlacesFitnessCenter;
-}
-
-declare module 'material-ui/svg-icons/places/pool' {
-  export import PlacesPool = __MaterialUI.SvgIcon;
-  export default PlacesPool;
-}
-
-declare module 'material-ui/svg-icons/places/child-friendly' {
-  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
-  export default PlacesChildFriendly;
-}
-
-declare module 'material-ui/svg-icons/places/casino' {
-  export import PlacesCasino = __MaterialUI.SvgIcon;
-  export default PlacesCasino;
-}
-
-declare module 'material-ui/svg-icons/places/hot-tub' {
-  export import PlacesHotTub = __MaterialUI.SvgIcon;
-  export default PlacesHotTub;
-}
-
-declare module 'material-ui/svg-icons/places/smoke-free' {
-  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
-  export default PlacesSmokeFree;
-}
-
-declare module 'material-ui/svg-icons/places/room-service' {
-  export import PlacesRoomService = __MaterialUI.SvgIcon;
-  export default PlacesRoomService;
-}
-
-declare module 'material-ui/svg-icons/places/smoking-rooms' {
-  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
-  export default PlacesSmokingRooms;
-}
-
-declare module 'material-ui/svg-icons/places/beach-access' {
-  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
-  export default PlacesBeachAccess;
-}
-
-declare module 'material-ui/svg-icons/places/airport-shuttle' {
-  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
-  export default PlacesAirportShuttle;
-}
-
-declare module 'material-ui/styles' {
-    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
-    export import colors = __MaterialUI.Styles.Colors;
-    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import DarkRawTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import LightRawTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
-    export import spacing = __MaterialUI.Styles.Spacing;
-    export import themeManager = __MaterialUI.Styles.ThemeManager;
-    export import transitions = __MaterialUI.Styles.Transitions;
-    export import typography = __MaterialUI.Styles.Typography;
-    export import zIndex = __MaterialUI.Styles.zIndex;
-
-    export type MuiTheme = __MaterialUI.Styles.MuiTheme;
-}
-
-declare module 'material-ui/styles/getMuiTheme' {
-    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
-    export default getMuiTheme;
-}
-
-declare module 'material-ui/styles/muiThemeable' {
-    export import muiThemeable = __MaterialUI.Styles.muiThemeable;
-    export default muiThemeable;
-}
-
-declare module 'material-ui/styles/MuiThemeProvider' {
-    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
-    export default MuiThemeProvider;
-}
-
-declare module 'material-ui/styles/spacing' {
-    type Spacing = __MaterialUI.Styles.Spacing;
-    var Spacing: Spacing;
-    export default Spacing;
-}
-
-declare module 'material-ui/styles/themeManager' {
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export default ThemeManager;
-}
-
-declare module 'material-ui/styles/transitions' {
-    export import Transitions = __MaterialUI.Styles.Transitions;
-    export default Transitions;
-}
-
-declare module 'material-ui/styles/typography' {
-    export import Typography = __MaterialUI.Styles.Typography;
-    export default Typography;
-}
-
-declare module 'material-ui/styles/baseThemes/lightBaseTheme' {
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export default lightBaseTheme;
-}
-
-//** @deprecated use lightBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/light-raw-theme' {
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export default LightRawTheme;
-}
-
-declare module 'material-ui/styles/baseThemes/darkBaseTheme' {
-    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export default darkBaseTheme;
-}
-
-//** @deprecated use darkBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/dark-raw-theme' {
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export default DarkRawTheme;
-}
-
-declare module 'material-ui/styles/themeDecorator' {
-    export import themeDecorator = __MaterialUI.Styles.themeDecorator;
-    export default themeDecorator;
-}
-
-declare module 'material-ui/styles/zIndex' {
-    export import zIndex = __MaterialUI.Styles.zIndex;
-    export default zIndex;
-}
-
-declare module "material-ui/styles/colors" {
-    export const red50: string;
-export const red100: string;
-export const red200: string;
-export const red300: string;
-export const red400: string;
-export const red500: string;
-export const red600: string;
-export const red700: string;
-export const red800: string;
-export const red900: string;
-export const redA100: string;
-export const redA200: string;
-export const redA400: string;
-export const redA700: string;
-
-export const pink50: string;
-export const pink100: string;
-export const pink200: string;
-export const pink300: string;
-export const pink400: string;
-export const pink500: string;
-export const pink600: string;
-export const pink700: string;
-export const pink800: string;
-export const pink900: string;
-export const pinkA100: string;
-export const pinkA200: string;
-export const pinkA400: string;
-export const pinkA700: string;
-
-export const purple50: string;
-export const purple100: string;
-export const purple200: string;
-export const purple300: string;
-export const purple400: string;
-export const purple500: string;
-export const purple600: string;
-export const purple700: string;
-export const purple800: string;
-export const purple900: string;
-export const purpleA100: string;
-export const purpleA200: string;
-export const purpleA400: string;
-export const purpleA700: string;
-
-export const deepPurple50: string;
-export const deepPurple100: string;
-export const deepPurple200: string;
-export const deepPurple300: string;
-export const deepPurple400: string;
-export const deepPurple500: string;
-export const deepPurple600: string;
-export const deepPurple700: string;
-export const deepPurple800: string;
-export const deepPurple900: string;
-export const deepPurpleA100: string;
-export const deepPurpleA200: string;
-export const deepPurpleA400: string;
-export const deepPurpleA700: string;
-
-export const indigo50: string;
-export const indigo100: string;
-export const indigo200: string;
-export const indigo300: string;
-export const indigo400: string;
-export const indigo500: string;
-export const indigo600: string;
-export const indigo700: string;
-export const indigo800: string;
-export const indigo900: string;
-export const indigoA100: string;
-export const indigoA200: string;
-export const indigoA400: string;
-export const indigoA700: string;
-
-export const blue50: string;
-export const blue100: string;
-export const blue200: string;
-export const blue300: string;
-export const blue400: string;
-export const blue500: string;
-export const blue600: string;
-export const blue700: string;
-export const blue800: string;
-export const blue900: string;
-export const blueA100: string;
-export const blueA200: string;
-export const blueA400: string;
-export const blueA700: string;
-
-export const lightBlue50: string;
-export const lightBlue100: string;
-export const lightBlue200: string;
-export const lightBlue300: string;
-export const lightBlue400: string;
-export const lightBlue500: string;
-export const lightBlue600: string;
-export const lightBlue700: string;
-export const lightBlue800: string;
-export const lightBlue900: string;
-export const lightBlueA100: string;
-export const lightBlueA200: string;
-export const lightBlueA400: string;
-export const lightBlueA700: string;
-
-export const cyan50: string;
-export const cyan100: string;
-export const cyan200: string;
-export const cyan300: string;
-export const cyan400: string;
-export const cyan500: string;
-export const cyan600: string;
-export const cyan700: string;
-export const cyan800: string;
-export const cyan900: string;
-export const cyanA100: string;
-export const cyanA200: string;
-export const cyanA400: string;
-export const cyanA700: string;
-
-export const teal50: string;
-export const teal100: string;
-export const teal200: string;
-export const teal300: string;
-export const teal400: string;
-export const teal500: string;
-export const teal600: string;
-export const teal700: string;
-export const teal800: string;
-export const teal900: string;
-export const tealA100: string;
-export const tealA200: string;
-export const tealA400: string;
-export const tealA700: string;
-
-export const green50: string;
-export const green100: string;
-export const green200: string;
-export const green300: string;
-export const green400: string;
-export const green500: string;
-export const green600: string;
-export const green700: string;
-export const green800: string;
-export const green900: string;
-export const greenA100: string;
-export const greenA200: string;
-export const greenA400: string;
-export const greenA700: string;
-
-export const lightGreen50: string;
-export const lightGreen100: string;
-export const lightGreen200: string;
-export const lightGreen300: string;
-export const lightGreen400: string;
-export const lightGreen500: string;
-export const lightGreen600: string;
-export const lightGreen700: string;
-export const lightGreen800: string;
-export const lightGreen900: string;
-export const lightGreenA100: string;
-export const lightGreenA200: string;
-export const lightGreenA400: string;
-export const lightGreenA700: string;
-
-export const lime50: string;
-export const lime100: string;
-export const lime200: string;
-export const lime300: string;
-export const lime400: string;
-export const lime500: string;
-export const lime600: string;
-export const lime700: string;
-export const lime800: string;
-export const lime900: string;
-export const limeA100: string;
-export const limeA200: string;
-export const limeA400: string;
-export const limeA700: string;
-
-export const yellow50: string;
-export const yellow100: string;
-export const yellow200: string;
-export const yellow300: string;
-export const yellow400: string;
-export const yellow500: string;
-export const yellow600: string;
-export const yellow700: string;
-export const yellow800: string;
-export const yellow900: string;
-export const yellowA100: string;
-export const yellowA200: string;
-export const yellowA400: string;
-export const yellowA700: string;
-
-export const amber50: string;
-export const amber100: string;
-export const amber200: string;
-export const amber300: string;
-export const amber400: string;
-export const amber500: string;
-export const amber600: string;
-export const amber700: string;
-export const amber800: string;
-export const amber900: string;
-export const amberA100: string;
-export const amberA200: string;
-export const amberA400: string;
-export const amberA700: string;
-
-export const orange50: string;
-export const orange100: string;
-export const orange200: string;
-export const orange300: string;
-export const orange400: string;
-export const orange500: string;
-export const orange600: string;
-export const orange700: string;
-export const orange800: string;
-export const orange900: string;
-export const orangeA100: string;
-export const orangeA200: string;
-export const orangeA400: string;
-export const orangeA700: string;
-
-export const deepOrange50: string;
-export const deepOrange100: string;
-export const deepOrange200: string;
-export const deepOrange300: string;
-export const deepOrange400: string;
-export const deepOrange500: string;
-export const deepOrange600: string;
-export const deepOrange700: string;
-export const deepOrange800: string;
-export const deepOrange900: string;
-export const deepOrangeA100: string;
-export const deepOrangeA200: string;
-export const deepOrangeA400: string;
-export const deepOrangeA700: string;
-
-export const brown50: string;
-export const brown100: string;
-export const brown200: string;
-export const brown300: string;
-export const brown400: string;
-export const brown500: string;
-export const brown600: string;
-export const brown700: string;
-export const brown800: string;
-export const brown900: string;
-
-export const blueGrey50: string;
-export const blueGrey100: string;
-export const blueGrey200: string;
-export const blueGrey300: string;
-export const blueGrey400: string;
-export const blueGrey500: string;
-export const blueGrey600: string;
-export const blueGrey700: string;
-export const blueGrey800: string;
-export const blueGrey900: string;
-
-export const grey50: string;
-export const grey100: string;
-export const grey200: string;
-export const grey300: string;
-export const grey400: string;
-export const grey500: string;
-export const grey600: string;
-export const grey700: string;
-export const grey800: string;
-export const grey900: string;
-
-export const black: string;
-export const white: string;
-
-export const transparent: string;
-export const fullBlack: string;
-export const darkBlack: string;
-export const lightBlack: string;
-export const minBlack: string;
-export const faintBlack: string;
-export const fullWhite: string;
-export const darkWhite: string;
-export const lightWhite: string;
-}
-
-declare module 'material-ui/Table' {
-    export import Table = __MaterialUI.Table.Table;
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export default Table;
-}
-
-declare module 'material-ui/Table/Table' {
-    export import Table = __MaterialUI.Table.Table;
-    export default Table;
-}
-
-declare module 'material-ui/Table/TableBody' {
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export default TableBody;
-}
-
-declare module 'material-ui/Table/TableFooter' {
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export default TableFooter;
-}
-
-declare module 'material-ui/Table/TableHeader' {
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export default TableHeader;
-}
-
-declare module 'material-ui/Table/TableHeaderColumn' {
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export default TableHeaderColumn;
-}
-
-declare module 'material-ui/Table/TableRow' {
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export default TableRow;
-}
-
-declare module 'material-ui/Table/TableRowColumn' {
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export default TableRowColumn;
-}
-
-declare module 'material-ui/Tabs' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
-}
-
-declare module 'material-ui/Tabs/Tab' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export default Tab;
-}
-
-declare module 'material-ui/Tabs/Tabs' {
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
-}
-
-declare module 'material-ui/TextField' {
-    export import TextField = __MaterialUI.TextField;
-    export default TextField;
-}
-
-declare module 'material-ui/TimePicker' {
-    export import TimePicker = __MaterialUI.TimePicker;
-    export default TimePicker;
-}
-
-declare module 'material-ui/Toggle' {
-    export import Toggle = __MaterialUI.Switches.Toggle;
-    export default Toggle;
-}
-
-declare module 'material-ui/Toolbar' {
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export default Toolbar;
-}
-
-declare module 'material-ui/Toolbar/Toolbar' {
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export default Toolbar;
-}
-
-declare module 'material-ui/Toolbar/ToolbarGroup' {
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export default ToolbarGroup;
-}
-
-declare module 'material-ui/Toolbar/ToolbarSeparator' {
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export default ToolbarSeparator;
-}
-
-declare module 'material-ui/Toolbar/ToolbarTitle' {
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export default ToolbarTitle;
-}
-
-declare module 'material-ui/utils/colorManipulator' {
-    export import convertColorToString = __MaterialUI.Utils.ColorManipulator.convertColorToString;
-    export import convertHexToRGB = __MaterialUI.Utils.ColorManipulator.convertHexToRGB;
-    export import decomposeColor = __MaterialUI.Utils.ColorManipulator.decomposeColor;
-    export import getContrastRatio = __MaterialUI.Utils.ColorManipulator.getContrastRatio;
-    export import getLuminance = __MaterialUI.Utils.ColorManipulator.getLuminance;
-    export import emphasize = __MaterialUI.Utils.ColorManipulator.emphasize;
-    export import fade = __MaterialUI.Utils.ColorManipulator.fade;
-    export import darken = __MaterialUI.Utils.ColorManipulator.darken;
-    export import lighten = __MaterialUI.Utils.ColorManipulator.lighten;
-}
-
-declare module 'material-ui/utils/dom' {
-    export import Dom = __MaterialUI.Utils.Dom;
-    export default Dom;
-}
-
-declare module 'material-ui/utils/events' {
-    export import Events = __MaterialUI.Utils.Events;
-    export default Events;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
-
-declare module "material-ui/svg-icons" {
-    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessibility');
-    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessible');
-    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance');
-    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance-wallet');
-    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-box');
-    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-circle');
-    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/add-shopping-cart');
-    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm');
-    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-add');
-    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-off');
-    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-on');
-    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/all-out');
-    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/android');
-    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/announcement');
-    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/aspect-ratio');
-    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assessment');
-    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment');
-    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-ind');
-    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-late');
-    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-return');
-    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-returned');
-    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-turned-in');
-    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/autorenew');
-    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/backup');
-    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/book');
-    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark');
-    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark-border');
-    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bug-report');
-    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/build');
-    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/cached');
-    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/camera-enhance');
-    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-giftcard');
-    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-membership');
-    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-travel');
-    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/change-history');
-    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/check-circle');
-    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/chrome-reader-mode');
-    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/class');
-    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/code');
-    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/compare-arrows');
-    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/copyright');
-    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/credit-card');
-    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dashboard');
-    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/date-range');
-    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/delete');
-    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/description');
-    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dns');
-    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done');
-    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done-all');
-    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-large');
-    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-small');
-    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/eject');
-    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event');
-    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event-seat');
-    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/exit-to-app');
-    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/explore');
-    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/extension');
-    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/face');
-    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite');
-    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite-border');
-    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/feedback');
-    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-in-page');
-    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-replace');
-    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/fingerprint');
-    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-land');
-    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-takeoff');
-    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-back');
-    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-front');
-    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gavel');
-    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/get-app');
-    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gif');
-    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/grade');
-    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/group-work');
-    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help');
-    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help-outline');
-    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/highlight-off');
-    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/history');
-    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/home');
-    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-empty');
-    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-full');
-    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/http');
-    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/https');
-    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/important-devices');
-    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info');
-    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info-outline');
-    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/input');
-    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/invert-colors');
-    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label');
-    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label-outline');
-    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/language');
-    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/launch');
-    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lightbulb-outline');
-    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-style');
-    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-weight');
-    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/list');
-    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock');
-    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-open');
-    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-outline');
-    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/loyalty');
-    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/markunread-mailbox');
-    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/motorcycle');
-    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/note-add');
-    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/offline-pin');
-    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/opacity');
-    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-browser');
-    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-new');
-    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-with');
-    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pageview');
-    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pan-tool');
-    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/payment');
-    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-camera-mic');
-    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-contact-calendar');
-    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-data-setting');
-    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-device-information');
-    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-identity');
-    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-media');
-    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-phone-msg');
-    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-scan-wifi');
-    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pets');
-    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture');
-    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture-alt');
-    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/play-for-work');
-    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/polymer');
-    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/power-settings-new');
-    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pregnant-woman');
-    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/print');
-    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/query-builder');
-    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/question-answer');
-    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/receipt');
-    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/record-voice-over');
-    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/redeem');
-    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/reorder');
-    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/report-problem');
-    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/restore');
-    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/room');
-    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rounded-corner');
-    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rowing');
-    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/schedule');
-    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/search');
-    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings');
-    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-applications');
-    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-backup-restore');
-    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-bluetooth');
-    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-brightness');
-    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-cell');
-    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-ethernet');
-    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-antenna');
-    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-component');
-    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-composite');
-    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-hdmi');
-    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-svideo');
-    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-overscan');
-    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-phone');
-    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-power');
-    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-remote');
-    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-voice');
-    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop');
-    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-basket');
-    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-cart');
-    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop-two');
-    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/speaker-notes');
-    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/spellcheck');
-    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/stars');
-    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/store');
-    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/subject');
-    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/supervisor-account');
-    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-horiz');
-    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vert');
-    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vertical-circle');
-    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/system-update-alt');
-    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab');
-    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab-unselected');
-    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/theaters');
-    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/three-d-rotation');
-    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-down');
-    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumbs-up-down');
-    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-up');
-    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/timeline');
-    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toc');
-    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/today');
-    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toll');
-    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/touch-app');
-    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/track-changes');
-    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/translate');
-    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-down');
-    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-flat');
-    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-up');
-    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in');
-    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in-not');
-    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/update');
-    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/verified-user');
-    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-agenda');
-    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-array');
-    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-carousel');
-    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-column');
-    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-day');
-    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-headline');
-    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-list');
-    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-module');
-    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-quilt');
-    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-stream');
-    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-week');
-    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility');
-    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility-off');
-    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/watch-later');
-    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/work');
-    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/youtube-searched-for');
-    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-in');
-    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-out');
-    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/add-alert');
-    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error');
-    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error-outline');
-    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/warning');
-    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/add-to-queue');
-    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/airplay');
-    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/album');
-    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/art-track');
-    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/av-timer');
-    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/closed-caption');
-    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/equalizer');
-    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/explicit');
-    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-forward');
-    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-rewind');
-    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-dvr');
-    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-manual-record');
-    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-new');
-    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-pin');
-    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-smart-record');
-    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-10');
-    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-30');
-    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-5');
-    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/games');
-    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hd');
-    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hearing');
-    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/high-quality');
-    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-add');
-    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-books');
-    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-music');
-    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/loop');
-    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic');
-    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-none');
-    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-off');
-    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/movie');
-    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/music-video');
-    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/new-releases');
-    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/not-interested');
-    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause');
-    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-filled');
-    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-outline');
-    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-arrow');
-    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-filled');
-    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-outline');
-    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add');
-    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add-check');
-    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-play');
-    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue');
-    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-music');
-    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-play-next');
-    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/radio');
-    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/recent-actors');
-    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/remove-from-queue');
-    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat');
-    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat-one');
-    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay');
-    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-10');
-    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-30');
-    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-5');
-    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/shuffle');
-    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-next');
-    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-previous');
-    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/slow-motion-video');
-    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/snooze');
-    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/sort-by-alpha');
-    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/stop');
-    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subscriptions');
-    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subtitles');
-    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/surround-sound');
-    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam');
-    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam-off');
-    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/video-library');
-    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-down');
-    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-mute');
-    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-off');
-    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-up');
-    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web');
-    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web-asset');
-    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/business');
-    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call');
-    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-end');
-    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-made');
-    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-merge');
-    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed');
-    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed-outgoing');
-    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-received');
-    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-split');
-    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat');
-    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble');
-    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble-outline');
-    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/clear-all');
-    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/comment');
-    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-mail');
-    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-phone');
-    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contacts');
-    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialer-sip');
-    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialpad');
-    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/email');
-    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/forum');
-    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-contacts');
-    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-export');
-    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/invert-colors-off');
-    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/live-help');
-    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-off');
-    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-on');
-    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/mail-outline');
-    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/message');
-    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/no-sim');
-    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phone');
-    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-erase');
-    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-lock');
-    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-ring');
-    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-setup');
-    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/portable-wifi-off');
-    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/present-to-all');
-    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/ring-volume');
-    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/screen-share');
-    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/speaker-phone');
-    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-landscape');
-    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-portrait');
-    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-landscape');
-    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-portrait');
-    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stop-screen-share');
-    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/swap-calls');
-    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/tact-mail');
-    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/textsms');
-    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/voicemail');
-    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/vpn-key');
-    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add');
-    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-box');
-    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle');
-    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle-outline');
-    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/archive');
-    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/backspace');
-    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/block');
-    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/clear');
-    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-copy');
-    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-cut');
-    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-paste');
-    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/create');
-    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/drafts');
-    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/filter-list');
-    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/flag');
-    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/font-download');
-    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/forward');
-    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/gesture');
-    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/inbox');
-    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/link');
-    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/mail');
-    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/markunread');
-    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/move-to-inbox');
-    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/next-week');
-    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/redo');
-    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove');
-    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle');
-    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle-outline');
-    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply');
-    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply-all');
-    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/report');
-    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/save');
-    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/select-all');
-    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/send');
-    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/sort');
-    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/text-format');
-    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/unarchive');
-    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/undo');
-    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/weekend');
-    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarm');
-    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarms');
-    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-time');
-    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/add-alarm');
-    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-active');
-    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-inactive');
-    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-20');
-    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-30');
-    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-50');
-    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-60');
-    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-80');
-    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-90');
-    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-alert');
-    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-20');
-    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-30');
-    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-50');
-    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-60');
-    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-80');
-    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-90');
-    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-full');
-    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-full');
-    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-std');
-    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-unknown');
-    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth');
-    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-connected');
-    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-disabled');
-    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-searching');
-    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-auto');
-    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-high');
-    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-low');
-    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-medium');
-    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/data-usage');
-    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/developer-mode');
-    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/devices');
-    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/dvr');
-    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-fixed');
-    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-not-fixed');
-    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-off');
-    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/graphic-eq');
-    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-disabled');
-    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-searching');
-    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-cell');
-    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-wifi');
-    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/nfc');
-    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-landscape');
-    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-portrait');
-    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-rotation');
-    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-rotation');
-    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/sd-storage');
-    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/settings-system-daydream');
-    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-0-bar');
-    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-1-bar');
-    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-2-bar');
-    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-3-bar');
-    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-4-bar');
-    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar');
-    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar');
-    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar');
-    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar');
-    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar');
-    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-no-sim');
-    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-null');
-    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-off');
-    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-0-bar');
-    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar');
-    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar-lock');
-    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar');
-    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar-lock');
-    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar');
-    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar-lock');
-    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar');
-    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar-lock');
-    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-off');
-    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/storage');
-    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/usb');
-    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wallpaper');
-    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/widgets');
-    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-lock');
-    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-tethering');
-    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-file');
-    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-money');
-    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-all');
-    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-bottom');
-    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-clear');
-    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-color');
-    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-horizontal');
-    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-inner');
-    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-left');
-    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-outer');
-    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-right');
-    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-style');
-    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-top');
-    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-vertical');
-    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/drag-handle');
-    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-center');
-    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-justify');
-    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-left');
-    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-right');
-    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-bold');
-    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-clear');
-    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-fill');
-    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-reset');
-    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-text');
-    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-decrease');
-    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-increase');
-    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-italic');
-    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-line-spacing');
-    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-bulleted');
-    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-numbered');
-    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-paint');
-    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-quote');
-    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-shapes');
-    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-size');
-    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-strikethrough');
-    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-l-to-r');
-    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-r-to-l');
-    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-underlined');
-    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/functions');
-    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/highlight');
-    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-chart');
-    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-comment');
-    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-drive-file');
-    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-emoticon');
-    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-invitation');
-    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-link');
-    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-photo');
-    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/linear-scale');
-    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/merge-type');
-    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-comment');
-    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-edit');
-    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/money-off');
-    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/publish');
-    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/short-text');
-    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/space-bar');
-    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/strikethrough-s');
-    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/text-fields');
-    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-bottom');
-    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-center');
-    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-top');
-    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/wrap-text');
-    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/attachment');
-    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud');
-    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-circle');
-    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-done');
-    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-download');
-    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-off');
-    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-queue');
-    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-upload');
-    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/create-new-folder');
-    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-download');
-    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-upload');
-    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder');
-    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-open');
-    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-shared');
-    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast');
-    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast-connected');
-    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/computer');
-    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-mac');
-    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-windows');
-    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/developer-board');
-    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/device-hub');
-    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/devices-other');
-    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/dock');
-    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/gamepad');
-    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset');
-    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset-mic');
-    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard');
-    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-down');
-    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-left');
-    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-right');
-    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-up');
-    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-backspace');
-    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-capslock');
-    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-hide');
-    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-return');
-    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-tab');
-    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-voice');
-    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop');
-    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-chromebook');
-    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-mac');
-    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-windows');
-    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/memory');
-    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/mouse');
-    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-android');
-    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-iphone');
-    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink');
-    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink-off');
-    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/power-input');
-    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/router');
-    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/scanner');
-    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/security');
-    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/sim-card');
-    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/smartphone');
-    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker');
-    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker-group');
-    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet');
-    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-android');
-    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-mac');
-    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/toys');
-    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tv');
-    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/videogame-asset');
-    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/watch');
-    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-a-photo');
-    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-to-photos');
-    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/adjust');
-    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant');
-    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant-photo');
-    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/audiotrack');
-    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-circular');
-    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-linear');
-    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-off');
-    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-on');
-    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-1');
-    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-2');
-    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-3');
-    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-4');
-    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-5');
-    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-6');
-    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-7');
-    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/broken-image');
-    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brush');
-    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera');
-    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-alt');
-    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-front');
-    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-rear');
-    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-roll');
-    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-strong');
-    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-weak');
-    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections');
-    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections-bookmark');
-    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/colorize');
-    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/color-lens');
-    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/compare');
-    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point');
-    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point-duplicate');
-    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop');
-    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-16-9');
-    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-3-2');
-    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-5-4');
-    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-7-5');
-    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-din');
-    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-free');
-    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-landscape');
-    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-original');
-    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-portrait');
-    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-rotate');
-    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-square');
-    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/dehaze');
-    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/details');
-    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/edit');
-    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure');
-    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-1');
-    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-2');
-    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-1');
-    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-2');
-    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-zero');
-    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter');
-    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-1');
-    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-2');
-    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-3');
-    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-4');
-    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-5');
-    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-6');
-    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-7');
-    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-8');
-    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9');
-    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9-plus');
-    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-b-and-w');
-    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-center-focus');
-    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-drama');
-    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-frames');
-    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-hdr');
-    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-none');
-    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-tilt-shift');
-    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-vintage');
-    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flare');
-    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-auto');
-    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-off');
-    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-on');
-    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flip');
-    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/gradient');
-    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grain');
-    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-off');
-    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-on');
-    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-off');
-    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-on');
-    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-strong');
-    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-weak');
-    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/healing');
-    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image');
-    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image-aspect-ratio');
-    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/iso');
-    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/landscape');
-    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-add');
-    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-remove');
-    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/lens');
-    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/linked-camera');
-    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks');
-    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-3');
-    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-4');
-    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-5');
-    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-6');
-    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-one');
-    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-two');
-    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/loupe');
-    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/monochrome-photos');
-    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-creation');
-    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-filter');
-    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/music-note');
-    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature');
-    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature-people');
-    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-before');
-    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-next');
-    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/palette');
-    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama');
-    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-fish-eye');
-    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-horizontal');
-    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-vertical');
-    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-wide-angle');
-    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo');
-    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-album');
-    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-camera');
-    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-filter');
-    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-library');
-    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-actual');
-    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-large');
-    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-small');
-    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/picture-as-pdf');
-    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/portrait');
-    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/remove-red-eye');
-    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-90-degrees-ccw');
-    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-left');
-    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-right');
-    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/slideshow');
-    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/straighten');
-    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/style');
-    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-camera');
-    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-video');
-    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tag-faces');
-    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/texture');
-    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timelapse');
-    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer');
-    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-10');
-    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-3');
-    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-off');
-    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tonality');
-    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/transform');
-    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tune');
-    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-comfy');
-    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-compact');
-    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/vignette');
-    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-auto');
-    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-cloudy');
-    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-incandescent');
-    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-iridescent');
-    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-sunny');
-    export import Index = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index');
-    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index-generator');
-    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/add-location');
-    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/beenhere');
-    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions');
-    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bike');
-    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-boat');
-    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bus');
-    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-car');
-    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-railway');
-    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-run');
-    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-subway');
-    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-transit');
-    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-walk');
-    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/edit-location');
-    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/flight');
-    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/hotel');
-    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers');
-    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers-clear');
-    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-activity');
-    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-airport');
-    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-atm');
-    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-bar');
-    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-cafe');
-    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-car-wash');
-    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-convenience-store');
-    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-dining');
-    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-drink');
-    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-florist');
-    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-gas-station');
-    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-grocery-store');
-    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hospital');
-    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hotel');
-    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-laundry-service');
-    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-library');
-    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-mall');
-    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-movies');
-    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-offer');
-    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-parking');
-    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pharmacy');
-    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-phone');
-    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pizza');
-    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-play');
-    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-post-office');
-    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-printshop');
-    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-see');
-    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-shipping');
-    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-taxi');
-    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/map');
-    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/my-location');
-    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/navigation');
-    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/near-me');
-    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin');
-    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin-circle');
-    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/pin-drop');
-    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/place');
-    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/rate-review');
-    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/restaurant-menu');
-    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/satellite');
-    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/store-mall-directory');
-    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/terrain');
-    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/traffic');
-    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/zoom-out-map');
-    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/apps');
-    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-back');
-    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-downward');
-    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down');
-    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down-circle');
-    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation-arrow-drop-right');
-    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-up');
-    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-forward');
-    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-upward');
-    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/cancel');
-    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/check');
-    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-left');
-    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-right');
-    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/close');
-    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-less');
-    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-more');
-    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen');
-    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen-exit');
-    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/menu');
-    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-horiz');
-    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-vert');
-    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/refresh');
-    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-left');
-    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-right');
-    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-less');
-    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-more');
-    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/adb');
-    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat');
-    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat-angled');
-    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-individual-suite');
-    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-extra');
-    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-normal');
-    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-reduced');
-    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-extra');
-    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-normal');
-    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/bluetooth-audio');
-    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/confirmation-number');
-    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/disc-full');
-    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb');
-    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb-alt');
-    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/drive-eta');
-    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/enhanced-encryption');
-    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-available');
-    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-busy');
-    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-note');
-    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/folder-special');
-    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/live-tv');
-    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/mms');
-    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/more');
-    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-check');
-    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-locked');
-    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/no-encryption');
-    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/ondemand-video');
-    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/personal-video');
-    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-bluetooth-speaker');
-    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-forwarded');
-    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-in-talk');
-    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-locked');
-    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-missed');
-    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-paused');
-    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/power');
-    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/rv-hookup');
-    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sd-card');
-    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sim-card-alert');
-    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms');
-    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms-failed');
-    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync');
-    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-disabled');
-    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-problem');
-    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/system-update');
-    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/tap-and-play');
-    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/time-to-leave');
-    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vibration');
-    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/voice-chat');
-    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vpn-lock');
-    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wc');
-    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wifi');
-    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/ac-unit');
-    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/airport-shuttle');
-    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/all-inclusive');
-    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/beach-access');
-    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/business-center');
-    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/casino');
-    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-care');
-    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-friendly');
-    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/fitness-center');
-    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/free-breakfast');
-    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/golf-course');
-    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/hot-tub');
-    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/kitchen');
-    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/pool');
-    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/room-service');
-    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoke-free');
-    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoking-rooms');
-    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/spa');
-    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/cake');
-    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/domain');
-    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group');
-    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group-add');
-    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/location-city');
-    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood');
-    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood-bad');
-    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications');
-    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-active');
-    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-none');
-    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-off');
-    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-paused');
-    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/pages');
-    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/party-mode');
-    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people');
-    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people-outline');
-    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person');
-    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-add');
-    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-outline');
-    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/plus-one');
-    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/poll');
-    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/public');
-    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/school');
-    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/share');
-    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/whatshot');
-    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box');
-    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box-outline-blank');
-    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/indeterminate-check-box');
-    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-checked');
-    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-unchecked');
-    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star');
-    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-border');
-    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-half');
-}
diff --git a/material-ui/legacy/material-ui-0.15.1-tests.tsx b/material-ui/legacy/material-ui-0.15.1-tests.tsx
deleted file mode 100644
index a3cd559123..0000000000
--- a/material-ui/legacy/material-ui-0.15.1-tests.tsx
+++ /dev/null
@@ -1,4953 +0,0 @@
-///<reference path='../../react/react.d.ts' />
-///<reference path='../../react/react-dom.d.ts' />
-///<reference path='../../react-tap-event-plugin/react-tap-event-plugin.d.ts' />
-///<reference path='material-ui-0.15.1.d.ts' />
-
-import * as React from 'react';
-import {Component, PropTypes} from 'react';
-import * as ReactDOM from 'react-dom';
-
-import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
-import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import muiThemeable from 'material-ui/styles/muiThemeable';
-import {MuiTheme} from 'material-ui/styles'
-
-import AppBar from 'material-ui/AppBar';
-import AutoComplete from 'material-ui/AutoComplete';
-import Avatar from 'material-ui/Avatar';
-import Badge from 'material-ui/Badge';
-import Checkbox from 'material-ui/Checkbox';
-import Chip from 'material-ui/Chip';
-import CircularProgress from 'material-ui/CircularProgress';
-import DatePicker from 'material-ui/DatePicker';
-import Dialog from 'material-ui/Dialog';
-import Divider from 'material-ui/Divider';
-import Drawer from 'material-ui/Drawer';
-import DropDownMenu from 'material-ui/DropDownMenu';
-import FlatButton from 'material-ui/FlatButton';
-import FloatingActionButton from 'material-ui/FloatingActionButton';
-import FontIcon from 'material-ui/FontIcon';
-import IconButton from 'material-ui/IconButton';
-import IconMenu from 'material-ui/IconMenu';
-import LinearProgress from 'material-ui/LinearProgress';
-import List from 'material-ui/List/List';
-import ListItem from 'material-ui/List/ListItem';
-import MenuItem from 'material-ui/MenuItem';
-import Paper from 'material-ui/Paper';
-import RaisedButton from 'material-ui/RaisedButton';
-import RefreshIndicator from 'material-ui/RefreshIndicator';
-import SelectField from 'material-ui/SelectField';
-import Slider from 'material-ui/Slider';
-import Snackbar from 'material-ui/Snackbar';
-import Subheader from 'material-ui/Subheader';
-import SvgIcon from 'material-ui/SvgIcon';
-import TextField from 'material-ui/TextField';
-import TimePicker from 'material-ui/TimePicker';
-import Toggle from 'material-ui/Toggle';
-import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
-import {GridList, GridTile} from 'material-ui/GridList';
-import {MakeSelectable} from 'material-ui/List';
-import {Menu} from 'material-ui/Menu';
-import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
-import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
-import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
-import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter} from 'material-ui/Table';
-import {Tabs, Tab} from 'material-ui/Tabs';
-import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
-
-import ActionAndroid from 'material-ui/svg-icons/action/android';
-import ActionAssignment from 'material-ui/svg-icons/action/assignment';
-import ActionFavorite from 'material-ui/svg-icons/action/favorite';
-import ActionFavoriteBorder from 'material-ui/svg-icons/action/favorite-border';
-import ActionFlightTakeoff from 'material-ui/svg-icons/action/flight-takeoff';
-import ActionGrade from 'material-ui/svg-icons/action/grade';
-import ActionHome from 'material-ui/svg-icons/action/home';
-import ActionInfo from 'material-ui/svg-icons/action/info';
-import ArrowDropRight from 'material-ui/svg-icons/navigation-arrow-drop-right';
-import CommunicationCall from 'material-ui/svg-icons/communication/call';
-import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
-import CommunicationEmail from 'material-ui/svg-icons/communication/email';
-import ContentAdd from 'material-ui/svg-icons/content/add';
-import ContentCopy from 'material-ui/svg-icons/content/content-copy';
-import ContentDrafts from 'material-ui/svg-icons/content/drafts';
-import ContentFilter from 'material-ui/svg-icons/content/filter-list';
-import ContentInbox from 'material-ui/svg-icons/content/inbox';
-import ContentLink from 'material-ui/svg-icons/content/link';
-import ContentSend from 'material-ui/svg-icons/content/send';
-import Delete from 'material-ui/svg-icons/action/delete';
-import Download from 'material-ui/svg-icons/file/file-download';
-import EditorInsertChart from 'material-ui/svg-icons/editor/insert-chart';
-import FileCloudDownload from 'material-ui/svg-icons/file/cloud-download';
-import FileFileDownload from 'material-ui/svg-icons/file/file-download';
-import FileFolder from 'material-ui/svg-icons/file/folder';
-import FolderIcon from 'material-ui/svg-icons/file/folder-open';
-import HardwareVideogameAsset from 'material-ui/svg-icons/hardware/videogame-asset';
-import MapsPersonPin from 'material-ui/svg-icons/maps/person-pin';
-import MapsPlace from 'material-ui/svg-icons/maps/place';
-import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
-import NavigationClose from 'material-ui/svg-icons/navigation/close';
-import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
-import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
-import PersonAdd from 'material-ui/svg-icons/social/person-add';
-import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
-import StarBorder from 'material-ui/svg-icons/toggle/star-border';
-import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
-import WarningIcon from 'material-ui/svg-icons/alert/warning';
-
-import {cyan500, cyan700,
-  grey100, grey300, grey400, grey500,
-  pinkA200,
-  white, darkBlack, fullBlack,
-  blue300,
-  indigo900,
-  orange200,
-  deepOrange300,
-  pink400,
-  purple500,
-  fullWhite,
-  blue500, red500, greenA200, yellow500,
-  transparent, yellow600, indigo500, lightBlack,
-  orange500,
-} from 'material-ui/styles/colors';
-import {fade} from 'material-ui/utils/colorManipulator';
-
-import {SMALL, MEDIUM, LARGE, default as withWidth} from 'material-ui/utils/withWidth';
-
-
-import injectTapEventPlugin = require('react-tap-event-plugin');
-
-// Needed for onTouchTap
-// Check this repo:
-// https://github.com/zilverline/react-tap-event-plugin
-injectTapEventPlugin();
-
-function handleTouchTap() {
-  alert('onTouchTap triggered on the title component');
-}
-
-const styles = {
-  title: {
-    cursor: 'pointer',
-  },
-  exampleImageInput: {
-    cursor: 'pointer',
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    right: 0,
-    left: 0,
-    width: '100%',
-    opacity: 0,
-  },
-  button: {
-    margin: 12,
-  },
-  chip: {
-    margin: 4
-  },
-  smallIcon: {
-    width: 36,
-    height: 36,
-  },
-  mediumIcon: {
-    width: 48,
-    height: 48,
-  },
-  largeIcon: {
-    width: 60,
-    height: 60,
-  },
-  small: {
-    width: 72,
-    height: 72,
-    padding: 16,
-  },
-  medium: {
-    width: 96,
-    height: 96,
-    padding: 24,
-  },
-  large: {
-    width: 120,
-    height: 120,
-    padding: 30,
-  },
-  radioButton: {
-    marginTop: 16,
-  },
-  root: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'space-around',
-  },
-  gridList: {
-    width: 500,
-    height: 500,
-    overflowY: 'auto',
-    marginBottom: 24,
-  },
-  paper: {
-    display: 'inline-block',
-    float: 'left',
-    margin: '16px 32px 16px 0',
-  },
-  rightIcon: {
-    textAlign: 'center',
-    lineHeight: '24px',
-  },
-  customWidth: {
-    width: 200,
-  },
-  h3: {
-    marginTop: 20,
-    fontWeight: 400,
-  },
-  block: {
-    display: 'flex',
-    maxWidth: 250,
-  },
-  block2: {
-    margin: 10,
-  },
-  container: {
-    position: 'relative',
-  },
-  refresh: {
-    display: 'inline-block',
-    position: 'relative',
-  },
-  checkbox: {
-    marginBottom: 16,
-  },
-  toggle: {
-    marginBottom: 16,
-  },
-  propContainer: {
-    width: 200,
-    overflow: 'hidden',
-    margin: '20px auto 0',
-  },
-  propToggleHeader: {
-    margin: '20px auto 10px',
-  },
-  headline: {
-    fontSize: 24,
-    paddingTop: 16,
-    marginBottom: 12,
-    fontWeight: 400,
-  },
-  errorStyle: {
-    color: orange500,
-  },
-  underlineStyle: {
-    borderColor: orange500,
-  },
-  floatingLabelStyle: {
-    color: orange500,
-  },
-  floatingLabelFocusStyle: {
-    color: blue500,
-  },
-};
-
-const style = {
-  marginRight: 20,
-  marginLeft: 20,
-  display: 'inline-block',
-  margin: '16px 32px 16px 0',
-};
-
-const customContentStyle = {
-  width: '100%',
-  maxWidth: 'none',
-};
-
-const iconStyles = {
-  marginRight: 24,
-};
-
-// "http://www.material-ui.com/#/customization/themes"
-
-// This replaces the textColor value on the palette
-// and then update the keys for each component that depends on it.
-// More on Colors: http://www.material-ui.com/#/customization/colors
-const muiTheme = getMuiTheme({
-  palette: {
-    textColor: cyan500,
-  },
-  appBar: {
-    height: 50,
-  },
-});
-
-const darkMuiTheme = getMuiTheme(darkBaseTheme);
-
-const lightBaseTheme = {
-  spacing: {
-    iconSize: 24,
-    desktopGutter: 24,
-    desktopGutterMore: 32,
-    desktopGutterLess: 16,
-    desktopGutterMini: 8,
-    desktopKeylineIncrement: 64,
-    desktopDropDownMenuItemHeight: 32,
-    desktopDropDownMenuFontSize: 15,
-    desktopDrawerMenuItemHeight: 48,
-    desktopSubheaderHeight: 48,
-    desktopToolbarHeight: 56,
-  },
-  fontFamily: 'Roboto, sans-serif',
-  palette: {
-    primary1Color: cyan500,
-    primary2Color: cyan700,
-    primary3Color: grey400,
-    accent1Color: pinkA200,
-    accent2Color: grey100,
-    accent3Color: grey500,
-    textColor: darkBlack,
-    alternateTextColor: white,
-    canvasColor: white,
-    borderColor: grey300,
-    disabledColor: fade(darkBlack, 0.3),
-    pickerHeaderColor: cyan500,
-    clockCircleColor: fade(darkBlack, 0.07),
-    shadowColor: fullBlack,
-  },
-};
-
-const lightMuiTheme = getMuiTheme(lightBaseTheme);
-
-
-class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}, {}> {
-  static propTypes: React.ValidationMap<any> = {
-    muiTheme: React.PropTypes.object.isRequired,
-  };
-
-  render() {
-    return (
-      <span style={{color: this.props.muiTheme.palette.textColor}}>
-        Hello World!
-      </span>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/customization/inline-styles"
-const InlineStylesCheckbox = () => (
-  <Checkbox
-    id="checkboxId1"
-    name="checkboxName1"
-    value="checkboxValue1"
-    label="went for a run today"
-    style={{
-      width: '50%',
-      margin: '0 auto'
-    }}
-    iconStyle={{
-      fill: '#FF4081'
-    }}
-  />
-);
-
-
-// "http://www.material-ui.com/#/components/app-bar"
-const AppBarExampleIcon = () => (
-  <AppBar
-    title="Title"
-    iconClassNameRight="muidocs-icon-navigation-expand-more"
-  />
-);
-
-const AppBarExampleIconButton = () => (
-  <AppBar
-    title={<span style={styles.title}>Title</span>}
-    onTitleTouchTap={handleTouchTap}
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={<FlatButton label="Save" />}
-  />
-);
-
-const AppBarExampleIconMenu = () => (
-  <AppBar
-    title="Title"
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={
-      <IconMenu
-        iconButtonElement={
-          <IconButton><MoreVertIcon /></IconButton>
-        }
-        targetOrigin={{horizontal: 'right', vertical: 'top'}}
-        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
-      >
-        <MenuItem primaryText="Refresh" />
-        <MenuItem primaryText="Help" />
-        <MenuItem primaryText="Sign out" />
-      </IconMenu>
-    }
-  />
-);
-
-// "http://www.material-ui.com/#/components/auto-complete"
-export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      dataSource: [],
-    };
-  }
-
-  handleUpdateInput = (value) => {
-    this.setState({
-      dataSource: [
-        value,
-        value + value,
-        value + value + value,
-      ],
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-        />
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-          floatingLabelText="Full width"
-          fullWidth={true}
-        />
-      </div>
-    );
-  }
-}
-
-const dataSource1 = [
-  {
-    text: 'text-value1',
-    value: (
-      <MenuItem
-        primaryText="text-value1"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
-  {
-    text: 'text-value2',
-    value: (
-      <MenuItem
-        primaryText="text-value2"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
-];
-
-const dataSource2 = ['12345', '23456', '34567'];
-
-const dataSource3 = [
-  {text: 'Some Text', value: 'someFirstValue'},
-  {text: 'Some Text', value: 'someSecondValue'},
-];
-
-const AutoCompleteExampleNoFilter = () => (
-  <div>
-    <AutoComplete
-      hintText="text-value data"
-      filter={AutoComplete.noFilter}
-      dataSource={dataSource1}
-    /><br />
-    <AutoComplete
-      floatingLabelText="showAllItems"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource2}
-    /><br />
-    <AutoComplete
-      floatingLabelText="Same text, different values"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource3}
-    />
-  </div>
-);
-
-const colors = [
-  'Red',
-  'Orange',
-  'Yellow',
-  'Green',
-  'Blue',
-  'Purple',
-  'Black',
-  'White',
-];
-
-const fruit = [
-  'Apple', 'Apricot', 'Avocado',
-  'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
-  'Boysenberry', 'Blood Orange',
-  'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
-  'Coconut', 'Cranberry', 'Clementine',
-  'Damson', 'Date', 'Dragonfruit', 'Durian',
-  'Elderberry',
-  'Feijoa', 'Fig',
-  'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
-  'Honeydew', 'Huckleberry',
-  'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
-  'Kiwi fruit', 'Kumquat',
-  'Lemon', 'Lime', 'Loquat', 'Lychee',
-  'Nectarine',
-  'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
-  'Olive', 'Orange',
-  'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
-  'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
-  'Quince',
-  'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
-  'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
-  'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
-  'Ugli fruit',
-  'Watermelon',
-];
-
-const AutoCompleteExampleFilters = () => (
-  <div>
-    <AutoComplete
-      floatingLabelText="Type 'r', case insensitive"
-      filter={AutoComplete.caseInsensitiveFilter}
-      dataSource={colors}
-    />
-    <br />
-    <AutoComplete
-      floatingLabelText="Type 'peah', fuzzy search"
-      filter={AutoComplete.fuzzyFilter}
-      dataSource={fruit}
-      maxSearchResults={5}
-    />
-  </div>
-);
-
-// "http://www.material-ui.com/#/components/avatar"
-const AvatarExampleSimple = () => (
-  <List>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar src="images/uxceo-128.jpg" />
-      }
-    >
-      Image Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          src="images/uxceo-128.jpg"
-          size={30}
-          style={style}
-        />
-      }
-    >
-      Image Avatar with custom size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
-      }
-    >
-      FontIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-          color={blue300}
-          backgroundColor={indigo900}
-          size={30}
-          style={style}
-        />
-      }
-    >
-      FontIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar icon={<FileFolder />} />
-      }
-    >
-      SvgIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          icon={<FileFolder />}
-          color={orange200}
-          backgroundColor={pink400}
-          size={30}
-          style={style}
-        />
-      }
-    >
-      SvgIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={<Avatar>A</Avatar>}
-    >
-      Letter Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
-        <Avatar
-          color={deepOrange300}
-          backgroundColor={purple500}
-          size={30}
-          style={style}
-        >
-          A
-        </Avatar>
-      }
-    >
-      Letter Avatar with custom colors and size
-    </ListItem>
-  </List>
-);
-
-
-// "http://www.material-ui.com/#/components/badge"
-const BadgeExampleSimple = () => (
-  <div>
-    <Badge
-      badgeContent={4}
-      primary={true}
-    >
-      <NotificationsIcon />
-    </Badge>
-    <Badge
-      badgeContent={10}
-      secondary={true}
-      badgeStyle={{top: 12, right: 12}}
-    >
-      <IconButton tooltip="Notifications">
-        <NotificationsIcon />
-      </IconButton>
-    </Badge>
-  </div>
-);
-
-const BadgeExampleContent = () => (
-  <div>
-    <Badge
-      badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
-    >
-      <FolderIcon />
-    </Badge>
-    <Badge
-      badgeContent="&copy;"
-      badgeStyle={{fontSize: 20}}
-    >
-      Company Name
-    </Badge>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/flat-button"
-const FlatButtonExampleSimple = () => (
-  <div>
-    <FlatButton label="Default" />
-    <FlatButton label="Primary" primary={true} />
-    <FlatButton label="Secondary" secondary={true} />
-    <FlatButton label="Disabled" disabled={true} />
-  </div>
-);
-
-const FlatButtonExampleComplex = () => (
-  <div>
-    <FlatButton label="Choose an Image" labelPosition="before">
-      <input type="file" style={styles.exampleImageInput} />
-    </FlatButton>
-
-    <FlatButton
-      label={<span>Label before</span>}
-      labelPosition="before"
-      primary={true}
-      style={styles.button}
-      icon={<ActionAndroid />}
-    />
-
-    <FlatButton
-      label="GitHub Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
-
-  </div>
-);
-
-const FlatButtonExampleIcon = () => (
-  <div>
-    <FlatButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <FlatButton
-      backgroundColor="#a4c639"
-      hoverColor="#8AA62F"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <FlatButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/raised-button"
-const RaisedButtonExampleSimple = () => (
-  <div>
-    <RaisedButton label="Default" style={style} />
-    <RaisedButton label="Primary" primary={true} style={style} />
-    <RaisedButton label="Secondary" secondary={true} style={style} />
-    <RaisedButton label="Disabled" disabled={true} style={style} />
-  </div>
-);
-
-const RaisedButtonExampleComplex = () => (
-  <div>
-    <RaisedButton
-      label="Choose an Image"
-      labelPosition="before"
-      style={styles.button}
-    >
-      <input type="file" style={styles.exampleImageInput} />
-    </RaisedButton>
-    <RaisedButton
-      label={<span>Label before</span>}
-      labelPosition="before"
-      primary={true}
-      icon={<ActionAndroid />}
-      style={styles.button}
-    />
-    <RaisedButton
-      label="Github Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      style={styles.button}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
-  </div>
-);
-
-const RaisedButtonExampleIcon = () => (
-  <div>
-    <RaisedButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <RaisedButton
-      backgroundColor="#a4c639"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <RaisedButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/floating-action-button"
-const FloatingActionButtonExampleSimple = () => (
-  <div>
-    <FloatingActionButton style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-
-    <FloatingActionButton mini={true} disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/icon-button"
-const IconButtonExampleSimple = () => (
-  <div>
-    <IconButton iconClassName="muidocs-icon-custom-github" />
-    <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
-  </div>
-);
-
-const IconButtonExampleComplex = () => (
-  <div>
-    <IconButton tooltip="Font Icon">
-      <FontIcon className="muidocs-icon-action-home" />
-    </IconButton>
-
-    <IconButton tooltip="SVG Icon">
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconClassName="material-icons"
-      tooltip="Ligature"
-    >
-      home
-    </IconButton>
-  </div>
-);
-
-const IconButtonExampleSize = () => (
-  <div>
-    <IconButton>
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.smallIcon}
-      style={styles.small}
-    >
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.mediumIcon}
-      style={styles.medium}
-    >
-      <ActionHome />
-    </IconButton>
-
-    <IconButton
-      iconStyle={styles.largeIcon}
-      style={styles.large}
-    >
-      <ActionHome />
-    </IconButton>
-  </div>
-);
-
-const IconButtonExampleTooltip = () => (
-  <div>
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
-      tooltipPosition="bottom-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
-      tooltipPosition="bottom-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
-      tooltipPosition="bottom-left"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-right"
-      tooltipPosition="top-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-center"
-      tooltipPosition="top-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-left"
-      tooltipPosition="top-left"
-    />
-  </div>
-);
-
-const IconButtonExampleTouch = () => (
-  <div>
-    <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
-      <ActionGrade />
-    </IconButton>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/card"
-const CardExampleWithAvatar = () => (
-  <Card>
-    <CardHeader
-      title="URL Avatar"
-      subtitle="Subtitle"
-      avatar="http://lorempixel.com/100/100/nature/"
-    />
-    <CardMedia
-      overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-    >
-      <img src="http://lorempixel.com/600/337/nature/" />
-    </CardMedia>
-    <CardTitle title="Card title" subtitle="Card subtitle" />
-    <CardText>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
-);
-
-const CardExampleWithoutAvatar = () => (
-  <Card>
-    <CardHeader
-      title="Without Avatar"
-      subtitle="Subtitle"
-      actAsExpander={true}
-      showExpandableButton={true}
-    />
-    <CardText expandable={true}>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions expandable={true}>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
-);
-
-class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      expanded: false,
-    };
-  }
-
-  handleExpandChange = (expanded) => {
-    this.setState({expanded: expanded});
-  };
-
-  handleToggle = (event, toggle) => {
-    this.setState({expanded: toggle});
-  };
-
-  handleExpand = () => {
-    this.setState({expanded: true});
-  };
-
-  handleReduce = () => {
-    this.setState({expanded: false});
-  };
-
-  render() {
-    return (
-      <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
-        <CardHeader
-          title="URL Avatar"
-          subtitle="Subtitle"
-          avatar="http://lorempixel.com/100/100/nature/"
-          actAsExpander={true}
-          showExpandableButton={true}
-        />
-        <CardText>
-          <Toggle
-            toggled={this.state.expanded}
-            onToggle={this.handleToggle}
-            labelPosition="right"
-            label="This toggle controls the expanded state of the component."
-          />
-        </CardText>
-        <CardMedia
-          expandable={true}
-          overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-        >
-          <img src="http://lorempixel.com/600/337/nature/" />
-        </CardMedia>
-        <CardTitle title="Card title" subtitle="Card subtitle" expandable={true} />
-        <CardText expandable={true}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
-          Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
-          Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-        </CardText>
-        <CardActions>
-          <FlatButton label="Expand" onTouchTap={this.handleExpand} />
-          <FlatButton label="Reduce" onTouchTap={this.handleReduce} />
-        </CardActions>
-      </Card>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/components/chip"
-const ChipExampleSimple = () => (
-  <div>
-    <Chip>Basic Chip</Chip>
-    <Chip backgroundColor={blue300}>Blue Background</Chip>
-    <Chip labelColor={blue500}>Blue Label Color</Chip>
-    <Chip><Avatar size={32} color={blue300} backgroundColor={indigo900}>UI</Avatar> Avatar</Chip>
-    <Chip style={styles.chip}>Styled</Chip>
-  </div>
-);
-
-class ChipExampleComplex extends React.Component<{}, {}>{
-  handleRequestDelete = () => {
-    alert('You clicked the delete button.');
-  }
-
-  handleTouchTap = () => {
-    alert('You clicked the Chip.');
-  }
-
-  render() {
-    return (
-      <div>
-        <Chip onTouchTap={this.handleTouchTap} onRequestDelete={this.handleRequestDelete}>Click Me</Chip>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/date-picker"
-const DatePickerExampleSimple = () => (
-  <div>
-    <DatePicker hintText="Portrait Dialog" />
-    <DatePicker hintText="Landscape Dialog" mode="landscape" />
-    <DatePicker hintText="Dialog Disabled" disabled={true} />
-  </div>
-);
-
-const DatePickerExampleInline = () => (
-  <div>
-    <DatePicker hintText="Portrait Inline Dialog" container="inline" />
-    <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
-  </div>
-);
-
-const optionsStyle = {
-  maxWidth: 255,
-  marginRight: 'auto',
-};
-
-interface DatePickerExampleToggleState {
-  minDate?: Date;
-  maxDate?: Date;
-  autoOk?: boolean;
-  disableYearSelection?: boolean;
-}
-
-class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggleState> {
-  constructor(props) {
-    super(props);
-
-    const minDate = new Date();
-    const maxDate = new Date();
-    minDate.setFullYear(minDate.getFullYear() - 1);
-    minDate.setHours(0, 0, 0, 0);
-    maxDate.setFullYear(maxDate.getFullYear() + 1);
-    maxDate.setHours(0, 0, 0, 0);
-
-    this.state = {
-      minDate: minDate,
-      maxDate: maxDate,
-      autoOk: false,
-      disableYearSelection: false,
-    };
-  }
-
-  handleChangeMinDate = (event, date) => {
-    this.setState({
-      minDate: date,
-    });
-  };
-
-  handleChangeMaxDate = (event, date) => {
-    this.setState({
-      maxDate: date,
-    });
-  };
-
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <DatePicker
-          floatingLabelText="Ranged Date Picker"
-          autoOk={this.state.autoOk}
-          minDate={this.state.minDate}
-          maxDate={this.state.maxDate}
-          disableYearSelection={this.state.disableYearSelection}
-        />
-        <div style={optionsStyle}>
-          <DatePicker
-            onChange={this.handleChangeMinDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Min Date"
-            defaultDate={this.state.minDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <DatePicker
-            onChange={this.handleChangeMaxDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Max Date"
-            defaultDate={this.state.maxDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <Toggle
-            name="autoOk"
-            value="autoOk"
-            label="Auto Ok"
-            toggled={this.state.autoOk}
-            onToggle={this.handleToggle}
-          />
-          <Toggle
-            name="disableYearSelection"
-            value="disableYearSelection"
-            label="Disable Year Selection"
-            toggled={this.state.disableYearSelection}
-            onToggle={this.handleToggle}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      controlledDate: null,
-    };
-  }
-
-  handleChange = (event, date) => {
-    this.setState({
-      controlledDate: date,
-    });
-  };
-
-  render() {
-    return (
-      <DatePicker
-        hintText="Controlled Date Input"
-        value={this.state.controlledDate}
-        onChange={this.handleChange}
-      />
-    );
-  }
-}
-
-function disableWeekends(date) {
-  return date.getDay() === 0 || date.getDay() === 6;
-}
-function disableRandomDates() {
-  return Math.random() > 0.7;
-}
-const DatePickerExampleDisableDates = () => (
-  <div>
-    <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends} />
-    <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates} />
-  </div>
-);
-
-let DateTimeFormat = new Intl.DateTimeFormat('fr');
-const DatePickerExampleInternational = () => (
-  <div>
-    <DatePicker
-      hintText="fr locale"
-      DateTimeFormat={DateTimeFormat}
-      okLabel="OK"
-      cancelLabel="Annuler"
-      locale="fr"
-    />
-    <DatePicker
-      hintText="en-US locale"
-      locale="en-US"
-      firstDayOfWeek={0}
-    />
-    <DatePicker
-      hintText="Custom date format"
-      firstDayOfWeek={0}
-      formatDate={new Intl.DateTimeFormat('en-US', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-      }).format}
-    />
-  </div>
-);
-
-
-
-// "http://material-ui.com/#/components/dialog"
-class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          The actions in this window were passed in as an array of React objects.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleModal extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        disabled={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={true}
-          open={this.state.open}
-        >
-          Only actions can close this dialog.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleCustomWidth extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Custom Width"
-          actions={actions}
-          modal={true}
-          contentStyle={customContentStyle}
-          open={this.state.open}
-        >
-          This dialog spans the entire width of the screen.
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleDialogDatePicker extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Ok"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Date Picker"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Open a Date Picker dialog from within a dialog.
-          <DatePicker hintText="Date Picker" />
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleScrollable extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    const radios = [];
-    for (let i = 0; i < 30; i++) {
-      radios.push(
-        <RadioButton
-          key={i}
-          value={`value${i + 1}`}
-          label={`Option ${i + 1}`}
-          style={styles.radioButton}
-        />
-      );
-    }
-
-    return (
-      <div>
-        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Scrollable Dialog"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-          autoScrollBodyContent={true}
-        >
-          <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-            {radios}
-          </RadioButtonGroup>
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
-
-  handleOpen = () => {
-    this.setState({open: true});
-  };
-
-  handleClose = () => {
-    this.setState({open: false});
-  };
-
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Discard"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <RaisedButton label="Alert" onTouchTap={this.handleOpen} />
-        <Dialog
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Discard draft?
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/divider"
-const DividerExampleForm = () => (
-  <Paper zDepth={2}>
-    <TextField hintText="First name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Middle name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Last name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Email address" style={style} underlineShow={false} />
-    <Divider />
-  </Paper>
-);
-
-const DividerExampleList = () => (
-  <Paper height={250}>
-    <List>
-      <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
-      <ListItem insetChildren={true} primaryText="Peter Carlsson" />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem insetChildren={true} primaryText="Aaron Bennet" />
-      <ListItem insetChildren={true} primaryText="Abbey Christensen" />
-    </List>
-  </Paper>
-);
-
-const DividerExampleMenu = () => (
-  <Menu desktop={true} style={style}>
-    <MenuItem primaryText="Settings" />
-    <MenuItem primaryText="Help &amp; feedback" />
-    <Divider />
-    <MenuItem primaryText="Sign out" />
-  </Menu>
-);
-
-
-// "http://www.material-ui.com/#/components/drawer"
-class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer open={this.state.open}>
-          <MenuItem>Menu Item</MenuItem>
-          <MenuItem>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  handleClose = () => this.setState({open: false});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Open Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer
-          docked={false}
-          width={200}
-          open={this.state.open}
-          onRequestChange={(open) => this.setState({open})}
-        >
-          <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
-          <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
-
-  handleToggle = () => this.setState({open: !this.state.open});
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer width={200} openSecondary={true} open={this.state.open} >
-          <AppBar title="AppBar" />
-        </Drawer>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/grid-list"
-const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
-  {
-    img: 'images/grid-list/00-52-29-429_640.jpg',
-    title: 'Breakfast',
-    author: 'jill111',
-    featured: true,
-  },
-  {
-    img: 'images/grid-list/burger-827309_640.jpg',
-    title: 'Tasty burger',
-    author: 'pashminu',
-  },
-  {
-    img: 'images/grid-list/camera-813814_640.jpg',
-    title: 'Camera',
-    author: 'Danson67',
-  },
-  {
-    img: 'images/grid-list/morning-819362_640.jpg',
-    title: 'Morning',
-    author: 'fancycrave1',
-  },
-  {
-    img: 'images/grid-list/hats-829509_640.jpg',
-    title: 'Hats',
-    author: 'Hans',
-  },
-  {
-    img: 'images/grid-list/honey-823614_640.jpg',
-    title: 'Honey',
-    author: 'fancycravel',
-  },
-  {
-    img: 'images/grid-list/vegetables-790022_640.jpg',
-    title: 'Vegetables',
-    author: 'jill111',
-  },
-  {
-    img: 'images/grid-list/water-plant-821293_640.jpg',
-    title: 'Water plant',
-    author: 'BkrmadtyaKarki',
-  },
-];
-
-const GridListExampleSimple = () => (
-  <div style={styles.root}>
-    <GridList
-      cellHeight={200}
-      style={styles.gridList}
-    >
-      <Subheader>December</Subheader>
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          subtitle={<span>by <b>{tile.author}</b></span>}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
-        >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
-);
-
-const GridListExampleComplex = () => (
-  <div style={styles.root}>
-    <GridList
-      cols={2}
-      cellHeight={200}
-      padding={1}
-      style={styles.gridList}
-    >
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
-          actionPosition="left"
-          titlePosition="top"
-          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
-          cols={tile.featured ? 2 : 1}
-          rows={tile.featured ? 2 : 1}
-        >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/font-icon"
-const FontIconExampleSimple = () => (
-  <div>
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-    />
-
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={blue500}
-    />
-
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={red500}
-      hoverColor={greenA200}
-    />
-  </div>
-);
-
-const FontIconExampleIcons = () => (
-  <div>
-    <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/svg-icon"
-const HomeIcon = (props) => (
-  <SvgIcon {...props}>
-    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-  </SvgIcon>
-);
-
-const SvgIconExampleSimple = () => (
-  <div>
-    <HomeIcon style={iconStyles} />
-    <HomeIcon style={iconStyles} color={blue500} />
-    <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200} />
-  </div>
-);
-
-const SvgIconExampleIcons = () => (
-  <div>
-    <ActionHome style={iconStyles} />
-    <ActionFlightTakeoff style={iconStyles} color={red500} />
-    <FileCloudDownload style={iconStyles} color={yellow500} />
-    <HardwareVideogameAsset style={iconStyles} color={blue500} />
-  </div>
-);
-
-
-// "http://material-ui.com/#/components/lists"
-const ListExampleSimple = () => (
-  <Paper>
-    <List>
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-    </List>
-    <Divider />
-    <List>
-      <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
-    </List>
-  </Paper>
-);
-
-const ListExampleChat = () => (
-  <Paper>
-    <List>
-      <Subheader>Recent chats</Subheader>
-      <ListItem
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Grace Ng"
-        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-    </List>
-    <Divider />
-    <List>
-      <Subheader>Previous chats</Subheader>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        leftAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleContacts = () => (
-  <Paper>
-    <List>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftIcon={<ActionGrade color={pinkA200} />}
-        rightAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        primaryText="Adelle Charles"
-        leftAvatar={
-          <Avatar
-            color={pinkA200} backgroundColor={transparent}
-            style={{left: 8}}
-          >
-            A
-          </Avatar>
-        }
-        rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Adham Dannaway"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Allison Grayce"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Angel Ceballos"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleFolder = () => (
-  <Paper>
-    <List>
-      <Subheader inset={true}>Folders</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Photos"
-        secondaryText="Jan 9, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Recipes"
-        secondaryText="Jan 17, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Work"
-        secondaryText="Jan 28, 2014"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <Subheader inset={true}>Files</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Vacation itinerary"
-        secondaryText="Jan 20, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Kitchen remodel"
-        secondaryText="Jan 10, 2014"
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleNested = () => (
-  <Paper>
-    <List>
-      <Subheader>Nested List Items</Subheader>
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem
-        primaryText="Inbox"
-        leftIcon={<ContentInbox />}
-        initiallyOpen={true}
-        primaryTogglesNestedList={true}
-        nestedItems={[
-          <ListItem
-            key={1}
-            primaryText="Starred"
-            leftIcon={<ActionGrade />}
-          />,
-          <ListItem
-            key={2}
-            primaryText="Sent Mail"
-            leftIcon={<ContentSend />}
-            disabled={true}
-            nestedItems={[
-              <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
-            ]}
-          />,
-        ]}
-      />
-    </List>
-  </Paper>
-);
-
-const ListExampleSettings = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>General</Subheader>
-        <ListItem
-          primaryText="Profile photo"
-          secondaryText="Change your Google+ profile photo"
-        />
-        <ListItem
-          primaryText="Show your status"
-          secondaryText="Your status is visible to everyone you use with"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Notifications"
-          secondaryText="Allow notifications"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Sounds"
-          secondaryText="Hangouts message"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Video sounds"
-          secondaryText="Hangouts video call"
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <ListItem
-          primaryText="When calls and notifications arrive"
-          secondaryText="Always interrupt"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Priority Interruptions</Subheader>
-        <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
-        <ListItem primaryText="Calls" rightToggle={<Toggle />} />
-        <ListItem primaryText="Messages" rightToggle={<Toggle />} />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />} />
-      </List>
-    </Paper>
-  </div>
-);
-
-const ListExamplePhone = () => (
-  <Paper>
-    <List>
-      <ListItem
-        leftIcon={<CommunicationCall color={indigo500} />}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(650) 555 - 1234"
-        secondaryText="Mobile"
-      />
-      <ListItem
-        insetChildren={true}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(323) 555 - 6789"
-        secondaryText="Work"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        leftIcon={<CommunicationEmail color={indigo500} />}
-        primaryText="aliconnors@example.com"
-        secondaryText="Personal"
-      />
-      <ListItem
-        insetChildren={true}
-        primaryText="ali_connors@example.com"
-        secondaryText="Work"
-      />
-    </List>
-  </Paper>
-);
-
-const iconButtonElement = (
-  <IconButton
-    touch={true}
-    tooltip="more"
-    tooltipPosition="bottom-left"
-  >
-    <MoreVertIcon color={grey400} />
-  </IconButton>
-);
-
-const rightIconMenu = (
-  <IconMenu iconButtonElement={iconButtonElement}>
-    <MenuItem>Reply</MenuItem>
-    <MenuItem>Forward</MenuItem>
-    <MenuItem>Delete</MenuItem>
-  </IconMenu>
-);
-
-const ListExampleMessages = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          primaryText="Brunch this weekend?"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Brendan Lim</span> --
-              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          primaryText={
-            <p>Summer BBQ&nbsp;&nbsp;<span style={{color: lightBlack}}>4</span></p>
-          }
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>to me, Scott, Jennifer</span> --
-              Wish I could come, but I&apos;m out of town this weekend.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          primaryText="Oui oui"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Grace Ng</span> --
-              Do you have Paris recommendations? Have you ever been?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          primaryText="Birdthday gift"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Kerem Suer</span> --
-              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          primaryText="Recipe to try"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Raquel Parrado</span> --
-              We should eat this: grated squash. Corn and tomatillo tacos.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Brendan Lim"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Brunch this weekend?</span><br />
-              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="me, Scott, Jennifer"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Summer BBQ</span><br />
-              Wish I could come, but I&apos;m out of town this weekend.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Grace Ng"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Oui oui</span><br />
-              Do you have any Paris recs? Have you ever been?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Kerem Suer"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Birthday gift</span><br />
-              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Raquel Parrado"
-          secondaryText={
-            <p>
-              <span style={{color: darkBlack}}>Recipe to try</span><br />
-              We should eat this: grated squash. Corn and tomatillo tacos.
-            </p>
-          }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-  </div>
-);
-
-function wrapState(ComposedComponent: React.ComponentClass<__MaterialUI.List.SelectableProps>) {
-  return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
-    static propTypes = {
-      children: PropTypes.node.isRequired,
-      defaultValue: PropTypes.number.isRequired,
-    };
-
-    componentWillMount() {
-      this.setState({
-        selectedIndex: this.props.defaultValue,
-      });
-    }
-
-    handleRequestChange = (event, index) => {
-      this.setState({
-        selectedIndex: index,
-      });
-    };
-
-    render() {
-      return (
-        <ComposedComponent
-          value={this.state.selectedIndex}
-          onChange={this.handleRequestChange}
-        >
-          {this.props.children}
-        </ComposedComponent>
-      );
-    }
-  };
-}
-
-let SelectableList = wrapState(MakeSelectable(List));
-
-const ListExampleSelectable = () => (
-  <Paper>
-    <SelectableList defaultValue={3}>
-      <Subheader>Selectable Contacts</Subheader>
-      <ListItem
-        value={1}
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        nestedItems={[
-          <ListItem
-            value={2}
-            primaryText="Grace Ng"
-            leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          />,
-        ]}
-      />
-      <ListItem
-        value={3}
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-      <ListItem
-        value={4}
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        value={5}
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-      />
-    </SelectableList>
-  </Paper>
-);
-
-
-// "http://www.material-ui.com/#/components/menu"
-const MenuExampleSimple = () => (
-  <div>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Maps" />
-        <MenuItem primaryText="Books" />
-        <MenuItem primaryText="Flights" />
-        <MenuItem primaryText="Apps" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Refresh" />
-        <MenuItem primaryText="Help &amp; feedback" />
-        <MenuItem primaryText="Settings" />
-        <MenuItem primaryText="Sign out" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleDisable = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Back" />
-        <MenuItem primaryText="Forward" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Recently closed" disabled={true} />
-        <MenuItem primaryText="Google" disabled={true} />
-        <MenuItem primaryText="YouTube" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Undo" />
-        <MenuItem primaryText="Redo" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Cut" disabled={true} />
-        <MenuItem primaryText="Copy" disabled={true} />
-        <MenuItem primaryText="Paste" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleIcons = () => (
-  <div>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
-        <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
-        <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
-        <Divider />
-        <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
-        <MenuItem primaryText="Download" leftIcon={<Download />} />
-        <Divider />
-        <MenuItem primaryText="Remove" leftIcon={<Delete />} />
-      </Menu>
-    </Paper>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Clear Config" />
-        <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
-        <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>} />
-        <MenuItem
-          primaryText="Workspace"
-          rightIcon={
-            <FontIcon className="material-icons" style={{color: '#559'}}>settings</FontIcon>
-          }
-        />
-        <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
-        <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleSecondary = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-        <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-        <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-        <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-        <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-        <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-        <Divider />
-        <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-        <Divider />
-        <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="Cmd + O" />
-        <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
-        <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="&#8984;O" />
-        <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
-        <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-const MenuExampleNested = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={320}>
-        <MenuItem primaryText="Single" insetChildren={true} />
-        <MenuItem primaryText="1.15" insetChildren={true} />
-        <MenuItem primaryText="Double" insetChildren={true} />
-        <MenuItem
-          primaryText="Custom: 1.2"
-          checked={true}
-          rightIcon={<ArrowDropRight />}
-          menuItems={[
-            <MenuItem
-              primaryText="Show"
-              rightIcon={<ArrowDropRight />}
-              menuItems={[
-                <MenuItem primaryText="Show Level 2" />,
-                <MenuItem primaryText="Grid lines" checked={true} />,
-                <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                <MenuItem primaryText="Rules" checked={true} />,
-              ]}
-            />,
-            <MenuItem primaryText="Grid lines" checked={true} />,
-            <MenuItem primaryText="Page breaks" insetChildren={true} />,
-            <MenuItem primaryText="Rules" checked={true} />,
-          ]}
-        />
-        <Divider />
-        <MenuItem primaryText="Add space before paragraph" />
-        <MenuItem primaryText="Add space after paragraph" />
-        <Divider />
-        <MenuItem primaryText="Custom spacing..." />
-      </Menu>
-    </Paper>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/icon-menu"
-const IconMenuExampleSimple = () => (
-  <div>
-    <IconMenu
-      animated={true}
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      animated={false}
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
-      targetOrigin={{horizontal: 'right', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-  </div>
-);
-
-interface IconMenuExampleControlledState {
-  valueSingle?: string;
-  valueMultiple?: string[];
-  openMenu?: boolean;
-}
-
-class IconMenuExampleControlled extends React.Component<{}, IconMenuExampleControlledState> {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      valueSingle: '3',
-      valueMultiple: ['3', '5'],
-    };
-  }
-
-  handleChangeSingle = (event, value) => {
-    this.setState({
-      valueSingle: value,
-    });
-  };
-
-  handleChangeMultiple = (event, value) => {
-    this.setState({
-      valueMultiple: value,
-    });
-  };
-
-  handleOpenMenu = () => {
-    this.setState({
-      openMenu: true,
-    });
-  }
-
-  handleOnRequestChange = (value) => {
-    this.setState({
-      openMenu: value,
-    });
-  }
-
-  render() {
-    return (
-      <div>
-        <IconMenu
-          iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-          onChange={this.handleChangeSingle}
-          value={this.state.valueSingle}
-        >
-          <MenuItem value="1" primaryText="Refresh" />
-          <MenuItem value="2" primaryText="Send feedback" />
-          <MenuItem value="3" primaryText="Settings" />
-          <MenuItem value="4" primaryText="Help" />
-          <MenuItem value="5" primaryText="Sign out" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><ContentFilter /></IconButton>}
-          onChange={this.handleChangeMultiple}
-          value={this.state.valueMultiple}
-          multiple={true}
-        >
-          <MenuItem value="1" primaryText="Blu-ray" />
-          <MenuItem value="2" primaryText="Cassette" />
-          <MenuItem value="3" primaryText="CD" />
-          <MenuItem value="4" primaryText="DVD Audio" />
-          <MenuItem value="5" primaryText="Hybrid SACD" />
-          <MenuItem value="6" primaryText="Vinyl" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
-          open={this.state.openMenu}
-          onRequestChange={this.handleOnRequestChange}
-        >
-          <MenuItem value="1" primaryText="Windows App" />
-          <MenuItem value="2" primaryText="Mac App" />
-          <MenuItem value="3" primaryText="Android App" />
-          <MenuItem value="4" primaryText="iOS App" />
-        </IconMenu>
-        <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
-      </div>
-    );
-  }
-}
-
-const IconMenuExampleScrollable = () => (
-  <IconMenu
-    iconButtonElement={<IconButton><MapsPlace /></IconButton>}
-    anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-    targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    maxHeight={272}
-  >
-    <MenuItem value="AL" primaryText="Alabama" />
-    <MenuItem value="AK" primaryText="Alaska" />
-    <MenuItem value="AZ" primaryText="Arizona" />
-    <MenuItem value="AR" primaryText="Arkansas" />
-    <MenuItem value="CA" primaryText="California" />
-    <MenuItem value="CO" primaryText="Colorado" />
-    <MenuItem value="CT" primaryText="Connecticut" />
-    <MenuItem value="DE" primaryText="Delaware" />
-    <MenuItem value="DC" primaryText="District Of Columbia" />
-    <MenuItem value="FL" primaryText="Florida" />
-    <MenuItem value="GA" primaryText="Georgia" />
-    <MenuItem value="HI" primaryText="Hawaii" />
-    <MenuItem value="ID" primaryText="Idaho" />
-    <MenuItem value="IL" primaryText="Illinois" />
-    <MenuItem value="IN" primaryText="Indiana" />
-    <MenuItem value="IA" primaryText="Iowa" />
-    <MenuItem value="KS" primaryText="Kansas" />
-    <MenuItem value="KY" primaryText="Kentucky" />
-    <MenuItem value="LA" primaryText="Louisiana" />
-    <MenuItem value="ME" primaryText="Maine" />
-    <MenuItem value="MD" primaryText="Maryland" />
-    <MenuItem value="MA" primaryText="Massachusetts" />
-    <MenuItem value="MI" primaryText="Michigan" />
-    <MenuItem value="MN" primaryText="Minnesota" />
-    <MenuItem value="MS" primaryText="Mississippi" />
-    <MenuItem value="MO" primaryText="Missouri" />
-    <MenuItem value="MT" primaryText="Montana" />
-    <MenuItem value="NE" primaryText="Nebraska" />
-    <MenuItem value="NV" primaryText="Nevada" />
-    <MenuItem value="NH" primaryText="New Hampshire" />
-    <MenuItem value="NJ" primaryText="New Jersey" />
-    <MenuItem value="NM" primaryText="New Mexico" />
-    <MenuItem value="NY" primaryText="New York" />
-    <MenuItem value="NC" primaryText="North Carolina" />
-    <MenuItem value="ND" primaryText="North Dakota" />
-    <MenuItem value="OH" primaryText="Ohio" />
-    <MenuItem value="OK" primaryText="Oklahoma" />
-    <MenuItem value="OR" primaryText="Oregon" />
-    <MenuItem value="PA" primaryText="Pennsylvania" />
-    <MenuItem value="RI" primaryText="Rhode Island" />
-    <MenuItem value="SC" primaryText="South Carolina" />
-    <MenuItem value="SD" primaryText="South Dakota" />
-    <MenuItem value="TN" primaryText="Tennessee" />
-    <MenuItem value="TX" primaryText="Texas" />
-    <MenuItem value="UT" primaryText="Utah" />
-    <MenuItem value="VT" primaryText="Vermont" />
-    <MenuItem value="VA" primaryText="Virginia" />
-    <MenuItem value="WA" primaryText="Washington" />
-    <MenuItem value="WV" primaryText="West Virginia" />
-    <MenuItem value="WI" primaryText="Wisconsin" />
-    <MenuItem value="WY" primaryText="Wyoming" />
-  </IconMenu>
-);
-
-const IconMenuExampleNested = () => (
-  <div>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem
-        primaryText="Copy &amp; Paste"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
-          <MenuItem primaryText="Cut" />,
-          <MenuItem primaryText="Copy" />,
-          <Divider />,
-          <MenuItem primaryText="Paste" />,
-        ]}
-      />
-
-      <MenuItem
-        primaryText="Case Tools"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
-          <MenuItem primaryText="UPPERCASE" />,
-          <MenuItem primaryText="lowercase" />,
-          <MenuItem primaryText="CamelCase" />,
-          <MenuItem primaryText="Propercase" />,
-        ]}
-      />
-      <Divider />
-      <MenuItem primaryText="Download" leftIcon={<Download />} />
-      <Divider />
-      <MenuItem value="Del" primaryText="Delete" />
-
-    </IconMenu>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/dropdown-menu"
-class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <DropDownMenu animated={false} value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-        <br />
-        <DropDownMenu
-          animated={true}
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-          autoWidth={false}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-      </div>
-    );
-  }
-}
-
-class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
-        <MenuItem value={1} primaryText="Never" />
-        <MenuItem value={2} primaryText="Every Night" />
-        <MenuItem value={3} primaryText="Weeknights" />
-        <MenuItem value={4} primaryText="Weekends" />
-        <MenuItem value={5} primaryText="Weekly" />
-      </DropDownMenu>
-    );
-  }
-}
-
-const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
-for (let i = 0; i < 100; i++ ) {
-  items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`} />);
-}
-
-class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </DropDownMenu>
-    );
-  }
-}
-
-class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </DropDownMenu>
-    );
-  }
-}
-
-
-// "http://material-ui.com/#/components/paper"
-const PaperExampleSimple = () => (
-  <div>
-    <Paper style={style} zDepth={1} />
-    <Paper style={style} zDepth={2} />
-    <Paper style={style} zDepth={3} />
-    <Paper style={style} zDepth={4} />
-    <Paper style={style} zDepth={5} />
-  </div>
-);
-
-const PaperExampleRounded = () => (
-  <div>
-    <Paper style={style} zDepth={1} rounded={false} />
-    <Paper style={style} zDepth={2} rounded={false} />
-    <Paper style={style} zDepth={3} rounded={false} />
-    <Paper style={style} zDepth={4} rounded={false} />
-    <Paper style={style} zDepth={5} rounded={false} />
-  </div>
-);
-
-const PaperExampleCircle = () => (
-  <div>
-    <Paper style={style} zDepth={1} circle={true} />
-    <Paper style={style} zDepth={2} circle={true} />
-    <Paper style={style} zDepth={3} circle={true} />
-    <Paper style={style} zDepth={4} circle={true} />
-    <Paper style={style} zDepth={5} circle={true} />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/popover"
-class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-          animation={PopoverAnimationVertical}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-interface PopoverExampleConfigurableState {
-  open?: boolean;
-  anchorOrigin?: __MaterialUI.propTypes.origin;
-  targetOrigin?: __MaterialUI.propTypes.origin;
-  anchorEl?: React.ReactInstance;
-}
-
-class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-      anchorOrigin: {
-        horizontal: 'left',
-        vertical: 'bottom',
-      },
-      targetOrigin: {
-        horizontal: 'left',
-        vertical: 'top',
-      },
-    };
-  }
-
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  setAnchor = (positionElement, position) => {
-    const {anchorOrigin} = this.state;
-    anchorOrigin[positionElement] = position;
-
-    this.setState({
-      anchorOrigin: anchorOrigin,
-    });
-  };
-
-  setTarget = (positionElement, position) => {
-    const {targetOrigin} = this.state;
-    targetOrigin[positionElement] = position;
-
-    this.setState({
-      targetOrigin: targetOrigin,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <h3 style={styles.h3}>Current Settings</h3>
-        <pre>
-          anchorOrigin: {JSON.stringify(this.state.anchorOrigin)}
-          <br />
-          targetOrigin: {JSON.stringify(this.state.targetOrigin)}
-        </pre>
-        <h3 style={styles.h3}>Position Options</h3>
-        <p>Use the settings below to toggle the positioning of the popovers above</p>
-        <h3 style={styles.h3}>Anchor Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <h3 style={styles.h3}>Target Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.targetOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.targetOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={this.state.anchorOrigin}
-          targetOrigin={this.state.targetOrigin}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/circular-progress"
-const CircularProgressExampleSimple = () => (
-  <div>
-    <CircularProgress />
-    <CircularProgress size={1.5} />
-    <CircularProgress size={2} />
-  </div>
-);
-
-class CircularProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
-    }
-  }
-
-  render() {
-    return (
-      <div>
-        <CircularProgress mode="determinate" value={this.state.completed} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={1.5} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={2} />
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/linear-progress"
-const LinearProgressExampleSimple = () => (
-  <LinearProgress mode="indeterminate" />
-);
-
-class LinearProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
-    }
-  }
-
-  render() {
-    return (
-      <LinearProgress mode="determinate" value={this.state.completed} />
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/refresh-indicator"
-const RefreshIndicatorExampleSimple = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      percentage={30}
-      size={40}
-      left={10}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={60}
-      size={50}
-      left={65}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={80}
-      size={60}
-      left={120}
-      top={0}
-      color={"red"}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={100}
-      size={70}
-      left={175}
-      top={0}
-      color={"red"} // Overridden by percentage={100}
-      status="ready"
-      style={styles.refresh}
-    />
-  </div>
-);
-
-const RefreshIndicatorExampleLoading = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      size={40}
-      left={10}
-      top={0}
-      status="loading"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      size={50}
-      left={70}
-      top={0}
-      loadingColor={"#FF9800"}
-      status="loading"
-      style={styles.refresh}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/select-field"
-class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <SelectField value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField value={1} disabled={true}>
-          <MenuItem value={1} primaryText="Disabled" />
-          <MenuItem value={2} primaryText="Every Night" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          autoWidth={true}
-        >
-          <MenuItem value={1} primaryText="Auto width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </SelectField>
-    );
-  }
-}
-
-class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <SelectField value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </SelectField>
-    );
-  }
-}
-
-const itemsPeriod = [
-  <MenuItem key={1} value={1} primaryText="Never" />,
-  <MenuItem key={2} value={2} primaryText="Every Night" />,
-  <MenuItem key={3} value={3} primaryText="Weeknights" />,
-  <MenuItem key={4} value={4} primaryText="Weekends" />,
-  <MenuItem key={5} value={5} primaryText="Weekly" />,
-];
-
-export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <div>
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelText="Floating Label Text"
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelFixed={true}
-          floatingLabelText="Styled Floating Label Text"
-          floatingLabelStyle={{color: 'red'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    const {value} = this.state;
-
-    const night = value === 2 || value === 3;
-
-    return (
-      <div>
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={!night && 'Should be Night'}
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={night && 'Should not be Night (Custom error style)'}
-          errorStyle={{color: 'orange'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/slider"
-const SliderExampleSimple = () => (
-  <div>
-    <Slider />
-    <Slider defaultValue={0.5} />
-    <Slider defaultValue={1} />
-  </div>
-);
-
-const SliderExampleDisabled = () => (
-  <div>
-    <Slider disabled={true} />
-    <Slider disabled={true} value={0.5} />
-    <Slider disabled={true} value={1} />
-  </div>
-);
-
-const SliderExampleStep = () => (
-  <Slider step={0.10} value={.5} />
-);
-
-class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
-
-  state = {
-    firstSlider: 0.5,
-    secondSlider: 50,
-  }
-
-  handleFirstSlider(event, value) {
-    this.setState({firstSlider: value});
-  }
-
-  handleSecondSlider(event, value) {
-    this.setState({secondSlider: value});
-  }
-
-  render() {
-    return (
-      <div>
-        <Slider
-          defaultValue={0.5}
-          value={this.state.firstSlider}
-          onChange={this.handleFirstSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.firstSlider}</span>
-          <span>{' from a range of 0 to 1 inclusive'}</span>
-        </p>
-        <Slider
-          min={0}
-          max={100}
-          step={1}
-          defaultValue={50}
-          value={this.state.secondSlider}
-          onChange={this.handleSecondSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.secondSlider}</span>
-          <span>{' from a range of 0 to 100 inclusive'}</span>
-        </p>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/checkbox"
-const CheckboxExampleSimple = () => (
-  <div style={styles.block}>
-    <Checkbox
-      label="Simple"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Checked by default"
-      defaultChecked={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      checkedIcon={<ActionFavorite />}
-      uncheckedIcon={<ActionFavoriteBorder />}
-      label="Custom icon"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled unchecked"
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled checked"
-      checked={true}
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Label on the left"
-      labelPosition="left"
-      style={styles.checkbox}
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/radio-button"
-const RadioButtonExampleSimple = () => (
-  <div>
-    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-      <RadioButton
-        value="light"
-        label="Simple"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="not_light"
-        label="Selected by default"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="ludicrous"
-        label="Custom icon"
-        checkedIcon={<ActionFavorite />}
-        uncheckedIcon={<ActionFavoriteBorder />}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="shipName" defaultSelected="community">
-      <RadioButton
-        value="enterprise"
-        label="Disabled unchecked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="community"
-        label="Disabled checked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
-      <RadioButton
-        value="reverse"
-        label="Label on the left"
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/toggle"
-const ToggleExampleSimple = () => (
-  <div style={styles.block}>
-    <Toggle
-      label="Simple"
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Toggled by default"
-      defaultToggled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Disabled"
-      disabled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Label on the right"
-      labelPosition="right"
-      style={styles.toggle}
-    />
-  </div>
-);
-
-
-// "http://material-ui.com/#/components/snackbar"
-class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      open: false,
-    };
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <Snackbar
-          open={this.state.open}
-          message="Event added to your calendar"
-          autoHideDuration={4000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      autoHideDuration: 4000,
-      message: 'Event added to your calendar',
-      open: false,
-    };
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
-
-  handleActionTouchTap = () => {
-    this.setState({
-      open: false,
-    });
-    alert('Event removed from your calendar.');
-  };
-
-  handleChangeDuration = (event) => {
-    const value = event.target.value;
-    this.setState({
-      autoHideDuration: value.length > 0 ? parseInt(value) : 0,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <br />
-        <TextField
-          floatingLabelText="Auto Hide Duration in ms"
-          value={this.state.autoHideDuration}
-          onChange={this.handleChangeDuration}
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={this.state.autoHideDuration}
-          onActionTouchTap={this.handleActionTouchTap}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
-
-  private timer: number;
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      message: 'Event 1 added to your calendar',
-      open: false,
-    };
-    this.timer = undefined;
-  }
-
-  componentWillUnMount() {
-    clearTimeout(this.timer);
-  }
-
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-
-    this.timer = setTimeout(() => {
-      this.setState({
-        message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
-      });
-    }, 1500);
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar two times"
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={3000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/stepper"
-class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    const {finished, stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex}>
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          {finished ? (
-            <p>
-              <a
-                href="#"
-                onClick={(event) => {
-                  event.preventDefault();
-                  this.setState({stepIndex: 0, finished: false});
-                }}
-              >
-                Click here
-              </a> to reset the example.
-            </p>
-          ) : (
-            <div>
-              <p>{this.getStepContent(stepIndex)}</p>
-              <div style={{marginTop: 12}}>
-                <FlatButton
-                  label="Back"
-                  disabled={stepIndex === 0}
-                  onTouchTap={this.handlePrev}
-                  style={{marginRight: 12}}
-                />
-                <RaisedButton
-                  label={stepIndex === 2 ? 'Finish' : 'Next'}
-                  primary={true}
-                  onTouchTap={this.handleNext}
-                />
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}
-
-class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
-
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  renderStepActions(step) {
-    const {stepIndex} = this.state;
-
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label={stepIndex === 2 ? 'Finish' : 'Next'}
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disabled={stepIndex === 0}
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {finished, stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex} orientation="vertical">
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
-                you're willing to spend on clicks and conversions, which networks
-                and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
-                and learn how to enhance your ads using features like ad extensions.
-                If you run into any problems with your ads, find out how to tell if
-                they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-        {finished && (
-          <p style={{margin: '20px 0', textAlign: 'center'}}>
-            <a
-              href="#"
-              onClick={(event) => {
-                event.preventDefault();
-                this.setState({stepIndex: 0, finished: false});
-              }}
-            >
-              Click here
-            </a> to reset the example.
-          </p>
-        )}
-      </div>
-    );
-  }
-}
-
-class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false} activeStep={stepIndex}>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          <div style={{marginTop: 12}}>
-            <FlatButton
-              label="Back"
-              disabled={stepIndex === 0}
-              onTouchTap={this.handlePrev}
-              style={{marginRight: 12}}
-            />
-            <RaisedButton
-              label="Next"
-              disabled={stepIndex === 2}
-              primary={true}
-              onTouchTap={this.handleNext}
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  renderStepActions(step) {
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label="Next"
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper
-          activeStep={stepIndex}
-          linear={false}
-          orientation="vertical"
-        >
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
-                you're willing to spend on clicks and conversions, which networks
-                and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
-                and learn how to enhance your ads using features like ad extensions.
-                If you run into any problems with your ads, find out how to tell if
-                they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
-}
-
-const getStyles = () => {
-  return {
-    root: {
-      width: '100%',
-      maxWidth: 700,
-      margin: 'auto',
-    },
-    content: {
-      margin: '0 16px',
-    },
-    actions: {
-      marginTop: 12,
-    },
-    backButton: {
-      marginRight: 12,
-    },
-  };
-};
-
-class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
-
-  state = {
-    stepIndex: null,
-    visited: [],
-  };
-
-  componentWillMount() {
-    const {stepIndex, visited} = this.state;
-    this.setState({visited: visited.concat(stepIndex)});
-  }
-
-  componentWillUpdate(nextProps, nextState) {
-    const {stepIndex, visited} = nextState;
-    if (visited.indexOf(stepIndex) === -1) {
-      this.setState({visited: visited.concat(stepIndex)});
-    }
-  }
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'Click a step to get started.';
-    }
-  }
-
-  render() {
-    const {stepIndex, visited} = this.state;
-    const styles = getStyles();
-
-    return (
-      <div style={styles.root}>
-        <p>
-          <a
-            href="#"
-            onClick={(event) => {
-              event.preventDefault();
-              this.setState({stepIndex: null, visited: []});
-            }}
-          >
-            Click here
-          </a> to reset the example.
-        </p>
-        <Stepper linear={false}>
-          <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={styles.content}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          {stepIndex !== null && (
-            <div style={styles.actions}>
-              <FlatButton
-                label="Back"
-                disabled={stepIndex === 0}
-                onTouchTap={this.handlePrev}
-                style={styles.backButton}
-              />
-              <RaisedButton
-                label="Next"
-                primary={true}
-                onTouchTap={this.handleNext}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}
-
-class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
-
-  state = {
-    stepIndex: 0,
-  };
-
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
-    }
-  };
-
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false}>
-          <Step completed={false}>
-            <StepLabel>
-              Select campaign settings
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel
-              icon={<WarningIcon color={red500} />}
-              style={{color: red500}}
-            >
-              Create an ad group
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel>
-              Create an ad
-            </StepLabel>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
-}
-
-
-// "http://www.material-ui.com/#/components/subheader"
-// Included in ListExampleChat and ListExampleFolder
-
-// "http://www.material-ui.com/#/components/table"
-const TableExampleSimple = () => (
-  <Table>
-    <TableHeader>
-      <TableRow>
-        <TableHeaderColumn>ID</TableHeaderColumn>
-        <TableHeaderColumn>Name</TableHeaderColumn>
-        <TableHeaderColumn>Status</TableHeaderColumn>
-      </TableRow>
-    </TableHeader>
-    <TableBody>
-      <TableRow>
-        <TableRowColumn>1</TableRowColumn>
-        <TableRowColumn>John Smith</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>2</TableRowColumn>
-        <TableRowColumn>Randal White</TableRowColumn>
-        <TableRowColumn>Unemployed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>3</TableRowColumn>
-        <TableRowColumn>Stephanie Sanders</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>4</TableRowColumn>
-        <TableRowColumn>Steve Brown</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-    </TableBody>
-  </Table>
-);
-
-const tableData: {name: string, status: string, selected?: boolean}[] = [
-  {
-    name: 'John Smith',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Randal White',
-    status: 'Unemployed',
-  },
-  {
-    name: 'Stephanie Sanders',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Steve Brown',
-    status: 'Employed',
-  },
-  {
-    name: 'Joyce Whitten',
-    status: 'Employed',
-  },
-  {
-    name: 'Samuel Roberts',
-    status: 'Employed',
-  },
-  {
-    name: 'Adam Moore',
-    status: 'Employed',
-  },
-];
-
-interface TableExampleComplexState {
-  fixedHeader?: boolean,
-  fixedFooter?: boolean,
-  stripedRows?: boolean,
-  showRowHover?: boolean,
-  selectable?: boolean,
-  multiSelectable?: boolean,
-  enableSelectAll?: boolean,
-  deselectOnClickaway?: boolean,
-  showCheckboxes?: boolean,
-  height?: string,
-}
-
-class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      fixedHeader: true,
-      fixedFooter: true,
-      stripedRows: false,
-      showRowHover: false,
-      selectable: true,
-      multiSelectable: false,
-      enableSelectAll: false,
-      deselectOnClickaway: true,
-      showCheckboxes: true,
-      height: '300px',
-    };
-  }
-
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
-
-  handleChange = (event) => {
-    this.setState({height: event.target.value});
-  };
-
-  render() {
-    return (
-      <div>
-        <Table
-          height={this.state.height}
-          fixedHeader={this.state.fixedHeader}
-          fixedFooter={this.state.fixedFooter}
-          selectable={this.state.selectable}
-          multiSelectable={this.state.multiSelectable}
-        >
-          <TableHeader
-            displaySelectAll={this.state.showCheckboxes}
-            adjustForCheckbox={this.state.showCheckboxes}
-            enableSelectAll={this.state.enableSelectAll}
-          >
-            <TableRow>
-              <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
-                Super Header
-              </TableHeaderColumn>
-            </TableRow>
-            <TableRow>
-              <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
-            </TableRow>
-          </TableHeader>
-          <TableBody
-            displayRowCheckbox={this.state.showCheckboxes}
-            deselectOnClickaway={this.state.deselectOnClickaway}
-            showRowHover={this.state.showRowHover}
-            stripedRows={this.state.stripedRows}
-          >
-            {tableData.map( (row, index) => (
-              <TableRow key={index} selected={row.selected}>
-                <TableRowColumn>{index}</TableRowColumn>
-                <TableRowColumn>{row.name}</TableRowColumn>
-                <TableRowColumn>{row.status}</TableRowColumn>
-              </TableRow>
-              ))}
-          </TableBody>
-          <TableFooter
-            adjustForCheckbox={this.state.showCheckboxes}
-          >
-            <TableRow>
-              <TableRowColumn>ID</TableRowColumn>
-              <TableRowColumn>Name</TableRowColumn>
-              <TableRowColumn>Status</TableRowColumn>
-            </TableRow>
-            <TableRow>
-              <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
-                Super Footer
-              </TableRowColumn>
-            </TableRow>
-          </TableFooter>
-        </Table>
-
-        <div style={styles.propContainer}>
-          <h3>Table Properties</h3>
-          <TextField
-            floatingLabelText="Table Body Height"
-            defaultValue={this.state.height}
-            onChange={this.handleChange}
-          />
-          <Toggle
-            name="fixedHeader"
-            label="Fixed Header"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedHeader}
-          />
-          <Toggle
-            name="fixedFooter"
-            label="Fixed Footer"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedFooter}
-          />
-          <Toggle
-            name="selectable"
-            label="Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.selectable}
-          />
-          <Toggle
-            name="multiSelectable"
-            label="Multi-Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.multiSelectable}
-          />
-          <Toggle
-            name="enableSelectAll"
-            label="Enable Select All"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.enableSelectAll}
-          />
-          <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
-          <Toggle
-            name="deselectOnClickaway"
-            label="Deselect On Clickaway"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.deselectOnClickaway}
-          />
-          <Toggle
-            name="stripedRows"
-            label="Stripe Rows"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.stripedRows}
-          />
-          <Toggle
-            name="showRowHover"
-            label="Show Row Hover"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showRowHover}
-          />
-          <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
-          <Toggle
-            name="showCheckboxes"
-            label="Show Checkboxes"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showCheckboxes}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/components/tabs"
-function handleActive(tab) {
-  alert(`A tab with this value property ${tab.props.value} was activated.`);
-}
-
-const TabsExampleSimple = () => (
-  <Tabs>
-    <Tab label="Item One" >
-      <div>
-        <h2 style={styles.headline}>Tab One</h2>
-        <p>
-          This is an example tab.
-        </p>
-        <p>
-          You can put any sort of HTML or react component in here. It even keeps the component state!
-        </p>
-        <Slider name="slider0" defaultValue={0.5} />
-      </div>
-    </Tab>
-    <Tab label="Item Two" >
-      <div>
-        <h2 style={styles.headline}>Tab Two</h2>
-        <p>
-          This is another example tab.
-        </p>
-      </div>
-    </Tab>
-    <Tab
-      label="onActive"
-      value="/home"
-      onActive={handleActive}
-    >
-      <div>
-        <h2 style={styles.headline}>Tab Three</h2>
-        <p>
-          This is a third example tab.
-        </p>
-      </div>
-    </Tab>
-  </Tabs>
-);
-
-class TabsExampleControlled extends React.Component<{}, {value?: string}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 'a',
-    };
-  }
-
-  handleChange = (value) => {
-    this.setState({
-      value: value,
-    });
-  };
-
-  render() {
-    return (
-      <Tabs
-        value={this.state.value}
-        onChange={this.handleChange}
-      >
-        <Tab label="Tab A" value="a" >
-          <div>
-            <h2 style={styles.headline}>Controllable Tab A</h2>
-            <p>
-              Tabs are also controllable if you want to programmatically pass them their values.
-              This allows for more functionality in Tabs such as not
-              having any Tab selected or assigning them different values.
-            </p>
-          </div>
-        </Tab>
-        <Tab label="Tab B" value="b">
-          <div>
-            <h2 style={styles.headline}>Controllable Tab B</h2>
-            <p>
-              This is another example of a controllable tab. Remember, if you
-              use controllable Tabs, you need to give all of your tabs values or else
-              you wont be able to select them.
-            </p>
-          </div>
-        </Tab>
-      </Tabs>
-    );
-  }
-}
-
-const TabsExampleIcon = () => (
-  <Tabs>
-    <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
-    <Tab icon={<ActionFlightTakeoff />} />
-    <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
-  </Tabs>
-);
-
-const TabsExampleIconText = () => (
-  <Tabs>
-    <Tab
-      icon={<FontIcon className="material-icons">phone</FontIcon>}
-      label="RECENTS"
-    />
-    <Tab
-      icon={<FontIcon className="material-icons">favorite</FontIcon>}
-      label="FAVORITES"
-    />
-    <Tab
-      icon={<MapsPersonPin />}
-      label="NEARBY"
-    />
-  </Tabs>
-);
-
-
-// "http://www.material-ui.com/#/components/text-field"
-const TextFieldExampleSimple = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-    /><br />
-    <br />
-    <TextField
-      hintText="The hint text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      id="text-field-default"
-      defaultValue="Default Value"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Fixed Floating Label Text"
-      floatingLabelFixed={true}
-    /><br />
-    <TextField
-      hintText="Password Field"
-      floatingLabelText="Password"
-      type="password"
-    /><br />
-    <TextField
-      hintText="MultiLine with rows: 2 and rowsMax: 4"
-      multiLine={true}
-      rows={2}
-      rowsMax={4}
-    /><br />
-    <TextField
-      hintText="Message Field"
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-    <TextField
-      hintText="Full width"
-      fullWidth={true}
-    />
-  </div>
-);
-
-const TextFieldExampleError = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="The error text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Message Field"
-      errorText="This field is required."
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-  </div>
-);
-
-const TextFieldExampleCustomize = () => (
-  <div>
-    <TextField
-      hintText="Styled Hint Text"
-      hintStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom error color"
-      errorText="This field is required."
-      errorStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Color"
-      underlineStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Focus Color"
-      underlineFocusStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      floatingLabelText="Styled Floating Label Text"
-      floatingLabelStyle={styles.floatingLabelStyle}
-      floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
-    />
-  </div>
-);
-
-const TextFieldExampleDisabled = () => (
-  <div>
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-    /><br />
-    <TextField
-      disabled={true}
-      id="text-field-disabled"
-      defaultValue="Disabled Value"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      defaultValue="Disabled With Floating Label"
-      floatingLabelText="Floating Label Text"
-    />
-  </div>
-);
-
-class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      value: 'Property Value',
-    };
-  }
-
-  handleChange = (event) => {
-    this.setState({
-      value: event.target.value,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <TextField
-          id="text-field-controlled"
-          value={this.state.value}
-          onChange={this.handleChange}
-        />
-      </div>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/components/time-picker"
-const TimePickerExampleSimple = () => (
-  <div>
-    <TimePicker
-      hintText="12hr Format"
-    />
-    <TimePicker
-      format="24hr"
-      hintText="24hr Format"
-    />
-    <TimePicker
-      disabled={true}
-      format="24hr"
-      hintText="Disabled TimePicker"
-    />
-  </div>
-);
-
-class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {value24: null, value12: null};
-  }
-
-  handleChangeTimePicker24 = (event, date) => {
-    this.setState({value24: date});
-  };
-
-  handleChangeTimePicker12 = (event, date) => {
-    this.setState({value12: date});
-  };
-
-  render() {
-    return (
-      <div>
-        <TimePicker
-          format="ampm"
-          hintText="12hr Format"
-          value={this.state.value12}
-          onChange={this.handleChangeTimePicker12}
-        />
-        <TimePicker
-          format="24hr"
-          hintText="24hr Format"
-          value={this.state.value24}
-          onChange={this.handleChangeTimePicker24}
-        />
-      </div>
-    );
-  }
-}
-
-const TimePickerInternational = () => (
-  <div>
-    <TimePicker
-      hintText="Custom Labels"
-      okLabel="确定"
-      cancelLabel="取消"
-    />
-  </div>
-);
-
-
-// "http://www.material-ui.com/#/components/toolbar"
-class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 3,
-    };
-  }
-
-  handleChange = (event, index, value) => this.setState({value});
-
-  render() {
-    return (
-      <Toolbar>
-        <ToolbarGroup firstChild={true}>
-          <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-            <MenuItem value={1} primaryText="All Broadcasts" />
-            <MenuItem value={2} primaryText="All Voice" />
-            <MenuItem value={3} primaryText="All Text" />
-            <MenuItem value={4} primaryText="Complete Voice" />
-            <MenuItem value={5} primaryText="Complete Text" />
-            <MenuItem value={6} primaryText="Active Voice" />
-            <MenuItem value={7} primaryText="Active Text" />
-          </DropDownMenu>
-        </ToolbarGroup>
-        <ToolbarGroup>
-          <ToolbarTitle text="Options" />
-          <FontIcon className="muidocs-icon-custom-sort" />
-          <ToolbarSeparator />
-          <RaisedButton label="Create Broadcast" primary={true} />
-          <IconMenu
-            iconButtonElement={
-              <IconButton touch={true}>
-                <NavigationExpandMoreIcon />
-              </IconButton>
-            }
-          >
-            <MenuItem primaryText="Download" />
-            <MenuItem primaryText="More Info" />
-          </IconMenu>
-        </ToolbarGroup>
-      </Toolbar>
-    );
-  }
-}
-
-const componentWithWidth = withWidth()(ToolbarExamplesSimple);
-
-
-interface MaterialUiTestsState {
-}
-
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
-
-  render () {
-    return (
-      <MuiThemeProvider muiTheme={getMuiTheme()}>
-        <AppBar title="My AppBar" />
-
-      </MuiThemeProvider>
-    );
-  }
-}
-
-// "http://www.material-ui.com/#/get-started/usage"
-ReactDOM.render(
-  <MaterialUiTests />,
-  document.getElementById('app')
-);
diff --git a/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams b/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams
deleted file mode 100644
index 855355b85f..0000000000
--- a/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams
+++ /dev/null
@@ -1 +0,0 @@
---experimentalDecorators
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.15.1.d.ts b/material-ui/legacy/material-ui-0.15.1.d.ts
deleted file mode 100644
index b5ec61b14b..0000000000
--- a/material-ui/legacy/material-ui-0.15.1.d.ts
+++ /dev/null
@@ -1,8630 +0,0 @@
-// Type definitions for material-ui v0.15.1
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference path='../../react/react.d.ts' />
-
-declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar;
-    export import AutoComplete = __MaterialUI.AutoComplete;
-    export import Avatar = __MaterialUI.Avatar;
-    export import Badge = __MaterialUI.Badge;
-    export import Card = __MaterialUI.Card.Card;
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export import CardText = __MaterialUI.Card.CardText;
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export import Checkbox = __MaterialUI.Switches.Checkbox;
-    export import Chip = __MaterialUI.Chip;
-    export import CircularProgress = __MaterialUI.CircularProgress;
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export import Dialog = __MaterialUI.Dialog;
-    export import Divider = __MaterialUI.Divider;
-    export import Drawer = __MaterialUI.Drawer;
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export import FlatButton = __MaterialUI.FlatButton;
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export import FontIcon = __MaterialUI.FontIcon;
-    export import GridList = __MaterialUI.GridList.GridList;
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export import IconButton = __MaterialUI.IconButton;
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export import LinearProgress = __MaterialUI.LinearProgress;
-    export import List = __MaterialUI.List.List;
-    export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export import Menu = __MaterialUI.Menus.Menu;
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export import Paper = __MaterialUI.Paper;
-    export import Popover = __MaterialUI.Popover.Popover;
-    export import RadioButton = __MaterialUI.Switches.RadioButton;
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export import RaisedButton = __MaterialUI.RaisedButton;
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export import SelectField = __MaterialUI.SelectField;
-    export import Slider = __MaterialUI.Slider;
-    export import Subheader = __MaterialUI.Subheader;
-    export import SvgIcon = __MaterialUI.SvgIcon;
-    export import Step = __MaterialUI.Stepper.Step;
-    export import StepButton = __MaterialUI.Stepper.StepButton;
-    export import StepContent = __MaterialUI.Stepper.StepContent;
-    export import StepLabel = __MaterialUI.Stepper.StepLabel;
-    export import Stepper = __MaterialUI.Stepper;
-    export import Snackbar = __MaterialUI.Snackbar;
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export import Table = __MaterialUI.Table.Table;
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export import TextField = __MaterialUI.TextField;
-    export import TimePicker = __MaterialUI.TimePicker;
-    export import Toggle = __MaterialUI.Switches.Toggle;
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-
-    // export type definitions
-    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
-    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-}
-
-declare namespace __MaterialUI {
-    export import React = __React;
-
-    // ReactLink is from "react/addons"
-    interface ReactLink<T> {
-        value: T;
-        requestChange(newValue: T): void;
-    }
-
-    // What's common between React.TouchEvent and React.MouseEvent
-    interface TouchTapEvent extends React.SyntheticEvent {
-        altKey: boolean;
-        ctrlKey: boolean;
-        getModifierState(key: string): boolean;
-        metaKey: boolean;
-        shiftKey: boolean;
-    }
-
-    // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
-
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
-        theme: Styles.MuiTheme;
-    }
-    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
-    }
-
-    export namespace Styles {
-        interface Spacing {
-            iconSize?: number;
-
-            desktopGutter?: number;
-            desktopGutterMore?: number;
-            desktopGutterLess?: number;
-            desktopGutterMini?: number;
-            desktopKeylineIncrement?: number;
-            desktopDropDownMenuItemHeight?: number;
-            desktopDropDownMenuFontSize?: number;
-            desktopLeftNavMenuItemHeight?: number;
-            desktopSubheaderHeight?: number;
-            desktopToolbarHeight?: number;
-        }
-        export var Spacing: Spacing;
-
-        interface ThemePalette {
-            primary1Color?: string;
-            primary2Color?: string;
-            primary3Color?: string;
-            accent1Color?: string;
-            accent2Color?: string;
-            accent3Color?: string;
-            textColor?: string;
-            alternateTextColor?: string;
-            canvasColor?: string;
-            borderColor?: string;
-            disabledColor?: string;
-            pickerHeaderColor?: string;
-            clockCircleColor?: string;
-            shadowColor?: string;
-        }
-        export var ThemePalette: ThemePalette;
-        interface MuiTheme {
-            spacing?: Spacing;
-            fontFamily?: string;
-            palette?: ThemePalette;
-            isRtl?: boolean;
-            userAgent?: string;
-            zIndex?: zIndex;
-            baseTheme?: RawTheme;
-            rawTheme?: RawTheme;
-            appBar?: {
-                color?: string;
-                textColor?: string;
-                height?: number;
-                titleFontWeight?: number;
-                padding?: number;
-            };
-            avatar?: {
-                color?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-            badge?: {
-                color?: string;
-                textColor?: string;
-                primaryColor?: string;
-                primaryTextColor?: string;
-                secondaryColor?: string;
-                secondaryTextColor?: string;
-                fontWeight?: number;
-            };
-            button?: {
-                height?: number;
-                minWidth?: number;
-                iconButtonSize?: number;
-            };
-            card?: {
-                titleColor?: string;
-                subtitleColor?: string;
-                fontWeight?: number;
-            };
-            cardMedia?: {
-              color?: string;
-              overlayContentBackground?: string;
-              titleColor?: string;
-              subtitleColor?: string;
-            };
-            cardText?: {
-                textColor?: string;
-            };
-            checkbox?: {
-                boxColor?: string;
-                checkedColor?: string;
-                requiredColor?: string;
-                disabledColor?: string;
-                labelColor?: string;
-                labelDisabledColor?: string;
-            };
-            chip?: {
-              backgroundColor?: string;
-              deleteIconColor?: string;
-              textColor?: string;
-              fontSize?: number;
-              fontWeight?: number;
-              shadow?: string;
-            };
-            datePicker?: {
-                color?: string;
-                textColor?: string;
-                calendarTextColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-                calendarYearBackgroundColor?: string;
-            };
-            dialog?: {
-              titleFontSize?: number;
-              bodyFontSize?: number;
-              bodyColor?: string;
-            };
-            dropDownMenu?: {
-                accentColor?: string;
-            };
-            enhancedButton?: {
-              tapHighlightColor?: string;
-            };
-            flatButton?: {
-                color?: string;
-                buttonFilterColor?: string;
-                disabledTextColor?: string;
-                textColor?: string;
-                primaryTextColor?: string;
-                secondaryTextColor?: string;
-                fontSize?: number;
-                fontWeight?: number;
-            };
-            floatingActionButton?: {
-                buttonSize?: number;
-                miniSize?: number;
-                color?: string;
-                iconColor?: string;
-                secondaryColor?: string;
-                secondaryIconColor?: string;
-                disabledTextColor?: string;
-                disabledColor?: string;
-            };
-            gridTile?: {
-                textColor?: string;
-            };
-            icon?: {
-              color?: string;
-              backgroundColor?: string;
-            };
-            inkBar?: {
-                backgroundColor?: string;
-            };
-            drawer?: {
-                width?: number;
-                color?: string;
-            };
-            listItem?: {
-                nestedLevelDepth?: number;
-                secondaryTextColor?: string;
-                leftIconColor?: string;
-                rightIconColor?: string;
-            };
-            menu?: {
-                backgroundColor?: string;
-                containerBackgroundColor?: string;
-            };
-            menuItem?: {
-                dataHeight?: number;
-                height?: number;
-                hoverColor?: string;
-                padding?: number;
-                selectedTextColor?: string;
-                rightIconDesktopFill?: string;
-            };
-            menuSubheader?: {
-                padding?: number;
-                borderColor?: string;
-                textColor?: string;
-            };
-            overlay?: {
-                backgroundColor?: string;
-            };
-            paper?: {
-                color?: string;
-                backgroundColor?: string;
-                zDepthShadows?: string[];
-            };
-            radioButton?: {
-                borderColor?: string;
-                backgroundColor?: string;
-                checkedColor?: string;
-                requiredColor?: string;
-                disabledColor?: string;
-                size?: number;
-                labelColor?: string;
-                labelDisabledColor?: string;
-            };
-            raisedButton?: {
-                color?: string;
-                textColor?: string;
-                primaryColor?: string;
-                primaryTextColor?: string;
-                secondaryColor?: string;
-                secondaryTextColor?: string;
-                disabledColor?: string;
-                disabledTextColor?: string;
-                fontSize?: number;
-                fontWeight?: number;
-            };
-            refreshIndicator?: {
-                strokeColor?: string;
-                loadingStrokeColor?: string;
-            };
-            ripple?: {
-                color?: string;
-            };
-            slider?: {
-                trackSize?: number;
-                trackColor?: string;
-                trackColorSelected?: string;
-                handleSize?: number;
-                handleSizeDisabled?: number;
-                handleSizeActive?: number;
-                handleColorZero?: string;
-                handleFillColor?: string;
-                selectionColor?: string;
-                rippleColor?: string;
-            };
-            snackbar?: {
-                textColor?: string;
-                backgroundColor?: string;
-                actionColor?: string;
-            };
-            subheader?: {
-                color?: string;
-                fontWeight?: number;
-            };
-            stepper?: {
-                backgroundColor?: string;
-                hoverBackgroundColor?: string;
-                iconColor?: string;
-                hoveredIconColor?: string;
-                inactiveIconColor?: string;
-                textColor?: string;
-                disabledTextColor?: string;
-                connectorLineColor?: string;
-            };
-            svgIcon?: {
-                color?: string,
-            };
-            table?: {
-                backgroundColor?: string;
-            };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
-            tableHeader?: {
-                borderColor?: string;
-            };
-            tableHeaderColumn?: {
-                textColor?: string;
-                height?: number;
-                spacing?: number;
-            };
-            tableRow?: {
-                hoverColor?: string;
-                stripeColor?: string;
-                selectedColor?: string;
-                textColor?: string;
-                borderColor?: string;
-                height?: number;
-            };
-            tableRowColumn?: {
-                height?: number;
-                spacing?: number;
-            };
-            tabs?: {
-                backgroundColor?: string;
-                textColor?: string;
-                selectedTextColor?: string;
-            };
-            textField?: {
-                textColor?: string;
-                hintColor?: string;
-                floatingLabelColor?: string;
-                disabledTextColor?: string;
-                errorColor?: string;
-                focusColor?: string;
-                backgroundColor?: string;
-                borderColor?: string;
-            };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                clockCircleColor?: string;
-                headerColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string;
-                thumbOffColor?: string;
-                thumbDisabledColor?: string;
-                thumbRequiredColor?: string;
-                trackOnColor?: string;
-                trackOffColor?: string;
-                trackDisabledColor?: string;
-                labelColor?: string;
-                labelDisabledColor?: string;
-                trackRequiredColor?: string;
-            };
-            toolbar?: {
-                color?: string;
-                hoverColor?: string;
-                backgroundColor?: string;
-                height?: number;
-                titleFontSize?: number;
-                iconColor?: string;
-                separatorColor?: string;
-                menuHoverColor?: string;
-            };
-            tooltip?: {
-                color?: string;
-                rippleBackgroundColor?: string;
-            };
-        }
-
-        interface zIndex {
-            menu: number;
-            appBar: number;
-            drawerOverlay: number;
-            drawer: number;
-            dialogOverlay: number;
-            dialog: number;
-            layer: number;
-            popover: number;
-            snackbar: number;
-            tooltip: number;
-        }
-        export var zIndex: zIndex;
-
-        interface RawTheme {
-            spacing?: Spacing;
-            fontFamily?: string;
-            palette?: ThemePalette;
-        }
-        var lightBaseTheme: RawTheme;
-        var darkBaseTheme: RawTheme;
-
-        export function muiThemeable<TComponent extends React.Component<P, S>, P, S>(): (component: TComponent) => TComponent;
-
-        //** @deprecated use MuiThemeProvider instead **/
-        export function themeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
-
-        interface MuiThemeProviderProps extends React.Props<MuiThemeProvider> {
-            muiTheme?: Styles.MuiTheme;
-        }
-        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}>{
-        }
-
-        export function getMuiTheme(...muiTheme: MuiTheme[]): MuiTheme;
-
-        interface ThemeManager {
-            //** @deprecated ThemeManager is deprecated. please import getMuiTheme directly from "material-ui/styles/getMuiTheme" **/
-            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
-
-            //** @deprecated modifyRawThemeSpacing is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-
-            //** @deprecated modifyRawThemePalette is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-
-            //** @deprecated modifyRawThemeFontFamily is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
-        interface Transitions {
-            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
-            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
-            easeOutFunction: string;
-            easeInOutFunction: string;
-        }
-        export var Transitions: Transitions;
-
-        interface Typography {
-            textFullBlack: string;
-            textDarkBlack: string;
-            textLightBlack: string;
-            textMinBlack: string;
-            textFullWhite: string;
-            textDarkWhite: string;
-            textLightWhite: string;
-
-            // font weight
-            fontWeightLight: number;
-            fontWeightNormal: number;
-            fontWeightMedium: number;
-
-            fontStyleButtonFontSize: number;
-        }
-        export var Typography: Typography;
-
-        //** @deprecated use darkBaseTheme instead **/
-        export var DarkRawTheme: RawTheme;
-
-        //** @deprecated use lightBaseTheme instead **/
-        export var LightRawTheme: RawTheme;
-    }
-
-    interface AppBarProps extends React.Props<AppBar> {
-        className?: string;
-        iconClassNameLeft?: string;
-        iconClassNameRight?: string;
-        iconElementLeft?: React.ReactElement<any>;
-        iconElementRight?: React.ReactElement<any>;
-        iconStyleRight?: React.CSSProperties;
-        iconStyleLeft?: React.CSSProperties;
-        onLeftIconButtonTouchTap?: TouchTapEventHandler;
-        onRightIconButtonTouchTap?: TouchTapEventHandler;
-        onTitleTouchTap?: TouchTapEventHandler;
-        showMenuIconButton?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleStyle?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class AppBar extends React.Component<AppBarProps, {}>{
-    }
-
-    interface AppCanvasProps extends React.Props<AppCanvas> {
-    }
-    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
-    }
-
-    namespace propTypes {
-        type horizontal = 'left' | 'middle' | 'right';
-        type vertical = 'top' | 'center' | 'bottom';
-        type direction = 'left' | 'right' | 'up' | 'down';
-
-        interface origin {
-            horizontal: horizontal;
-            vertical: vertical;
-        }
-
-        type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-        type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
-    }
-
-    type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
-    type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
-    interface AutoCompleteProps extends React.Props<AutoComplete> {
-        anchorOrigin?: propTypes.origin;
-        animated?: boolean;
-        dataSource: AutoCompleteDataSource;
-        disableFocusRipple?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: string;
-        filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintText?: string;
-        listStyle?: React.CSSProperties;
-        maxSearchResults?: number;
-        menuCloseDelay?: number;
-        menuProps?: any;
-        menuStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        onNewRequest?: (chosenRequest: string, index: number) => void;
-        onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
-        open?: boolean;
-        openOnFocus?: boolean;
-        searchText?: string;
-        style?: React.CSSProperties;
-        targetOrigin?: propTypes.origin;
-        /** @deprecated Instead, use openOnFocus */
-        triggerUpdateOnFocus?: boolean;
-    }
-    export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
-        static noFilter: () => boolean;
-        static defaultFilter: (searchText: string, key: string) => boolean;
-        static caseSensitiveFilter: (searchText: string, key: string) => boolean;
-        static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
-        static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
-        static fuzzyFilter: (searchText: string, key: string) => boolean;
-        static Item: Menus.MenuItem;
-        static Divider: Divider;
-    }
-
-    interface AvatarProps extends React.Props<Avatar> {
-        backgroundColor?: string;
-        className?: string;
-        color?: string;
-        icon?: React.ReactElement<any>;
-        size?: number;
-        src?: string;
-        style?: React.CSSProperties;
-    }
-    export class Avatar extends React.Component<AvatarProps, {}> {
-    }
-
-    interface BadgeProps extends React.Props<Badge> {
-        badgeContent: React.ReactNode;
-        badgeStyle?: React.CSSProperties;
-        className?: string;
-        primary?: boolean;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Badge extends React.Component<BadgeProps, {}> {
-    }
-
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
-        afterElementType?: string;
-        afterStyle?: React.CSSProperties;
-        beforeElementType?: string;
-        beforeStyle?: React.CSSProperties;
-        elementType?: string;
-        style?: React.CSSProperties;
-    }
-    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
-    }
-
-    // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
-        centerRipple?: boolean;
-        disableFocusRipple?: boolean;
-        disableKeyboardFocus?: boolean;
-        disableTouchRipple?: boolean;
-        focusRippleColor?: string;
-        focusRippleOpacity?: number;
-        keyboardFocused?: boolean;
-        linkButton?: boolean;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onKeyDown?: React.KeyboardEventHandler;
-        onKeyUp?: React.KeyboardEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        onClick?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        tabIndex?: number;
-        touchRippleColor?: string;
-        touchRippleOpacity?: number;
-        type?: string;
-        containerElement?: React.ReactNode | string;
-    }
-
-    interface EnhancedButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<EnhancedButton> {
-        // container element, <button/>, or <span/>(if disabled link) is the element that get the 'other' properties
-        containerElement?: React.ReactNode | string;
-        disabled?: boolean;
-    }
-    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
-    }
-
-    interface FlatButtonProps extends React.DOMAttributes, SharedEnhancedButtonProps<FlatButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        disabled?: boolean;
-        hoverColor?: string;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: React.ReactNode;
-        labelPosition?: "before" | "after";
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleColor?: string;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class FlatButton extends React.Component<FlatButtonProps, {}> {
-    }
-
-    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledBackgroundColor?: string;
-        disabledLabelColor?: string;
-        fullWidth?: boolean;
-        href?: string;
-        icon?: React.ReactNode;
-        label?: React.ReactNode;
-        labelColor?: string;
-        labelPosition?: "before" | "after";
-        labelStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        primary?: boolean;
-        rippleStyle?: React.CSSProperties;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
-    }
-
-    interface FloatingActionButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<FloatingActionButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        backgroundColor?: string;
-        className?: string;
-        disabled?: boolean;
-        disabledColor?: string;
-        href?: string;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        linkButton?: boolean;
-        mini?: boolean;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        secondary?: boolean;
-        style?: React.CSSProperties;
-        zDepth?: number;
-    }
-    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
-    }
-
-    interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
-        // <EnhancedButton/> is the element that get the 'other' properties
-        className?: string;
-        disableTouchRipple?: boolean;
-        disabled?: boolean;
-        iconClassName?: string;
-        iconStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseOut?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        tooltip?: React.ReactNode | string;
-        tooltipPosition?: propTypes.cornersAndCenter;
-        tooltipStyles?: React.CSSProperties;
-        touch?: boolean;
-    }
-    export class IconButton extends React.Component<IconButtonProps, {}> {
-    }
-
-    namespace Card {
-
-        interface CardProps extends React.Props<Card> {
-            className?: string;
-            actAsExpander?: boolean;
-            containerStyle?: React.CSSProperties;
-            expandable?: boolean;
-            expanded?: boolean;
-            initiallyExpanded?: boolean;
-            onExpandChange?: (isExpanded: boolean) => void;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Card extends React.Component<CardProps, {}> {
-        }
-
-        interface CardActionsProps extends React.Props<CardActions> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardActions extends React.Component<CardActionsProps, {}> {
-        }
-
-        interface CardExpandableProps extends React.Props<CardExpandable> {
-            expanded?: boolean;
-            onExpanding?: (isExpanded: boolean) => void;
-            style?: React.CSSProperties;
-        }
-        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
-        }
-
-        interface CardHeaderProps extends React.Props<CardHeader> {
-            actAsExpander?: boolean;
-            avatar?: React.ReactNode;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            textStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardHeader extends React.Component<CardHeaderProps, {}> {
-        }
-
-        interface CardMediaProps extends React.Props<CardMedia> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            mediaStyle?: React.CSSProperties;
-            overlay?: React.ReactNode;
-            overlayContainerStyle?: React.CSSProperties;
-            overlayContentStyle?: React.CSSProperties;
-            overlayStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-        }
-        export class CardMedia extends React.Component<CardMediaProps, {}> {
-        }
-
-        interface CardTextProps extends React.Props<CardText> {
-            actAsExpander?: boolean;
-            color?: string;
-            expandable?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class CardText extends React.Component<CardTextProps, {}> {
-        }
-
-        interface CardTitleProps extends React.Props<CardTitle> {
-            actAsExpander?: boolean;
-            expandable?: boolean;
-            showExpandableButton?: boolean;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            subtitleColor?: string;
-            subtitleStyle?: React.CSSProperties;
-            title?: React.ReactNode;
-            titleColor?: string;
-            titleStyle?: React.CSSProperties;
-        }
-        export class CardTitle extends React.Component<CardTitleProps, {}> {
-        }
-    }
-
-    interface ChipProps extends React.Props<Chip> {
-        backgroundColor?: string;
-        className?: string;
-        labelColor?: string;
-        labelStyle?: React.CSSProperties;
-        onRequestDelete?: React.TouchEventHandler;
-        onTouchTap?: React.TouchEventHandler;
-        style?: React.CSSProperties;
-    }
-    export class Chip extends React.Component<ChipProps, {}> {
-    }
-
-    namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
-            // <TextField/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            cancelLabel?: React.ReactNode;
-            container?: "dialog" | "inline";
-            defaultDate?: Date;
-            disableYearSelection?: boolean;
-            disabled?: boolean;
-            firstDayOfWeek?: number;
-            formatDate?: (date: Date) => string;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: "portrait" | "landscape";
-            okLabel?: React.ReactNode;
-            onChange?: (e: any, date: Date) => void; // e is always null
-            onDismiss?: () => void;
-            onFocus?: React.FocusEventHandler;
-            onShow?: () => void;
-            onTouchTap?: React.TouchEventHandler;
-            shouldDisableDate?: (day: Date) => boolean;
-            style?: React.CSSProperties;
-            textFieldStyle?: React.CSSProperties;
-            value?: Date;
-            /** @deprecated use cancelLabel and okLabel instead */
-            wordings?: {ok: string, cancel: string};
-
-            // From <TextField />
-            className?: string;
-            defaultValue?: string;
-            errorStyle?: React.CSSProperties;
-            errorText?: React.ReactNode;
-            floatingLabelStyle?: React.CSSProperties;
-            floatingLabelText?: React.ReactNode;
-            fullWidth?: boolean;
-            hintStyle?: React.CSSProperties;
-            hintText?: React.ReactNode;
-            id?: string;
-            inputStyle?: React.CSSProperties;
-            name?: string;
-            onBlur?: React.FocusEventHandler;
-            onKeyDown?: React.KeyboardEventHandler;
-            type?: string;
-            underlineDisabledStyle?: React.CSSProperties;
-            underlineFocusStyle?: React.CSSProperties;
-            underlineShow?: boolean;
-            underlineStyle?: React.CSSProperties;
-        }
-        export class DatePicker extends React.Component<DatePickerProps, {}> {
-        }
-
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
-            // <Container/> is the element that get the 'other' properties
-            DateTimeFormat?: Intl.DateTimeFormat;
-            autoOk?: boolean;
-            cancelLabel?: React.ReactNode;
-            container?: "dialog" | "inline";
-            disableYearSelection?: boolean;
-            firstDayOfWeek?: number;
-            initialDate?: Date;
-            locale?: string;
-            maxDate?: Date;
-            minDate?: Date;
-            mode?: "portrait" | "landscape";
-            okLabel?: React.ReactNode;
-            onAccept?: (d: Date) => void;
-            onDismiss?: () => void;
-            onShow?: () => void;
-            shouldDisableDate?: (day: Date) => boolean;
-            style?: React.CSSProperties;
-            wordings?: { ok: string, cancel: string };
-        }
-        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
-        }
-    }
-
-    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
-        actions?: React.ReactElement<any> | React.ReactElement<any>[];
-        actionsContainerClassName?: string;
-        actionsContainerStyle?: React.CSSProperties;
-        autoDetectWindowHeight?: boolean;
-        autoScrollBodyContent?: boolean;
-        bodyClassName?: string;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        contentClassName?: string;
-        contentStyle?: React.CSSProperties;
-        modal?: boolean;
-        onRequestClose?: (buttonClicked: boolean) => void;
-        open: boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        repositionOnUpdate?: boolean;
-        style?: React.CSSProperties;
-        title?: React.ReactNode;
-        titleClassName?: string;
-        titleStyle?: React.CSSProperties;
-    }
-    export class Dialog extends React.Component<DialogProps, {}> {
-    }
-
-    interface DividerProps extends React.Props<Divider> {
-        className?: string;
-        inset?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Divider extends React.Component<DividerProps, {}>{
-    }
-
-    interface DrawerProps extends React.Props<Drawer> {
-        className?: string;
-        containerClassName?: string;
-        containerStyle?: React.CSSProperties;
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        onRequestChange?: (opening: boolean, reason: string) => void;
-        open?: boolean;
-        openSecondary?: Boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        swipeAreaWidth?: number;
-        width?: number;
-        zDepth?: number;
-    }
-    export class Drawer extends React.Component<DrawerProps, {}> {
-    }
-
-    namespace GridList {
-        interface GridListProps extends React.Props<GridList> {
-            cellHeight?: number;
-            cols?: number;
-            padding?: number;
-            style?: React.CSSProperties;
-        }
-        export class GridList extends React.Component<GridListProps, {}>{
-        }
-
-        interface GridTileProps extends React.Props<GridTile> {
-            actionIcon?: React.ReactElement<any>;
-            actionPosition?: "left" | "right";
-            cols?: number;
-            containerElement?: string | React.ReactElement<any> | React.ComponentClass<any>;
-            rows?: number;
-            style?: React.CSSProperties;
-            subtitle?: React.ReactNode;
-            title?: React.ReactNode;
-            titleBackground?: string;
-            titlePosition?: "top" | "bottom";
-        }
-        export class GridTile extends React.Component<GridTileProps, {}>{
-        }
-    }
-
-    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
-        // <span/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-    }
-    export class FontIcon extends React.Component<FontIconProps, {}> {
-    }
-
-    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
-        // <svg/> is the element that get the 'other' properties
-        color?: string;
-        hoverColor?: string;
-        onMouseEnter?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        style?: React.CSSProperties;
-        viewBox?: string;
-    }
-    export class SvgIcon extends React.Component<SvgIconProps, {}> {
-    }
-
-    namespace List {
-        interface ListProps extends React.Props<List> {
-            // <Paper/> is the element that get the 'other' properties
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            insetSubheader?: boolean;
-            style?: React.CSSProperties;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheader?: string;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheaderStyle?: React.CSSProperties;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
-        }
-        export class List extends React.Component<ListProps, {}> {
-        }
-
-        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
-            // <EnhancedButton/> is the element that get the 'other' properties
-            autoGenerateNestedIndicator?: boolean;
-            disableKeyboardFocus?: boolean;
-            disabled?: boolean;
-            initiallyOpen?: boolean;
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftAvatar?: React.ReactElement<any>;
-            leftCheckbox?: React.ReactElement<any>;
-            leftIcon?: React.ReactElement<any>;
-            nestedItems?: React.ReactElement<ListItemProps>[];
-            nestedLevel?: number;
-            nestedListStyle?: React.CSSProperties;
-            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onNestedListToggle?: (item: ListItem) => void;
-            onTouchStart?: React.TouchEventHandler;
-            onTouchTap?: TouchTapEventHandler;
-            primaryText?: React.ReactNode;
-            primaryTogglesNestedList?: boolean;
-            rightAvatar?: React.ReactElement<any>;
-            rightIcon?: React.ReactElement<any>;
-            rightIconButton?: React.ReactElement<any>;
-            rightToggle?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-            style?: React.CSSProperties;
-        }
-        export class ListItem extends React.Component<ListItemProps, {}> {
-        }
-
-        interface SelectableProps {
-            onChange?: (e: TouchTapEvent, value: any) => void;
-            selectedItemStyle?: React.CSSProperties;
-            value?: any;
-            /** @deprecated use the value and onChange property instead */
-            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
-        }
-
-        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
-        export function MakeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
-    }
-
-    namespace Menus {
-        interface MenuProps extends React.Props<Menu> {
-            // <List/> is the element that get the 'other' properties
-            /** @deprecated Instead, use a Popover */
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            disableAutoFocus?: boolean;
-            initiallyKeyboardFocused?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onEscKeyDown?: React.KeyboardEventHandler;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: propTypes.corners;
-            selectedMenuItemStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
-        }
-        export class Menu extends React.Component<MenuProps, {}>{
-        }
-
-        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
-            // <ListItem/> is the element that get the 'other' properties
-            checked?: boolean;
-            desktop?: boolean;
-            disabled?: boolean;
-            focusState?: string; // 'none', 'focused', or 'keyboard-focused'
-            innerDivStyle?: React.CSSProperties;
-            insetChildren?: boolean;
-            leftIcon?: React.ReactElement<any>;
-            menuItems?: React.ReactNode;
-            onTouchTap?: TouchTapEventHandler;
-            rightIcon?: React.ReactElement<any>;
-            secondaryText?: React.ReactNode;
-            style?: React.CSSProperties;
-            value?: any;
-
-            // useful attributes passed to <ListItem/>
-            primaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
-        }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
-        }
-
-        interface IconMenuProps extends React.Props<IconMenu> {
-            // <Menu/> is the element that get the 'other' properties
-            anchorOrigin?: propTypes.origin;
-            className?: string;
-            iconButtonElement: React.ReactElement<IconButtonProps>;
-            iconStyle?: React.CSSProperties;
-            menuStyle?: React.CSSProperties;
-            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
-            onMouseDown?: React.MouseEventHandler;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onMouseUp?: React.MouseEventHandler;
-            onRequestChange?: (opening: boolean, reason: string) => void;
-            onTouchTap?: TouchTapEventHandler;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: propTypes.origin;
-            touchTapCloseDelay?: number;
-            useLayerForClickAway?: boolean;
-
-            animated?: boolean;
-            autoWidth?: boolean;
-            desktop?: boolean;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            multiple?: boolean;
-            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
-            onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: string;
-            selectedMenuItemStyle?: React.CSSProperties;
-            value?: any | any[];
-            valueLink?: ReactLink<any | any[]>;
-            width?: string | number;
-        }
-        export class IconMenu extends React.Component<IconMenuProps, {}> {
-        }
-
-        interface DropDownMenuProps extends React.Props<DropDownMenu> {
-            // <div/> is the element that gets the 'other' properties
-            animated?: boolean;
-            autoWidth?: boolean;
-            className?: string;
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            labelStyle?: React.CSSProperties;
-            listStyle?: React.CSSProperties;
-            maxHeight?: number;
-            menuStyle?: React.CSSProperties;
-            onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-            openImmediately?: boolean;
-            style?: React.CSSProperties;
-            underlineStyle?: React.CSSProperties;
-            value?: any;
-        }
-        export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
-        }
-    }
-
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
-        circle?: boolean;
-        rounded?: boolean;
-        style?: React.CSSProperties;
-        transitionEnabled?: boolean;
-        zDepth?: number;
-    }
-    export class Paper extends React.Component<PaperProps, {}> {
-    }
-
-    namespace Popover {
-        interface PopoverAnimationProps {
-            open: boolean;
-            style?: React.CSSProperties;
-        }
-
-        interface PopoverProps extends React.Props<Popover> {
-            anchorEl?: React.ReactInstance;
-            anchorOrigin?: propTypes.origin;
-            animated?: boolean;
-            animation?: React.ComponentClass<PopoverAnimationProps>;
-            autoCloseWhenOffScreen?: boolean;
-            canAutoPosition?: boolean;
-            className?: string;
-            onRequestClose?: (reason: string) => void;
-            open?: boolean;
-            style?: React.CSSProperties;
-            targetOrigin?: propTypes.origin;
-            useLayerForClickAway?: boolean;
-            zDepth?: number;
-        }
-        export class Popover extends React.Component<PopoverProps, {}>{
-        }
-
-        interface PopoverAnimationVerticalProps extends PopoverAnimationProps, React.Props<PopoverAnimationVertical> {
-            className?: string;
-            targetOrigin?: propTypes.origin;
-            zDepth?: number;
-        }
-        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}>{
-        }
-
-        interface PopoverAnimationDefaultProps extends PopoverAnimationProps, React.Props<PopoverAnimationDefault> {
-            className?: string;
-            targetOrigin?: propTypes.origin;
-            zDepth?: number;
-        }
-        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}>{
-        }
-    }
-
-    interface CircularProgressProps extends React.Props<CircularProgress> {
-        color?: string;
-        innerStyle?: React.CSSProperties;
-        max?: number;
-        min?: number;
-        mode?: "determinate" | "indeterminate";
-        size?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
-    }
-
-    interface LinearProgressProps extends React.Props<LinearProgress> {
-        color?: string;
-        max?: number;
-        min?: number;
-        mode?: "determinate" | "indeterminate";
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
-    }
-
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
-        color?: string;
-        left: number;
-        loadingColor?: string;
-        percentage?: number;
-        size?: number;
-        status?: "ready" | "loading" | "hide";
-        style?: React.CSSProperties;
-        top: number;
-    }
-    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
-    }
-
-    interface SelectFieldProps extends React.Props<SelectField> {
-        // <DropDownMenu/> is the element that get the 'other' properties
-        autoWidth?: boolean;
-        disabled?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelFixed?: boolean;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        iconStyle?: React.CSSProperties;
-        id?: string;
-        labelStyle?: React.CSSProperties;
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
-        onFocus?: React.FocusEventHandler;
-        style?: React.CSSProperties;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineStyle?: React.CSSProperties;
-        value?: any;
-
-        // useful attributes passed to <DropDownMenu/>
-        className?: string;
-        maxHeight?: number;
-        menuStyle?: any;
-        openImmediately?: boolean;
-    }
-    export class SelectField extends React.Component<SelectFieldProps, {}> {
-    }
-
-    interface SliderProps extends React.Props<Slider> {
-        defaultValue?: number;
-        description?: string;
-        disableFocusRipple?: boolean;
-        disabled?: boolean;
-        error?: string;
-        max?: number;
-        min?: number;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onChange?: (e: React.MouseEvent, value: number) => void;
-        onDragStart?: React.MouseEventHandler;
-        onDragStop?: React.MouseEventHandler;
-        onFocus?: React.FocusEventHandler;
-        required?: boolean;
-        step?: number;
-        style?: React.CSSProperties;
-        value?: number;
-    }
-    export class Slider extends React.Component<SliderProps, {}> {
-    }
-
-    namespace Switches {
-
-        // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
-        }
-
-        interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            checked?: boolean;
-            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            defaultChecked?: boolean;
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            labelPosition?: "left" | "right";
-            labelStyle?: React.CSSProperties;
-            onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-            style?: React.CSSProperties;
-            /** @deprecated Use uncheckedIcon instead */
-            unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            valueLink?: ReactLink<boolean>;
-        }
-        export class Checkbox extends React.Component<CheckboxProps, {}> {
-            /** @deprecated Use checked property instead */
-            isChecked(): void;
-            /** @deprecated Use checked property instead */
-            setChecked(newCheckedValue: boolean): void;
-        }
-
-        interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            disabled?: boolean;
-            iconStyle?: React.CSSProperties;
-            inputStyle?: React.CSSProperties;
-            labelStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            value?: string;
-        }
-        export class RadioButton extends React.Component<RadioButtonProps, {}> {
-            isChecked(): boolean;
-            getValue(): string;
-        }
-
-        interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-            className?: string;
-            defaultSelected?: string;
-            labelPosition?: "left" | "right";
-            name: string;
-            onChange?: (e: React.FormEvent, selected: string) => void;
-            style?: React.CSSProperties;
-            valueSelected?: string;
-        }
-        export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-            clearValue(): void;
-            getSelectedValue(): string;
-            setSelectedValue(newSelectionValue: string): void;
-        }
-
-        interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-            // <EnhancedSwitch/> is element that get the 'other' properties
-            defaultToggled?: boolean;
-            disabled?: boolean;
-            elementStyle?: React.CSSProperties;
-            iconStyle?: React.CSSProperties;
-            inputStyle?: React.CSSProperties;
-            label?: string;
-            labelPosition?: "left" | "right";
-            labelStyle?: React.CSSProperties;
-            onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-            rippleStyle?: React.CSSProperties;
-            style?: React.CSSProperties;
-            thumbStyle?: React.CSSProperties;
-            toggled?: boolean;
-            trackStyle?: React.CSSProperties;
-            valueLink?: ReactLink<boolean>;
-        }
-        export class Toggle extends React.Component<ToggleProps, {}> {
-            isToggled(): boolean;
-            setToggled(newToggledValue: boolean): void;
-        }
-    }
-
-    interface SnackbarProps extends React.Props<Snackbar> {
-        action?: string;
-        autoHideDuration?: number;
-        bodyStyle?: React.CSSProperties;
-        className?: string;
-        message: React.ReactNode;
-        onActionTouchTap?: React.TouchEventHandler;
-        onRequestClose: (reason: string) => void;
-        open: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Snackbar extends React.Component<SnackbarProps, {}> {
-    }
-
-    namespace Stepper {
-        interface StepProps extends React.Props<Step> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Step extends React.Component<StepProps, {}>{
-        }
-
-        interface StepButtonProps extends SharedEnhancedButtonProps<StepButton> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            icon?: React.ReactNode | string | number;
-            onMouseEnter?: React.MouseEventHandler;
-            onMouseLeave?: React.MouseEventHandler;
-            onTouchStart?: React.TouchEventHandler;
-            style?: React.CSSProperties;
-        }
-        export class StepButton extends React.Component<StepButtonProps, {}>{
-        }
-
-        interface StepContentProps extends React.Props<StepContent> {
-            active?: boolean;
-            last?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class StepContent extends React.Component<StepContentProps, {}>{
-        }
-
-        interface StepLabelProps extends React.Props<StepLabel> {
-            active?: boolean;
-            completed?: boolean;
-            disabled?: boolean;
-            icon?: React.ReactNode | string | number;
-            style?: React.CSSProperties;
-        }
-        export class StepLabel extends React.Component<StepLabelProps, {}>{
-        }
-
-        interface StepperProps extends React.Props<Stepper> {
-            activeStep?: number;
-            linear?: boolean;
-            orientation?: "horizontal" | "vertical";
-            style?: React.CSSProperties;
-        }
-        export class Stepper extends React.Component<StepperProps, {}>{
-        }
-    }
-
-    interface SubheaderProps extends React.Props<Subheader> {
-        inset?: boolean;
-        style?: React.CSSProperties;
-    }
-    export class Subheader extends React.Component<SubheaderProps, {}>{
-    }
-
-    namespace Table {
-        interface TableProps extends React.Props<Table> {
-            allRowsSelected?: boolean;
-            bodyStyle?: React.CSSProperties;
-            className?: string;
-            fixedFooter?: boolean;
-            fixedHeader?: boolean;
-            footerStyle?: React.CSSProperties;
-            headerStyle?: React.CSSProperties;
-            height?: string;
-            multiSelectable?: boolean;
-            onCellClick?: (row: number, column: number) => void;
-            onCellHover?: (row: number, column: number) => void;
-            onCellHoverExit?: (row: number, column: number) => void;
-            onRowHover?: (row: number) => void;
-            onRowHoverExit?: (row: number) => void;
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            selectable?: boolean;
-            style?: React.CSSProperties;
-            wrapperStyle?: React.CSSProperties;
-        }
-        export class Table extends React.Component<TableProps, {}> {
-        }
-
-        interface TableRowProps extends React.Props<TableRow> {
-            // <tr/> is element that get the 'other' properties
-            className?: string;
-            displayBorder?: boolean;
-            hoverable?: boolean;
-            hovered?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowClick?: (e: React.MouseEvent, row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHover?: (e: React.MouseEvent, row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
-            rowNumber?: number;
-            selectable?: boolean;
-            selected?: boolean;
-            striped?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableRow extends React.Component<TableRowProps, {}> {
-        }
-
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
-            // <td/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            hoverable?: boolean;
-            key?: string;
-            /** @deprecated Instead, use event handler on Table */
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onHover?: (e: React.MouseEvent, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onHoverExit?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-
-            // useful attributes passed to <td/>
-            colSpan?: number;
-        }
-        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
-        }
-
-        interface TableHeaderProps extends React.Props<TableHeader> {
-            adjustForCheckbox?: boolean;
-            className?: string;
-            displaySelectAll?: boolean;
-            enableSelectAll?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onSelectAll?: (checked: boolean) => void;
-            /** @deprecated Instead, use event handler on Table */
-            selectAllSelected?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableHeader extends React.Component<TableHeaderProps, {}> {
-        }
-
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
-            // <th/> is element that get the 'other' properties
-            className?: string;
-            columnNumber?: number;
-            onClick?: (e: React.MouseEvent, column: number) => void;
-            style?: React.CSSProperties;
-            tooltip?: string;
-            tooltipStyle?: React.CSSProperties;
-
-            // useful attributes passed to <th/>
-            colSpan?: number;
-        }
-        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
-        }
-
-        interface TableBodyProps extends React.Props<TableBody> {
-            /** @deprecated Instead, use property on Table */
-            allRowsSelected?: boolean;
-            className?: string;
-            deselectOnClickaway?: boolean;
-            displayRowCheckbox?: boolean;
-            /** @deprecated Instead, use property on Table */
-            multiSelectable?: boolean;
-            /** @deprecated Instead, use event handler on Table */
-            onCellClick?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHover?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onCellHoverExit?: (row: number, column: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHover?: (row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowHoverExit?: (row: number) => void;
-            /** @deprecated Instead, use event handler on Table */
-            onRowSelection?: (selectedRows: number[] | string) => void;
-            preScanRows?: boolean;
-            /** @deprecated Instead, use property on Table */
-            selectable?: boolean;
-            showRowHover?: boolean;
-            stripedRows?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class TableBody extends React.Component<TableBodyProps, {}> {
-        }
-
-        interface TableFooterProps extends React.Props<TableFooter> {
-            // <tfoot/> is element that get the 'other' properties
-            adjustForCheckbox?: boolean;
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class TableFooter extends React.Component<TableFooterProps, {}> {
-        }
-    }
-
-    namespace Tabs {
-        interface TabsProps extends React.Props<Tabs> {
-            className?: string;
-            contentContainerClassName?: string;
-            contentContainerStyle?: React.CSSProperties;
-            initialSelectedIndex?: number;
-            inkBarStyle?: React.CSSProperties;
-            onChange?: (value: any, e: React.FormEvent, tab: Tab) => void;
-            style?: React.CSSProperties;
-            tabItemContainerStyle?: React.CSSProperties;
-            tabTemplate?: React.ComponentClass<any>;
-            value?: any;
-        }
-        export class Tabs extends React.Component<TabsProps, {}> {
-        }
-
-        interface TabProps extends SharedEnhancedButtonProps<Tab> {
-            className?: string;
-            icon?: React.ReactNode;
-            label?: React.ReactNode;
-            onActive?: (tab: Tab) => void;
-            style?: React.CSSProperties;
-            value?: any;
-            disabled?: boolean;
-        }
-        export class Tab extends React.Component<
-            TabProps, {}> {
-        }
-    }
-
-    interface TextFieldProps extends React.Props<TextField> {
-        className?: string;
-        defaultValue?: string | number;
-        disabled?: boolean;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelFixed?: boolean;
-        floatingLabelFocusStyle?: React.CSSProperties;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onChange?: React.FormEventHandler;
-        /** @deprecated Use onKeyDown and check for keycode instead. */
-        onEnterKeyDown?: React.KeyboardEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        style?: React.CSSProperties;
-        textareaStyle?: React.CSSProperties;
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-        value?: string | number;
-    }
-    export class TextField extends React.Component<TextFieldProps, {}> {
-        blur(): void;
-        focus(): void;
-        select(): void;
-        getValue(): string;
-        getInputNode(): HTMLInputElement;
-    }
-
-    interface TimePickerProps extends React.Props<TimePicker> {
-        // <TextField/> is element that get the 'other' properties
-        autoOk?: boolean;
-        cancelLabel?: React.ReactNode;
-        defaultTime?: Date;
-        dialogBodyStyle?: React.CSSProperties;
-        dialogStyle?: React.CSSProperties;
-        disabled?: boolean;
-        format?: "ampm" | "24hr";
-        okLabel?: React.ReactNode;
-        onChange?: (e: any, time: Date) => void;
-        onDismiss?: () => void;
-        onFocus?: React.FocusEventHandler;
-        onShow?: () => void;
-        onTouchTap?: TouchTapEventHandler;
-        pedantic?: boolean;
-        style?: React.CSSProperties;
-        textFieldStyle?: React.CSSProperties;
-        value?: Date;
-
-        // From <TextField />
-        className?: string;
-        defaultValue?: string | number;
-        errorStyle?: React.CSSProperties;
-        errorText?: React.ReactNode;
-        floatingLabelFixed?: boolean;
-        floatingLabelFocusStyle?: React.CSSProperties;
-        floatingLabelStyle?: React.CSSProperties;
-        floatingLabelText?: React.ReactNode;
-        fullWidth?: boolean;
-        hintStyle?: React.CSSProperties;
-        hintText?: React.ReactNode;
-        id?: string;
-        inputStyle?: React.CSSProperties;
-        multiLine?: boolean;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
-        rows?: number,
-        rowsMax?: number,
-        textareaStyle?: React.CSSProperties;
-        type?: string;
-        underlineDisabledStyle?: React.CSSProperties;
-        underlineFocusStyle?: React.CSSProperties;
-        underlineShow?: boolean;
-        underlineStyle?: React.CSSProperties;
-    }
-    export class TimePicker extends React.Component<TimePickerProps, {}> {
-        /** @deprecated Use defaultTime instead. */
-        getTime(): Date;
-        /** @deprecated Use defaultTime instead. */
-        setTime(time: Date): void;
-        focus(): void;
-        openDialog(): void;
-    }
-
-    namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
-            className?: string;
-            noGutter?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class Toolbar extends React.Component<ToolbarProps, {}> {
-        }
-
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
-            className?: string;
-            firstChild?: boolean;
-            float?: "left" | "right";
-            lastChild?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
-        }
-
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
-            className?: string;
-            style?: React.CSSProperties;
-        }
-        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
-        }
-
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
-            className?: string;
-            style?: React.CSSProperties;
-            text?: string;
-        }
-        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
-        }
-    }
-
-    export namespace Utils {
-        export namespace ColorManipulator {
-            interface MuiColorObject {
-                type: string;
-                values: number[];
-            }
-            function convertColorToString(color: any): string;
-            function convertHexToRGB(color: string): string;
-            function decomposeColor(color: string): MuiColorObject;
-            function getContrastRatio(foreground: string, background: string): number;
-            function getLuminance(color: string): number;
-            function emphasize(color: string, coefficient?: number): string;
-            function fade(color: string, value: number): string;
-            function darken(color: string, coefficient: number): string;
-            function lighten(color: string, coefficient: number): string;
-        }
-
-        interface Dom {
-            addClass(el: Element, className: string): void;
-            forceRedraw(el: HTMLElement): void;
-            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
-            hasClass(el: Element, className: string): boolean;
-            isDescendant(parent: Node, child: Node): boolean;
-            offset(el: Element): { top: number, left: number };
-            removeClass(el: Element, className: string): void;
-            toggleClass(el: Element, className: string): void;
-            withoutTransition(el: HTMLElement, callback: () => void): void;
-        }
-        export var Dom: Dom;
-
-        interface Events {
-            isKeyboard(e: Event): boolean;
-            off(el: Element, type: string, callback: EventListener): void;
-            on(el: Element, type: string, callback: EventListener): void;
-            once(el: Element, type: string, callback: EventListener): void;
-        }
-        export var Events: Events;
-    }
-}    // __MaterialUI
-
-declare module 'material-ui/AppBar' {
-    export import AppBar = __MaterialUI.AppBar;
-    export default AppBar;
-}
-
-declare module 'material-ui/AutoComplete' {
-    export import AutoComplete = __MaterialUI.AutoComplete;
-    export default AutoComplete;
-}
-
-declare module 'material-ui/Avatar' {
-    export import Avatar = __MaterialUI.Avatar;
-    export default Avatar;
-}
-
-declare module "material-ui/Badge" {
-    export import Badge = __MaterialUI.Badge;
-    export default Badge;
-}
-
-declare module 'material-ui/Card' {
-    export import Card = __MaterialUI.Card.Card;
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export import CardText = __MaterialUI.Card.CardText;
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export default Card;
-}
-
-declare module 'material-ui/Card/Card' {
-    export import Card = __MaterialUI.Card.Card;
-    export default Card;
-}
-
-declare module 'material-ui/Card/CardActions' {
-    export import CardActions = __MaterialUI.Card.CardActions;
-    export default CardActions;
-}
-
-declare module 'material-ui/Card/CardExpandable' {
-    export import CardExpandable = __MaterialUI.Card.CardExpandable;
-    export default CardExpandable;
-}
-
-declare module 'material-ui/Card/CardHeader' {
-    export import CardHeader = __MaterialUI.Card.CardHeader;
-    export default CardHeader;
-}
-
-declare module 'material-ui/Card/CardMedia' {
-    export import CardMedia = __MaterialUI.Card.CardMedia;
-    export default CardMedia;
-}
-
-declare module 'material-ui/Card/CardText' {
-    export import CardText = __MaterialUI.Card.CardText;
-    export default CardText;
-}
-
-declare module 'material-ui/Card/CardTitle' {
-    export import CardTitle = __MaterialUI.Card.CardTitle;
-    export default CardTitle;
-}
-
-declare module 'material-ui/Checkbox' {
-    export import Checkbox = __MaterialUI.Switches.Checkbox;
-    export default Checkbox;
-}
-
-declare module 'material-ui/Chip' {
-    export import Chip = __MaterialUI.Chip;
-    export default Chip;
-}
-
-declare module 'material-ui/CircularProgress' {
-    export import CircularProgress = __MaterialUI.CircularProgress;
-    export default CircularProgress;
-}
-
-declare module 'material-ui/DatePicker' {
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
-    export default DatePicker;
-}
-
-declare module 'material-ui/Dialog' {
-    export import Dialog = __MaterialUI.Dialog;
-    export default Dialog;
-}
-
-declare module "material-ui/Divider" {
-    export import Divider = __MaterialUI.Divider;
-    export default Divider;
-}
-
-declare module 'material-ui/Drawer' {
-    export import Drawer = __MaterialUI.Drawer;
-    export default Drawer;
-}
-
-declare module 'material-ui/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/FlatButton' {
-    export import FlatButton = __MaterialUI.FlatButton;
-    export default FlatButton;
-}
-
-declare module 'material-ui/FloatingActionButton' {
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
-    export default FloatingActionButton;
-}
-
-declare module 'material-ui/FontIcon' {
-    export import FontIcon = __MaterialUI.FontIcon;
-    export default FontIcon;
-}
-
-declare module "material-ui/GridList" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridList;
-}
-
-declare module "material-ui/GridList/GridList" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export default GridList;
-}
-
-declare module "material-ui/GridList/GridTile" {
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridTile;
-}
-
-declare module 'material-ui/IconButton' {
-    export import IconButton = __MaterialUI.IconButton;
-    export default IconButton;
-}
-
-declare module "material-ui/IconMenu" {
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export default IconMenu;
-}
-
-declare module 'material-ui/LinearProgress' {
-    export import LinearProgress = __MaterialUI.LinearProgress;
-    export default LinearProgress;
-}
-
-declare module 'material-ui/List' {
-    export import List = __MaterialUI.List.List;
-    export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export default List;
-}
-
-declare module 'material-ui/List/List' {
-    export import List = __MaterialUI.List.List;
-    export default List;
-}
-
-declare module 'material-ui/List/ListItem' {
-    export import ListItem = __MaterialUI.List.ListItem;
-    export default ListItem;
-}
-
-declare module 'material-ui/List/MakeSelectable' {
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export default MakeSelectable;
-}
-
-declare module "material-ui/Menu" {
-    export import Menu = __MaterialUI.Menus.Menu;
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default Menu;
-}
-
-declare module "material-ui/MenuItem" {
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default MenuItem;
-}
-
-declare module 'material-ui/Paper' {
-    export import Paper = __MaterialUI.Paper;
-    export default Paper;
-}
-
-declare module 'material-ui/Popover' {
-    export import Popover = __MaterialUI.Popover.Popover;
-    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
-    export default Popover;
-}
-
-declare module 'material-ui/Popover/Popover' {
-    export import Popover = __MaterialUI.Popover.Popover;
-    export default Popover;
-}
-
-declare module 'material-ui/Popover/PopoverAnimationDefault' {
-    export import PopoverAnimationDefault = __MaterialUI.Popover.PopoverAnimationDefault;
-    export default PopoverAnimationDefault;
-}
-
-declare module 'material-ui/Popover/PopoverAnimationVertical' {
-    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
-    export default PopoverAnimationVertical;
-}
-
-declare module 'material-ui/RadioButton' {
-    export import RadioButton = __MaterialUI.Switches.RadioButton;
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export default RadioButton;
-}
-
-declare module 'material-ui/RadioButton/RadioButtonGroup' {
-    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
-    export default RadioButtonGroup;
-}
-
-declare module 'material-ui/RaisedButton' {
-    export import RaisedButton = __MaterialUI.RaisedButton;
-    export default RaisedButton;
-}
-
-declare module 'material-ui/RefreshIndicator' {
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
-    export default RefreshIndicator;
-}
-
-declare module 'material-ui/SelectField' {
-    export import SelectField = __MaterialUI.SelectField;
-    export default SelectField;
-}
-
-declare module 'material-ui/Slider' {
-    export import Slider = __MaterialUI.Slider;
-    export default Slider;
-}
-
-declare module 'material-ui/Snackbar' {
-    export import Snackbar = __MaterialUI.Snackbar;
-    export default Snackbar;
-}
-
-declare module 'material-ui/Stepper' {
-    export import Step = __MaterialUI.Stepper.Step;
-    export import StepButton = __MaterialUI.Stepper.StepButton;
-    export import StepContent = __MaterialUI.Stepper.StepContent;
-    export import StepLabel = __MaterialUI.Stepper.StepLabel;
-    export import Stepper = __MaterialUI.Stepper.Stepper;
-}
-
-declare module 'material-ui/Subheader' {
-    export import Subheader = __MaterialUI.Subheader;
-    export default Subheader;
-}
-
-declare module 'material-ui/SvgIcon' {
-    export import SvgIcon = __MaterialUI.SvgIcon;
-    export default SvgIcon;
-}
-
-declare module 'material-ui/svg-icons/action/work' {
-  export import ActionWork = __MaterialUI.SvgIcon;
-  export default ActionWork;
-}
-
-declare module 'material-ui/svg-icons/action/camera-enhance' {
-  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
-  export default ActionCameraEnhance;
-}
-
-declare module 'material-ui/svg-icons/action/flip-to-back' {
-  export import ActionFlipToBack = __MaterialUI.SvgIcon;
-  export default ActionFlipToBack;
-}
-
-declare module 'material-ui/svg-icons/action/feedback' {
-  export import ActionFeedback = __MaterialUI.SvgIcon;
-  export default ActionFeedback;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-turned-in' {
-  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentTurnedIn;
-}
-
-declare module 'material-ui/svg-icons/action/track-changes' {
-  export import ActionTrackChanges = __MaterialUI.SvgIcon;
-  export default ActionTrackChanges;
-}
-
-declare module 'material-ui/svg-icons/action/view-stream' {
-  export import ActionViewStream = __MaterialUI.SvgIcon;
-  export default ActionViewStream;
-}
-
-declare module 'material-ui/svg-icons/action/open-in-browser' {
-  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
-  export default ActionOpenInBrowser;
-}
-
-declare module 'material-ui/svg-icons/action/view-headline' {
-  export import ActionViewHeadline = __MaterialUI.SvgIcon;
-  export default ActionViewHeadline;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-add' {
-  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
-  export default ActionAlarmAdd;
-}
-
-declare module 'material-ui/svg-icons/action/history' {
-  export import ActionHistory = __MaterialUI.SvgIcon;
-  export default ActionHistory;
-}
-
-declare module 'material-ui/svg-icons/action/perm-device-information' {
-  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
-  export default ActionPermDeviceInformation;
-}
-
-declare module 'material-ui/svg-icons/action/reorder' {
-  export import ActionReorder = __MaterialUI.SvgIcon;
-  export default ActionReorder;
-}
-
-declare module 'material-ui/svg-icons/action/assignment' {
-  export import ActionAssignment = __MaterialUI.SvgIcon;
-  export default ActionAssignment;
-}
-
-declare module 'material-ui/svg-icons/action/shopping-cart' {
-  export import ActionShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionShoppingCart;
-}
-
-declare module 'material-ui/svg-icons/action/face' {
-  export import ActionFace = __MaterialUI.SvgIcon;
-  export default ActionFace;
-}
-
-declare module 'material-ui/svg-icons/action/event' {
-  export import ActionEvent = __MaterialUI.SvgIcon;
-  export default ActionEvent;
-}
-
-declare module 'material-ui/svg-icons/action/view-week' {
-  export import ActionViewWeek = __MaterialUI.SvgIcon;
-  export default ActionViewWeek;
-}
-
-declare module 'material-ui/svg-icons/action/rounded-corner' {
-  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
-  export default ActionRoundedCorner;
-}
-
-declare module 'material-ui/svg-icons/action/view-carousel' {
-  export import ActionViewCarousel = __MaterialUI.SvgIcon;
-  export default ActionViewCarousel;
-}
-
-declare module 'material-ui/svg-icons/action/toll' {
-  export import ActionToll = __MaterialUI.SvgIcon;
-  export default ActionToll;
-}
-
-declare module 'material-ui/svg-icons/action/home' {
-  export import ActionHome = __MaterialUI.SvgIcon;
-  export default ActionHome;
-}
-
-declare module 'material-ui/svg-icons/action/subject' {
-  export import ActionSubject = __MaterialUI.SvgIcon;
-  export default ActionSubject;
-}
-
-declare module 'material-ui/svg-icons/action/lock' {
-  export import ActionLock = __MaterialUI.SvgIcon;
-  export default ActionLock;
-}
-
-declare module 'material-ui/svg-icons/action/visibility-off' {
-  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
-  export default ActionVisibilityOff;
-}
-
-declare module 'material-ui/svg-icons/action/opacity' {
-  export import ActionOpacity = __MaterialUI.SvgIcon;
-  export default ActionOpacity;
-}
-
-declare module 'material-ui/svg-icons/action/dns' {
-  export import ActionDns = __MaterialUI.SvgIcon;
-  export default ActionDns;
-}
-
-declare module 'material-ui/svg-icons/action/open-with' {
-  export import ActionOpenWith = __MaterialUI.SvgIcon;
-  export default ActionOpenWith;
-}
-
-declare module 'material-ui/svg-icons/action/system-update-alt' {
-  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
-  export default ActionSystemUpdateAlt;
-}
-
-declare module 'material-ui/svg-icons/action/picture-in-picture-alt' {
-  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
-  export default ActionPictureInPictureAlt;
-}
-
-declare module 'material-ui/svg-icons/action/bookmark-border' {
-  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
-  export default ActionBookmarkBorder;
-}
-
-declare module 'material-ui/svg-icons/action/settings' {
-  export import ActionSettings = __MaterialUI.SvgIcon;
-  export default ActionSettings;
-}
-
-declare module 'material-ui/svg-icons/action/dashboard' {
-  export import ActionDashboard = __MaterialUI.SvgIcon;
-  export default ActionDashboard;
-}
-
-declare module 'material-ui/svg-icons/action/done-all' {
-  export import ActionDoneAll = __MaterialUI.SvgIcon;
-  export default ActionDoneAll;
-}
-
-declare module 'material-ui/svg-icons/action/aspect-ratio' {
-  export import ActionAspectRatio = __MaterialUI.SvgIcon;
-  export default ActionAspectRatio;
-}
-
-declare module 'material-ui/svg-icons/action/verified-user' {
-  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
-  export default ActionVerifiedUser;
-}
-
-declare module 'material-ui/svg-icons/action/update' {
-  export import ActionUpdate = __MaterialUI.SvgIcon;
-  export default ActionUpdate;
-}
-
-declare module 'material-ui/svg-icons/action/query-builder' {
-  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
-  export default ActionQueryBuilder;
-}
-
-declare module 'material-ui/svg-icons/action/supervisor-account' {
-  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
-  export default ActionSupervisorAccount;
-}
-
-declare module 'material-ui/svg-icons/action/polymer' {
-  export import ActionPolymer = __MaterialUI.SvgIcon;
-  export default ActionPolymer;
-}
-
-declare module 'material-ui/svg-icons/action/accessible' {
-  export import ActionAccessible = __MaterialUI.SvgIcon;
-  export default ActionAccessible;
-}
-
-declare module 'material-ui/svg-icons/action/highlight-off' {
-  export import ActionHighlightOff = __MaterialUI.SvgIcon;
-  export default ActionHighlightOff;
-}
-
-declare module 'material-ui/svg-icons/action/power-settings-new' {
-  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
-  export default ActionPowerSettingsNew;
-}
-
-declare module 'material-ui/svg-icons/action/chrome-reader-mode' {
-  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
-  export default ActionChromeReaderMode;
-}
-
-declare module 'material-ui/svg-icons/action/perm-camera-mic' {
-  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
-  export default ActionPermCameraMic;
-}
-
-declare module 'material-ui/svg-icons/action/touch-app' {
-  export import ActionTouchApp = __MaterialUI.SvgIcon;
-  export default ActionTouchApp;
-}
-
-declare module 'material-ui/svg-icons/action/receipt' {
-  export import ActionReceipt = __MaterialUI.SvgIcon;
-  export default ActionReceipt;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-late' {
-  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
-  export default ActionAssignmentLate;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-off' {
-  export import ActionAlarmOff = __MaterialUI.SvgIcon;
-  export default ActionAlarmOff;
-}
-
-declare module 'material-ui/svg-icons/action/toc' {
-  export import ActionToc = __MaterialUI.SvgIcon;
-  export default ActionToc;
-}
-
-declare module 'material-ui/svg-icons/action/settings-bluetooth' {
-  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
-  export default ActionSettingsBluetooth;
-}
-
-declare module 'material-ui/svg-icons/action/settings-brightness' {
-  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
-  export default ActionSettingsBrightness;
-}
-
-declare module 'material-ui/svg-icons/action/donut-small' {
-  export import ActionDonutSmall = __MaterialUI.SvgIcon;
-  export default ActionDonutSmall;
-}
-
-declare module 'material-ui/svg-icons/action/zoom-out' {
-  export import ActionZoomOut = __MaterialUI.SvgIcon;
-  export default ActionZoomOut;
-}
-
-declare module 'material-ui/svg-icons/action/loyalty' {
-  export import ActionLoyalty = __MaterialUI.SvgIcon;
-  export default ActionLoyalty;
-}
-
-declare module 'material-ui/svg-icons/action/search' {
-  export import ActionSearch = __MaterialUI.SvgIcon;
-  export default ActionSearch;
-}
-
-declare module 'material-ui/svg-icons/action/account-balance-wallet' {
-  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
-  export default ActionAccountBalanceWallet;
-}
-
-declare module 'material-ui/svg-icons/action/date-range' {
-  export import ActionDateRange = __MaterialUI.SvgIcon;
-  export default ActionDateRange;
-}
-
-declare module 'material-ui/svg-icons/action/alarm-on' {
-  export import ActionAlarmOn = __MaterialUI.SvgIcon;
-  export default ActionAlarmOn;
-}
-
-declare module 'material-ui/svg-icons/action/view-quilt' {
-  export import ActionViewQuilt = __MaterialUI.SvgIcon;
-  export default ActionViewQuilt;
-}
-
-declare module 'material-ui/svg-icons/action/launch' {
-  export import ActionLaunch = __MaterialUI.SvgIcon;
-  export default ActionLaunch;
-}
-
-declare module 'material-ui/svg-icons/action/visibility' {
-  export import ActionVisibility = __MaterialUI.SvgIcon;
-  export default ActionVisibility;
-}
-
-declare module 'material-ui/svg-icons/action/flight-land' {
-  export import ActionFlightLand = __MaterialUI.SvgIcon;
-  export default ActionFlightLand;
-}
-
-declare module 'material-ui/svg-icons/action/card-travel' {
-  export import ActionCardTravel = __MaterialUI.SvgIcon;
-  export default ActionCardTravel;
-}
-
-declare module 'material-ui/svg-icons/action/get-app' {
-  export import ActionGetApp = __MaterialUI.SvgIcon;
-  export default ActionGetApp;
-}
-
-declare module 'material-ui/svg-icons/action/markunread-mailbox' {
-  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
-  export default ActionMarkunreadMailbox;
-}
-
-declare module 'material-ui/svg-icons/action/view-agenda' {
-  export import ActionViewAgenda = __MaterialUI.SvgIcon;
-  export default ActionViewAgenda;
-}
-
-declare module 'material-ui/svg-icons/action/timeline' {
-  export import ActionTimeline = __MaterialUI.SvgIcon;
-  export default ActionTimeline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-remote' {
-  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
-  export default ActionSettingsRemote;
-}
-
-declare module 'material-ui/svg-icons/action/input' {
-  export import ActionInput = __MaterialUI.SvgIcon;
-  export default ActionInput;
-}
-
-declare module 'material-ui/svg-icons/action/record-voice-over' {
-  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
-  export default ActionRecordVoiceOver;
-}
-
-declare module 'material-ui/svg-icons/action/backup' {
-  export import ActionBackup = __MaterialUI.SvgIcon;
-  export default ActionBackup;
-}
-
-declare module 'material-ui/svg-icons/action/language' {
-  export import ActionLanguage = __MaterialUI.SvgIcon;
-  export default ActionLanguage;
-}
-
-declare module 'material-ui/svg-icons/action/play-for-work' {
-  export import ActionPlayForWork = __MaterialUI.SvgIcon;
-  export default ActionPlayForWork;
-}
-
-declare module 'material-ui/svg-icons/action/gif' {
-  export import ActionGif = __MaterialUI.SvgIcon;
-  export default ActionGif;
-}
-
-declare module 'material-ui/svg-icons/action/theaters' {
-  export import ActionTheaters = __MaterialUI.SvgIcon;
-  export default ActionTheaters;
-}
-
-declare module 'material-ui/svg-icons/action/offline-pin' {
-  export import ActionOfflinePin = __MaterialUI.SvgIcon;
-  export default ActionOfflinePin;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-return' {
-  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturn;
-}
-
-declare module 'material-ui/svg-icons/action/print' {
-  export import ActionPrint = __MaterialUI.SvgIcon;
-  export default ActionPrint;
-}
-
-declare module 'material-ui/svg-icons/action/settings-overscan' {
-  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
-  export default ActionSettingsOverscan;
-}
-
-declare module 'material-ui/svg-icons/action/store' {
-  export import ActionStore = __MaterialUI.SvgIcon;
-  export default ActionStore;
-}
-
-declare module 'material-ui/svg-icons/action/exit-to-app' {
-  export import ActionExitToApp = __MaterialUI.SvgIcon;
-  export default ActionExitToApp;
-}
-
-declare module 'material-ui/svg-icons/action/account-balance' {
-  export import ActionAccountBalance = __MaterialUI.SvgIcon;
-  export default ActionAccountBalance;
-}
-
-declare module 'material-ui/svg-icons/action/grade' {
-  export import ActionGrade = __MaterialUI.SvgIcon;
-  export default ActionGrade;
-}
-
-declare module 'material-ui/svg-icons/action/picture-in-picture' {
-  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
-  export default ActionPictureInPicture;
-}
-
-declare module 'material-ui/svg-icons/action/copyright' {
-  export import ActionCopyright = __MaterialUI.SvgIcon;
-  export default ActionCopyright;
-}
-
-declare module 'material-ui/svg-icons/action/donut-large' {
-  export import ActionDonutLarge = __MaterialUI.SvgIcon;
-  export default ActionDonutLarge;
-}
-
-declare module 'material-ui/svg-icons/action/lock-open' {
-  export import ActionLockOpen = __MaterialUI.SvgIcon;
-  export default ActionLockOpen;
-}
-
-declare module 'material-ui/svg-icons/action/perm-media' {
-  export import ActionPermMedia = __MaterialUI.SvgIcon;
-  export default ActionPermMedia;
-}
-
-declare module 'material-ui/svg-icons/action/all-out' {
-  export import ActionAllOut = __MaterialUI.SvgIcon;
-  export default ActionAllOut;
-}
-
-declare module 'material-ui/svg-icons/action/check-circle' {
-  export import ActionCheckCircle = __MaterialUI.SvgIcon;
-  export default ActionCheckCircle;
-}
-
-declare module 'material-ui/svg-icons/action/swap-vertical-circle' {
-  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
-  export default ActionSwapVerticalCircle;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-svideo' {
-  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputSvideo;
-}
-
-declare module 'material-ui/svg-icons/action/watch-later' {
-  export import ActionWatchLater = __MaterialUI.SvgIcon;
-  export default ActionWatchLater;
-}
-
-declare module 'material-ui/svg-icons/action/question-answer' {
-  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
-  export default ActionQuestionAnswer;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-ind' {
-  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
-  export default ActionAssignmentInd;
-}
-
-declare module 'material-ui/svg-icons/action/code' {
-  export import ActionCode = __MaterialUI.SvgIcon;
-  export default ActionCode;
-}
-
-declare module 'material-ui/svg-icons/action/turned-in-not' {
-  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
-  export default ActionTurnedInNot;
-}
-
-declare module 'material-ui/svg-icons/action/line-weight' {
-  export import ActionLineWeight = __MaterialUI.SvgIcon;
-  export default ActionLineWeight;
-}
-
-declare module 'material-ui/svg-icons/action/restore' {
-  export import ActionRestore = __MaterialUI.SvgIcon;
-  export default ActionRestore;
-}
-
-declare module 'material-ui/svg-icons/action/tab' {
-  export import ActionTab = __MaterialUI.SvgIcon;
-  export default ActionTab;
-}
-
-declare module 'material-ui/svg-icons/action/open-in-new' {
-  export import ActionOpenInNew = __MaterialUI.SvgIcon;
-  export default ActionOpenInNew;
-}
-
-declare module 'material-ui/svg-icons/action/turned-in' {
-  export import ActionTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionTurnedIn;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-hdmi' {
-  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputHdmi;
-}
-
-declare module 'material-ui/svg-icons/action/favorite-border' {
-  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
-  export default ActionFavoriteBorder;
-}
-
-declare module 'material-ui/svg-icons/action/done' {
-  export import ActionDone = __MaterialUI.SvgIcon;
-  export default ActionDone;
-}
-
-declare module 'material-ui/svg-icons/action/payment' {
-  export import ActionPayment = __MaterialUI.SvgIcon;
-  export default ActionPayment;
-}
-
-declare module 'material-ui/svg-icons/action/announcement' {
-  export import ActionAnnouncement = __MaterialUI.SvgIcon;
-  export default ActionAnnouncement;
-}
-
-declare module 'material-ui/svg-icons/action/find-in-page' {
-  export import ActionFindInPage = __MaterialUI.SvgIcon;
-  export default ActionFindInPage;
-}
-
-declare module 'material-ui/svg-icons/action/thumbs-up-down' {
-  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
-  export default ActionThumbsUpDown;
-}
-
-declare module 'material-ui/svg-icons/action/explore' {
-  export import ActionExplore = __MaterialUI.SvgIcon;
-  export default ActionExplore;
-}
-
-declare module 'material-ui/svg-icons/action/today' {
-  export import ActionToday = __MaterialUI.SvgIcon;
-  export default ActionToday;
-}
-
-declare module 'material-ui/svg-icons/action/settings-power' {
-  export import ActionSettingsPower = __MaterialUI.SvgIcon;
-  export default ActionSettingsPower;
-}
-
-declare module 'material-ui/svg-icons/action/gavel' {
-  export import ActionGavel = __MaterialUI.SvgIcon;
-  export default ActionGavel;
-}
-
-declare module 'material-ui/svg-icons/action/build' {
-  export import ActionBuild = __MaterialUI.SvgIcon;
-  export default ActionBuild;
-}
-
-declare module 'material-ui/svg-icons/action/rowing' {
-  export import ActionRowing = __MaterialUI.SvgIcon;
-  export default ActionRowing;
-}
-
-declare module 'material-ui/svg-icons/action/label' {
-  export import ActionLabel = __MaterialUI.SvgIcon;
-  export default ActionLabel;
-}
-
-declare module 'material-ui/svg-icons/action/card-giftcard' {
-  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
-  export default ActionCardGiftcard;
-}
-
-declare module 'material-ui/svg-icons/action/thumb-up' {
-  export import ActionThumbUp = __MaterialUI.SvgIcon;
-  export default ActionThumbUp;
-}
-
-declare module 'material-ui/svg-icons/action/shopping-basket' {
-  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
-  export default ActionShoppingBasket;
-}
-
-declare module 'material-ui/svg-icons/action/swap-horiz' {
-  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
-  export default ActionSwapHoriz;
-}
-
-declare module 'material-ui/svg-icons/action/help-outline' {
-  export import ActionHelpOutline = __MaterialUI.SvgIcon;
-  export default ActionHelpOutline;
-}
-
-declare module 'material-ui/svg-icons/action/pregnant-woman' {
-  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
-  export default ActionPregnantWoman;
-}
-
-declare module 'material-ui/svg-icons/action/help' {
-  export import ActionHelp = __MaterialUI.SvgIcon;
-  export default ActionHelp;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-antenna' {
-  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputAntenna;
-}
-
-declare module 'material-ui/svg-icons/action/find-replace' {
-  export import ActionFindReplace = __MaterialUI.SvgIcon;
-  export default ActionFindReplace;
-}
-
-declare module 'material-ui/svg-icons/action/shop' {
-  export import ActionShop = __MaterialUI.SvgIcon;
-  export default ActionShop;
-}
-
-declare module 'material-ui/svg-icons/action/change-history' {
-  export import ActionChangeHistory = __MaterialUI.SvgIcon;
-  export default ActionChangeHistory;
-}
-
-declare module 'material-ui/svg-icons/action/info' {
-  export import ActionInfo = __MaterialUI.SvgIcon;
-  export default ActionInfo;
-}
-
-declare module 'material-ui/svg-icons/action/trending-down' {
-  export import ActionTrendingDown = __MaterialUI.SvgIcon;
-  export default ActionTrendingDown;
-}
-
-declare module 'material-ui/svg-icons/action/flight-takeoff' {
-  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
-  export default ActionFlightTakeoff;
-}
-
-declare module 'material-ui/svg-icons/action/alarm' {
-  export import ActionAlarm = __MaterialUI.SvgIcon;
-  export default ActionAlarm;
-}
-
-declare module 'material-ui/svg-icons/action/spellcheck' {
-  export import ActionSpellcheck = __MaterialUI.SvgIcon;
-  export default ActionSpellcheck;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-component' {
-  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComponent;
-}
-
-declare module 'material-ui/svg-icons/action/settings-applications' {
-  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
-  export default ActionSettingsApplications;
-}
-
-declare module 'material-ui/svg-icons/action/room' {
-  export import ActionRoom = __MaterialUI.SvgIcon;
-  export default ActionRoom;
-}
-
-declare module 'material-ui/svg-icons/action/book' {
-  export import ActionBook = __MaterialUI.SvgIcon;
-  export default ActionBook;
-}
-
-declare module 'material-ui/svg-icons/action/class' {
-  export import ActionClass = __MaterialUI.SvgIcon;
-  export default ActionClass;
-}
-
-declare module 'material-ui/svg-icons/action/group-work' {
-  export import ActionGroupWork = __MaterialUI.SvgIcon;
-  export default ActionGroupWork;
-}
-
-declare module 'material-ui/svg-icons/action/hourglass-full' {
-  export import ActionHourglassFull = __MaterialUI.SvgIcon;
-  export default ActionHourglassFull;
-}
-
-declare module 'material-ui/svg-icons/action/assessment' {
-  export import ActionAssessment = __MaterialUI.SvgIcon;
-  export default ActionAssessment;
-}
-
-declare module 'material-ui/svg-icons/action/youtube-searched-for' {
-  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
-  export default ActionYoutubeSearchedFor;
-}
-
-declare module 'material-ui/svg-icons/action/eject' {
-  export import ActionEject = __MaterialUI.SvgIcon;
-  export default ActionEject;
-}
-
-declare module 'material-ui/svg-icons/action/trending-up' {
-  export import ActionTrendingUp = __MaterialUI.SvgIcon;
-  export default ActionTrendingUp;
-}
-
-declare module 'material-ui/svg-icons/action/http' {
-  export import ActionHttp = __MaterialUI.SvgIcon;
-  export default ActionHttp;
-}
-
-declare module 'material-ui/svg-icons/action/stars' {
-  export import ActionStars = __MaterialUI.SvgIcon;
-  export default ActionStars;
-}
-
-declare module 'material-ui/svg-icons/action/autorenew' {
-  export import ActionAutorenew = __MaterialUI.SvgIcon;
-  export default ActionAutorenew;
-}
-
-declare module 'material-ui/svg-icons/action/settings-ethernet' {
-  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
-  export default ActionSettingsEthernet;
-}
-
-declare module 'material-ui/svg-icons/action/label-outline' {
-  export import ActionLabelOutline = __MaterialUI.SvgIcon;
-  export default ActionLabelOutline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-phone' {
-  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
-  export default ActionSettingsPhone;
-}
-
-declare module 'material-ui/svg-icons/action/info-outline' {
-  export import ActionInfoOutline = __MaterialUI.SvgIcon;
-  export default ActionInfoOutline;
-}
-
-declare module 'material-ui/svg-icons/action/lock-outline' {
-  export import ActionLockOutline = __MaterialUI.SvgIcon;
-  export default ActionLockOutline;
-}
-
-declare module 'material-ui/svg-icons/action/settings-input-composite' {
-  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComposite;
-}
-
-declare module 'material-ui/svg-icons/action/invert-colors' {
-  export import ActionInvertColors = __MaterialUI.SvgIcon;
-  export default ActionInvertColors;
-}
-
-declare module 'material-ui/svg-icons/action/bookmark' {
-  export import ActionBookmark = __MaterialUI.SvgIcon;
-  export default ActionBookmark;
-}
-
-declare module 'material-ui/svg-icons/action/add-shopping-cart' {
-  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionAddShoppingCart;
-}
-
-declare module 'material-ui/svg-icons/action/bug-report' {
-  export import ActionBugReport = __MaterialUI.SvgIcon;
-  export default ActionBugReport;
-}
-
-declare module 'material-ui/svg-icons/action/cached' {
-  export import ActionCached = __MaterialUI.SvgIcon;
-  export default ActionCached;
-}
-
-declare module 'material-ui/svg-icons/action/view-day' {
-  export import ActionViewDay = __MaterialUI.SvgIcon;
-  export default ActionViewDay;
-}
-
-declare module 'material-ui/svg-icons/action/fingerprint' {
-  export import ActionFingerprint = __MaterialUI.SvgIcon;
-  export default ActionFingerprint;
-}
-
-declare module 'material-ui/svg-icons/action/accessibility' {
-  export import ActionAccessibility = __MaterialUI.SvgIcon;
-  export default ActionAccessibility;
-}
-
-declare module 'material-ui/svg-icons/action/perm-data-setting' {
-  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
-  export default ActionPermDataSetting;
-}
-
-declare module 'material-ui/svg-icons/action/settings-backup-restore' {
-  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
-  export default ActionSettingsBackupRestore;
-}
-
-declare module 'material-ui/svg-icons/action/zoom-in' {
-  export import ActionZoomIn = __MaterialUI.SvgIcon;
-  export default ActionZoomIn;
-}
-
-declare module 'material-ui/svg-icons/action/perm-identity' {
-  export import ActionPermIdentity = __MaterialUI.SvgIcon;
-  export default ActionPermIdentity;
-}
-
-declare module 'material-ui/svg-icons/action/favorite' {
-  export import ActionFavorite = __MaterialUI.SvgIcon;
-  export default ActionFavorite;
-}
-
-declare module 'material-ui/svg-icons/action/thumb-down' {
-  export import ActionThumbDown = __MaterialUI.SvgIcon;
-  export default ActionThumbDown;
-}
-
-declare module 'material-ui/svg-icons/action/assignment-returned' {
-  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturned;
-}
-
-declare module 'material-ui/svg-icons/action/account-box' {
-  export import ActionAccountBox = __MaterialUI.SvgIcon;
-  export default ActionAccountBox;
-}
-
-declare module 'material-ui/svg-icons/action/extension' {
-  export import ActionExtension = __MaterialUI.SvgIcon;
-  export default ActionExtension;
-}
-
-declare module 'material-ui/svg-icons/action/pageview' {
-  export import ActionPageview = __MaterialUI.SvgIcon;
-  export default ActionPageview;
-}
-
-declare module 'material-ui/svg-icons/action/https' {
-  export import ActionHttps = __MaterialUI.SvgIcon;
-  export default ActionHttps;
-}
-
-declare module 'material-ui/svg-icons/action/translate' {
-  export import ActionTranslate = __MaterialUI.SvgIcon;
-  export default ActionTranslate;
-}
-
-declare module 'material-ui/svg-icons/action/three-d-rotation' {
-  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
-  export default ActionThreeDRotation;
-}
-
-declare module 'material-ui/svg-icons/action/tab-unselected' {
-  export import ActionTabUnselected = __MaterialUI.SvgIcon;
-  export default ActionTabUnselected;
-}
-
-declare module 'material-ui/svg-icons/action/description' {
-  export import ActionDescription = __MaterialUI.SvgIcon;
-  export default ActionDescription;
-}
-
-declare module 'material-ui/svg-icons/action/note-add' {
-  export import ActionNoteAdd = __MaterialUI.SvgIcon;
-  export default ActionNoteAdd;
-}
-
-declare module 'material-ui/svg-icons/action/perm-scan-wifi' {
-  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
-  export default ActionPermScanWifi;
-}
-
-declare module 'material-ui/svg-icons/action/pets' {
-  export import ActionPets = __MaterialUI.SvgIcon;
-  export default ActionPets;
-}
-
-declare module 'material-ui/svg-icons/action/view-array' {
-  export import ActionViewArray = __MaterialUI.SvgIcon;
-  export default ActionViewArray;
-}
-
-declare module 'material-ui/svg-icons/action/shop-two' {
-  export import ActionShopTwo = __MaterialUI.SvgIcon;
-  export default ActionShopTwo;
-}
-
-declare module 'material-ui/svg-icons/action/line-style' {
-  export import ActionLineStyle = __MaterialUI.SvgIcon;
-  export default ActionLineStyle;
-}
-
-declare module 'material-ui/svg-icons/action/lightbulb-outline' {
-  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
-  export default ActionLightbulbOutline;
-}
-
-declare module 'material-ui/svg-icons/action/report-problem' {
-  export import ActionReportProblem = __MaterialUI.SvgIcon;
-  export default ActionReportProblem;
-}
-
-declare module 'material-ui/svg-icons/action/swap-vert' {
-  export import ActionSwapVert = __MaterialUI.SvgIcon;
-  export default ActionSwapVert;
-}
-
-declare module 'material-ui/svg-icons/action/list' {
-  export import ActionList = __MaterialUI.SvgIcon;
-  export default ActionList;
-}
-
-declare module 'material-ui/svg-icons/action/settings-voice' {
-  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
-  export default ActionSettingsVoice;
-}
-
-declare module 'material-ui/svg-icons/action/view-list' {
-  export import ActionViewList = __MaterialUI.SvgIcon;
-  export default ActionViewList;
-}
-
-declare module 'material-ui/svg-icons/action/pan-tool' {
-  export import ActionPanTool = __MaterialUI.SvgIcon;
-  export default ActionPanTool;
-}
-
-declare module 'material-ui/svg-icons/action/important-devices' {
-  export import ActionImportantDevices = __MaterialUI.SvgIcon;
-  export default ActionImportantDevices;
-}
-
-declare module 'material-ui/svg-icons/action/redeem' {
-  export import ActionRedeem = __MaterialUI.SvgIcon;
-  export default ActionRedeem;
-}
-
-declare module 'material-ui/svg-icons/action/flip-to-front' {
-  export import ActionFlipToFront = __MaterialUI.SvgIcon;
-  export default ActionFlipToFront;
-}
-
-declare module 'material-ui/svg-icons/action/android' {
-  export import ActionAndroid = __MaterialUI.SvgIcon;
-  export default ActionAndroid;
-}
-
-declare module 'material-ui/svg-icons/action/account-circle' {
-  export import ActionAccountCircle = __MaterialUI.SvgIcon;
-  export default ActionAccountCircle;
-}
-
-declare module 'material-ui/svg-icons/action/event-seat' {
-  export import ActionEventSeat = __MaterialUI.SvgIcon;
-  export default ActionEventSeat;
-}
-
-declare module 'material-ui/svg-icons/action/perm-contact-calendar' {
-  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
-  export default ActionPermContactCalendar;
-}
-
-declare module 'material-ui/svg-icons/action/perm-phone-msg' {
-  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
-  export default ActionPermPhoneMsg;
-}
-
-declare module 'material-ui/svg-icons/action/delete' {
-  export import ActionDelete = __MaterialUI.SvgIcon;
-  export default ActionDelete;
-}
-
-declare module 'material-ui/svg-icons/action/card-membership' {
-  export import ActionCardMembership = __MaterialUI.SvgIcon;
-  export default ActionCardMembership;
-}
-
-declare module 'material-ui/svg-icons/action/hourglass-empty' {
-  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
-  export default ActionHourglassEmpty;
-}
-
-declare module 'material-ui/svg-icons/action/schedule' {
-  export import ActionSchedule = __MaterialUI.SvgIcon;
-  export default ActionSchedule;
-}
-
-declare module 'material-ui/svg-icons/action/trending-flat' {
-  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
-  export default ActionTrendingFlat;
-}
-
-declare module 'material-ui/svg-icons/action/motorcycle' {
-  export import ActionMotorcycle = __MaterialUI.SvgIcon;
-  export default ActionMotorcycle;
-}
-
-declare module 'material-ui/svg-icons/action/view-column' {
-  export import ActionViewColumn = __MaterialUI.SvgIcon;
-  export default ActionViewColumn;
-}
-
-declare module 'material-ui/svg-icons/action/settings-cell' {
-  export import ActionSettingsCell = __MaterialUI.SvgIcon;
-  export default ActionSettingsCell;
-}
-
-declare module 'material-ui/svg-icons/action/credit-card' {
-  export import ActionCreditCard = __MaterialUI.SvgIcon;
-  export default ActionCreditCard;
-}
-
-declare module 'material-ui/svg-icons/action/view-module' {
-  export import ActionViewModule = __MaterialUI.SvgIcon;
-  export default ActionViewModule;
-}
-
-declare module 'material-ui/svg-icons/action/compare-arrows' {
-  export import ActionCompareArrows = __MaterialUI.SvgIcon;
-  export default ActionCompareArrows;
-}
-
-declare module 'material-ui/svg-icons/action/speaker-notes' {
-  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
-  export default ActionSpeakerNotes;
-}
-
-declare module 'material-ui/svg-icons/social/person' {
-  export import SocialPerson = __MaterialUI.SvgIcon;
-  export default SocialPerson;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-none' {
-  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
-  export default SocialNotificationsNone;
-}
-
-declare module 'material-ui/svg-icons/social/domain' {
-  export import SocialDomain = __MaterialUI.SvgIcon;
-  export default SocialDomain;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-paused' {
-  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
-  export default SocialNotificationsPaused;
-}
-
-declare module 'material-ui/svg-icons/social/person-outline' {
-  export import SocialPersonOutline = __MaterialUI.SvgIcon;
-  export default SocialPersonOutline;
-}
-
-declare module 'material-ui/svg-icons/social/plus-one' {
-  export import SocialPlusOne = __MaterialUI.SvgIcon;
-  export default SocialPlusOne;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-active' {
-  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
-  export default SocialNotificationsActive;
-}
-
-declare module 'material-ui/svg-icons/social/share' {
-  export import SocialShare = __MaterialUI.SvgIcon;
-  export default SocialShare;
-}
-
-declare module 'material-ui/svg-icons/social/whatshot' {
-  export import SocialWhatshot = __MaterialUI.SvgIcon;
-  export default SocialWhatshot;
-}
-
-declare module 'material-ui/svg-icons/social/poll' {
-  export import SocialPoll = __MaterialUI.SvgIcon;
-  export default SocialPoll;
-}
-
-declare module 'material-ui/svg-icons/social/pages' {
-  export import SocialPages = __MaterialUI.SvgIcon;
-  export default SocialPages;
-}
-
-declare module 'material-ui/svg-icons/social/notifications-off' {
-  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
-  export default SocialNotificationsOff;
-}
-
-declare module 'material-ui/svg-icons/social/notifications' {
-  export import SocialNotifications = __MaterialUI.SvgIcon;
-  export default SocialNotifications;
-}
-
-declare module 'material-ui/svg-icons/social/school' {
-  export import SocialSchool = __MaterialUI.SvgIcon;
-  export default SocialSchool;
-}
-
-declare module 'material-ui/svg-icons/social/cake' {
-  export import SocialCake = __MaterialUI.SvgIcon;
-  export default SocialCake;
-}
-
-declare module 'material-ui/svg-icons/social/people-outline' {
-  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
-  export default SocialPeopleOutline;
-}
-
-declare module 'material-ui/svg-icons/social/location-city' {
-  export import SocialLocationCity = __MaterialUI.SvgIcon;
-  export default SocialLocationCity;
-}
-
-declare module 'material-ui/svg-icons/social/public' {
-  export import SocialPublic = __MaterialUI.SvgIcon;
-  export default SocialPublic;
-}
-
-declare module 'material-ui/svg-icons/social/mood-bad' {
-  export import SocialMoodBad = __MaterialUI.SvgIcon;
-  export default SocialMoodBad;
-}
-
-declare module 'material-ui/svg-icons/social/people' {
-  export import SocialPeople = __MaterialUI.SvgIcon;
-  export default SocialPeople;
-}
-
-declare module 'material-ui/svg-icons/social/mood' {
-  export import SocialMood = __MaterialUI.SvgIcon;
-  export default SocialMood;
-}
-
-declare module 'material-ui/svg-icons/social/party-mode' {
-  export import SocialPartyMode = __MaterialUI.SvgIcon;
-  export default SocialPartyMode;
-}
-
-declare module 'material-ui/svg-icons/social/group' {
-  export import SocialGroup = __MaterialUI.SvgIcon;
-  export default SocialGroup;
-}
-
-declare module 'material-ui/svg-icons/social/person-add' {
-  export import SocialPersonAdd = __MaterialUI.SvgIcon;
-  export default SocialPersonAdd;
-}
-
-declare module 'material-ui/svg-icons/social/group-add' {
-  export import SocialGroupAdd = __MaterialUI.SvgIcon;
-  export default SocialGroupAdd;
-}
-
-declare module 'material-ui/svg-icons/maps/edit-location' {
-  export import MapsEditLocation = __MaterialUI.SvgIcon;
-  export default MapsEditLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-airport' {
-  export import MapsLocalAirport = __MaterialUI.SvgIcon;
-  export default MapsLocalAirport;
-}
-
-declare module 'material-ui/svg-icons/maps/local-phone' {
-  export import MapsLocalPhone = __MaterialUI.SvgIcon;
-  export default MapsLocalPhone;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-car' {
-  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
-  export default MapsDirectionsCar;
-}
-
-declare module 'material-ui/svg-icons/maps/local-drink' {
-  export import MapsLocalDrink = __MaterialUI.SvgIcon;
-  export default MapsLocalDrink;
-}
-
-declare module 'material-ui/svg-icons/maps/local-gas-station' {
-  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
-  export default MapsLocalGasStation;
-}
-
-declare module 'material-ui/svg-icons/maps/store-mall-directory' {
-  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
-  export default MapsStoreMallDirectory;
-}
-
-declare module 'material-ui/svg-icons/maps/add-location' {
-  export import MapsAddLocation = __MaterialUI.SvgIcon;
-  export default MapsAddLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-laundry-service' {
-  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
-  export default MapsLocalLaundryService;
-}
-
-declare module 'material-ui/svg-icons/maps/local-hotel' {
-  export import MapsLocalHotel = __MaterialUI.SvgIcon;
-  export default MapsLocalHotel;
-}
-
-declare module 'material-ui/svg-icons/maps/local-pizza' {
-  export import MapsLocalPizza = __MaterialUI.SvgIcon;
-  export default MapsLocalPizza;
-}
-
-declare module 'material-ui/svg-icons/maps/person-pin-circle' {
-  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
-  export default MapsPersonPinCircle;
-}
-
-declare module 'material-ui/svg-icons/maps/terrain' {
-  export import MapsTerrain = __MaterialUI.SvgIcon;
-  export default MapsTerrain;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-subway' {
-  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsSubway;
-}
-
-declare module 'material-ui/svg-icons/maps/local-bar' {
-  export import MapsLocalBar = __MaterialUI.SvgIcon;
-  export default MapsLocalBar;
-}
-
-declare module 'material-ui/svg-icons/maps/local-car-wash' {
-  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
-  export default MapsLocalCarWash;
-}
-
-declare module 'material-ui/svg-icons/maps/restaurant-menu' {
-  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
-  export default MapsRestaurantMenu;
-}
-
-declare module 'material-ui/svg-icons/maps/near-me' {
-  export import MapsNearMe = __MaterialUI.SvgIcon;
-  export default MapsNearMe;
-}
-
-declare module 'material-ui/svg-icons/maps/directions' {
-  export import MapsDirections = __MaterialUI.SvgIcon;
-  export default MapsDirections;
-}
-
-declare module 'material-ui/svg-icons/maps/my-location' {
-  export import MapsMyLocation = __MaterialUI.SvgIcon;
-  export default MapsMyLocation;
-}
-
-declare module 'material-ui/svg-icons/maps/local-convenience-store' {
-  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
-  export default MapsLocalConvenienceStore;
-}
-
-declare module 'material-ui/svg-icons/maps/local-offer' {
-  export import MapsLocalOffer = __MaterialUI.SvgIcon;
-  export default MapsLocalOffer;
-}
-
-declare module 'material-ui/svg-icons/maps/local-florist' {
-  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
-  export default MapsLocalFlorist;
-}
-
-declare module 'material-ui/svg-icons/maps/local-shipping' {
-  export import MapsLocalShipping = __MaterialUI.SvgIcon;
-  export default MapsLocalShipping;
-}
-
-declare module 'material-ui/svg-icons/maps/local-taxi' {
-  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
-  export default MapsLocalTaxi;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-walk' {
-  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
-  export default MapsDirectionsWalk;
-}
-
-declare module 'material-ui/svg-icons/maps/local-hospital' {
-  export import MapsLocalHospital = __MaterialUI.SvgIcon;
-  export default MapsLocalHospital;
-}
-
-declare module 'material-ui/svg-icons/maps/layers' {
-  export import MapsLayers = __MaterialUI.SvgIcon;
-  export default MapsLayers;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-run' {
-  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRun;
-}
-
-declare module 'material-ui/svg-icons/maps/rate-review' {
-  export import MapsRateReview = __MaterialUI.SvgIcon;
-  export default MapsRateReview;
-}
-
-declare module 'material-ui/svg-icons/maps/local-dining' {
-  export import MapsLocalDining = __MaterialUI.SvgIcon;
-  export default MapsLocalDining;
-}
-
-declare module 'material-ui/svg-icons/maps/local-post-office' {
-  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
-  export default MapsLocalPostOffice;
-}
-
-declare module 'material-ui/svg-icons/maps/pin-drop' {
-  export import MapsPinDrop = __MaterialUI.SvgIcon;
-  export default MapsPinDrop;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-boat' {
-  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBoat;
-}
-
-declare module 'material-ui/svg-icons/maps/local-see' {
-  export import MapsLocalSee = __MaterialUI.SvgIcon;
-  export default MapsLocalSee;
-}
-
-declare module 'material-ui/svg-icons/maps/map' {
-  export import MapsMap = __MaterialUI.SvgIcon;
-  export default MapsMap;
-}
-
-declare module 'material-ui/svg-icons/maps/flight' {
-  export import MapsFlight = __MaterialUI.SvgIcon;
-  export default MapsFlight;
-}
-
-declare module 'material-ui/svg-icons/maps/person-pin' {
-  export import MapsPersonPin = __MaterialUI.SvgIcon;
-  export default MapsPersonPin;
-}
-
-declare module 'material-ui/svg-icons/maps/satellite' {
-  export import MapsSatellite = __MaterialUI.SvgIcon;
-  export default MapsSatellite;
-}
-
-declare module 'material-ui/svg-icons/maps/local-printshop' {
-  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
-  export default MapsLocalPrintshop;
-}
-
-declare module 'material-ui/svg-icons/maps/navigation' {
-  export import MapsNavigation = __MaterialUI.SvgIcon;
-  export default MapsNavigation;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-railway' {
-  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRailway;
-}
-
-declare module 'material-ui/svg-icons/maps/local-atm' {
-  export import MapsLocalAtm = __MaterialUI.SvgIcon;
-  export default MapsLocalAtm;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-transit' {
-  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
-  export default MapsDirectionsTransit;
-}
-
-declare module 'material-ui/svg-icons/maps/local-parking' {
-  export import MapsLocalParking = __MaterialUI.SvgIcon;
-  export default MapsLocalParking;
-}
-
-declare module 'material-ui/svg-icons/maps/local-cafe' {
-  export import MapsLocalCafe = __MaterialUI.SvgIcon;
-  export default MapsLocalCafe;
-}
-
-declare module 'material-ui/svg-icons/maps/local-mall' {
-  export import MapsLocalMall = __MaterialUI.SvgIcon;
-  export default MapsLocalMall;
-}
-
-declare module 'material-ui/svg-icons/maps/zoom-out-map' {
-  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
-  export default MapsZoomOutMap;
-}
-
-declare module 'material-ui/svg-icons/maps/local-activity' {
-  export import MapsLocalActivity = __MaterialUI.SvgIcon;
-  export default MapsLocalActivity;
-}
-
-declare module 'material-ui/svg-icons/maps/local-grocery-store' {
-  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
-  export default MapsLocalGroceryStore;
-}
-
-declare module 'material-ui/svg-icons/maps/local-pharmacy' {
-  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
-  export default MapsLocalPharmacy;
-}
-
-declare module 'material-ui/svg-icons/maps/local-movies' {
-  export import MapsLocalMovies = __MaterialUI.SvgIcon;
-  export default MapsLocalMovies;
-}
-
-declare module 'material-ui/svg-icons/maps/place' {
-  export import MapsPlace = __MaterialUI.SvgIcon;
-  export default MapsPlace;
-}
-
-declare module 'material-ui/svg-icons/maps/layers-clear' {
-  export import MapsLayersClear = __MaterialUI.SvgIcon;
-  export default MapsLayersClear;
-}
-
-declare module 'material-ui/svg-icons/maps/hotel' {
-  export import MapsHotel = __MaterialUI.SvgIcon;
-  export default MapsHotel;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-bike' {
-  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBike;
-}
-
-declare module 'material-ui/svg-icons/maps/local-library' {
-  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
-  export default MapsLocalLibrary;
-}
-
-declare module 'material-ui/svg-icons/maps/local-play' {
-  export import MapsLocalPlay = __MaterialUI.SvgIcon;
-  export default MapsLocalPlay;
-}
-
-declare module 'material-ui/svg-icons/maps/directions-bus' {
-  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBus;
-}
-
-declare module 'material-ui/svg-icons/maps/traffic' {
-  export import MapsTraffic = __MaterialUI.SvgIcon;
-  export default MapsTraffic;
-}
-
-declare module 'material-ui/svg-icons/maps/beenhere' {
-  export import MapsBeenhere = __MaterialUI.SvgIcon;
-  export default MapsBeenhere;
-}
-
-declare module 'material-ui/svg-icons/communication/call-received' {
-  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
-  export default CommunicationCallReceived;
-}
-
-declare module 'material-ui/svg-icons/communication/dialpad' {
-  export import CommunicationDialpad = __MaterialUI.SvgIcon;
-  export default CommunicationDialpad;
-}
-
-declare module 'material-ui/svg-icons/communication/forum' {
-  export import CommunicationForum = __MaterialUI.SvgIcon;
-  export default CommunicationForum;
-}
-
-declare module 'material-ui/svg-icons/communication/no-sim' {
-  export import CommunicationNoSim = __MaterialUI.SvgIcon;
-  export default CommunicationNoSim;
-}
-
-declare module 'material-ui/svg-icons/communication/chat' {
-  export import CommunicationChat = __MaterialUI.SvgIcon;
-  export default CommunicationChat;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-primary-landscape' {
-  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryLandscape;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-setup' {
-  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkSetup;
-}
-
-declare module 'material-ui/svg-icons/communication/ring-volume' {
-  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
-  export default CommunicationRingVolume;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-lock' {
-  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkLock;
-}
-
-declare module 'material-ui/svg-icons/communication/contacts' {
-  export import CommunicationContacts = __MaterialUI.SvgIcon;
-  export default CommunicationContacts;
-}
-
-declare module 'material-ui/svg-icons/communication/call-missed' {
-  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissed;
-}
-
-declare module 'material-ui/svg-icons/communication/contact-mail' {
-  export import CommunicationContactMail = __MaterialUI.SvgIcon;
-  export default CommunicationContactMail;
-}
-
-declare module 'material-ui/svg-icons/communication/portable-wifi-off' {
-  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
-  export default CommunicationPortableWifiOff;
-}
-
-declare module 'material-ui/svg-icons/communication/call-merge' {
-  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
-  export default CommunicationCallMerge;
-}
-
-declare module 'material-ui/svg-icons/communication/tact-mail' {
-  export import CommunicationTactMail = __MaterialUI.SvgIcon;
-  export default CommunicationTactMail;
-}
-
-declare module 'material-ui/svg-icons/communication/stop-screen-share' {
-  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationStopScreenShare;
-}
-
-declare module 'material-ui/svg-icons/communication/vpn-key' {
-  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
-  export default CommunicationVpnKey;
-}
-
-declare module 'material-ui/svg-icons/communication/swap-calls' {
-  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
-  export default CommunicationSwapCalls;
-}
-
-declare module 'material-ui/svg-icons/communication/dialer-sip' {
-  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
-  export default CommunicationDialerSip;
-}
-
-declare module 'material-ui/svg-icons/communication/business' {
-  export import CommunicationBusiness = __MaterialUI.SvgIcon;
-  export default CommunicationBusiness;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-erase' {
-  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkErase;
-}
-
-declare module 'material-ui/svg-icons/communication/call' {
-  export import CommunicationCall = __MaterialUI.SvgIcon;
-  export default CommunicationCall;
-}
-
-declare module 'material-ui/svg-icons/communication/screen-share' {
-  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationScreenShare;
-}
-
-declare module 'material-ui/svg-icons/communication/clear-all' {
-  export import CommunicationClearAll = __MaterialUI.SvgIcon;
-  export default CommunicationClearAll;
-}
-
-declare module 'material-ui/svg-icons/communication/chat-bubble-outline' {
-  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubbleOutline;
-}
-
-declare module 'material-ui/svg-icons/communication/call-missed-outgoing' {
-  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissedOutgoing;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-primary-portrait' {
-  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryPortrait;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-current-portrait' {
-  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentPortrait;
-}
-
-declare module 'material-ui/svg-icons/communication/voicemail' {
-  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
-  export default CommunicationVoicemail;
-}
-
-declare module 'material-ui/svg-icons/communication/speaker-phone' {
-  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
-  export default CommunicationSpeakerPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/call-split' {
-  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
-  export default CommunicationCallSplit;
-}
-
-declare module 'material-ui/svg-icons/communication/live-help' {
-  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
-  export default CommunicationLiveHelp;
-}
-
-declare module 'material-ui/svg-icons/communication/call-made' {
-  export import CommunicationCallMade = __MaterialUI.SvgIcon;
-  export default CommunicationCallMade;
-}
-
-declare module 'material-ui/svg-icons/communication/phone' {
-  export import CommunicationPhone = __MaterialUI.SvgIcon;
-  export default CommunicationPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/textsms' {
-  export import CommunicationTextsms = __MaterialUI.SvgIcon;
-  export default CommunicationTextsms;
-}
-
-declare module 'material-ui/svg-icons/communication/message' {
-  export import CommunicationMessage = __MaterialUI.SvgIcon;
-  export default CommunicationMessage;
-}
-
-declare module 'material-ui/svg-icons/communication/import-export' {
-  export import CommunicationImportExport = __MaterialUI.SvgIcon;
-  export default CommunicationImportExport;
-}
-
-declare module 'material-ui/svg-icons/communication/import-contacts' {
-  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
-  export default CommunicationImportContacts;
-}
-
-declare module 'material-ui/svg-icons/communication/phonelink-ring' {
-  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkRing;
-}
-
-declare module 'material-ui/svg-icons/communication/present-to-all' {
-  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
-  export default CommunicationPresentToAll;
-}
-
-declare module 'material-ui/svg-icons/communication/contact-phone' {
-  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
-  export default CommunicationContactPhone;
-}
-
-declare module 'material-ui/svg-icons/communication/invert-colors-off' {
-  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
-  export default CommunicationInvertColorsOff;
-}
-
-declare module 'material-ui/svg-icons/communication/comment' {
-  export import CommunicationComment = __MaterialUI.SvgIcon;
-  export default CommunicationComment;
-}
-
-declare module 'material-ui/svg-icons/communication/chat-bubble' {
-  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubble;
-}
-
-declare module 'material-ui/svg-icons/communication/mail-outline' {
-  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
-  export default CommunicationMailOutline;
-}
-
-declare module 'material-ui/svg-icons/communication/location-on' {
-  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOn;
-}
-
-declare module 'material-ui/svg-icons/communication/stay-current-landscape' {
-  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentLandscape;
-}
-
-declare module 'material-ui/svg-icons/communication/location-off' {
-  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOff;
-}
-
-declare module 'material-ui/svg-icons/communication/email' {
-  export import CommunicationEmail = __MaterialUI.SvgIcon;
-  export default CommunicationEmail;
-}
-
-declare module 'material-ui/svg-icons/communication/call-end' {
-  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
-  export default CommunicationCallEnd;
-}
-
-declare module 'material-ui/svg-icons/toggle/check-box' {
-  export import ToggleCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleCheckBox;
-}
-
-declare module 'material-ui/svg-icons/toggle/star-half' {
-  export import ToggleStarHalf = __MaterialUI.SvgIcon;
-  export default ToggleStarHalf;
-}
-
-declare module 'material-ui/svg-icons/toggle/check-box-outline-blank' {
-  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
-  export default ToggleCheckBoxOutlineBlank;
-}
-
-declare module 'material-ui/svg-icons/toggle/star' {
-  export import ToggleStar = __MaterialUI.SvgIcon;
-  export default ToggleStar;
-}
-
-declare module 'material-ui/svg-icons/toggle/star-border' {
-  export import ToggleStarBorder = __MaterialUI.SvgIcon;
-  export default ToggleStarBorder;
-}
-
-declare module 'material-ui/svg-icons/toggle/radio-button-unchecked' {
-  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonUnchecked;
-}
-
-declare module 'material-ui/svg-icons/toggle/indeterminate-check-box' {
-  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleIndeterminateCheckBox;
-}
-
-declare module 'material-ui/svg-icons/toggle/radio-button-checked' {
-  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonChecked;
-}
-
-declare module 'material-ui/svg-icons/index' {
-  export import Index = __MaterialUI.SvgIcon;
-  export default Index;
-}
-
-declare module 'material-ui/svg-icons/index-generator' {
-  export import IndexGenerator = __MaterialUI.SvgIcon;
-  export default IndexGenerator;
-}
-
-declare module 'material-ui/svg-icons/alert/warning' {
-  export import AlertWarning = __MaterialUI.SvgIcon;
-  export default AlertWarning;
-}
-
-declare module 'material-ui/svg-icons/alert/add-alert' {
-  export import AlertAddAlert = __MaterialUI.SvgIcon;
-  export default AlertAddAlert;
-}
-
-declare module 'material-ui/svg-icons/alert/error-outline' {
-  export import AlertErrorOutline = __MaterialUI.SvgIcon;
-  export default AlertErrorOutline;
-}
-
-declare module 'material-ui/svg-icons/alert/error' {
-  export import AlertError = __MaterialUI.SvgIcon;
-  export default AlertError;
-}
-
-declare module 'material-ui/svg-icons/file/file-upload' {
-  export import FileFileUpload = __MaterialUI.SvgIcon;
-  export default FileFileUpload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-upload' {
-  export import FileCloudUpload = __MaterialUI.SvgIcon;
-  export default FileCloudUpload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-done' {
-  export import FileCloudDone = __MaterialUI.SvgIcon;
-  export default FileCloudDone;
-}
-
-declare module 'material-ui/svg-icons/file/folder-open' {
-  export import FileFolderOpen = __MaterialUI.SvgIcon;
-  export default FileFolderOpen;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-off' {
-  export import FileCloudOff = __MaterialUI.SvgIcon;
-  export default FileCloudOff;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-queue' {
-  export import FileCloudQueue = __MaterialUI.SvgIcon;
-  export default FileCloudQueue;
-}
-
-declare module 'material-ui/svg-icons/file/folder-shared' {
-  export import FileFolderShared = __MaterialUI.SvgIcon;
-  export default FileFolderShared;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-circle' {
-  export import FileCloudCircle = __MaterialUI.SvgIcon;
-  export default FileCloudCircle;
-}
-
-declare module 'material-ui/svg-icons/file/folder' {
-  export import FileFolder = __MaterialUI.SvgIcon;
-  export default FileFolder;
-}
-
-declare module 'material-ui/svg-icons/file/attachment' {
-  export import FileAttachment = __MaterialUI.SvgIcon;
-  export default FileAttachment;
-}
-
-declare module 'material-ui/svg-icons/file/create-new-folder' {
-  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
-  export default FileCreateNewFolder;
-}
-
-declare module 'material-ui/svg-icons/file/cloud-download' {
-  export import FileCloudDownload = __MaterialUI.SvgIcon;
-  export default FileCloudDownload;
-}
-
-declare module 'material-ui/svg-icons/file/cloud' {
-  export import FileCloud = __MaterialUI.SvgIcon;
-  export default FileCloud;
-}
-
-declare module 'material-ui/svg-icons/file/file-download' {
-  export import FileFileDownload = __MaterialUI.SvgIcon;
-  export default FileFileDownload;
-}
-
-declare module 'material-ui/svg-icons/navigation-arrow-drop-right' {
-  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropRight;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard' {
-  export import HardwareKeyboard = __MaterialUI.SvgIcon;
-  export default HardwareKeyboard;
-}
-
-declare module 'material-ui/svg-icons/hardware/toys' {
-  export import HardwareToys = __MaterialUI.SvgIcon;
-  export default HardwareToys;
-}
-
-declare module 'material-ui/svg-icons/hardware/dock' {
-  export import HardwareDock = __MaterialUI.SvgIcon;
-  export default HardwareDock;
-}
-
-declare module 'material-ui/svg-icons/hardware/headset' {
-  export import HardwareHeadset = __MaterialUI.SvgIcon;
-  export default HardwareHeadset;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-voice' {
-  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardVoice;
-}
-
-declare module 'material-ui/svg-icons/hardware/phonelink-off' {
-  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
-  export default HardwarePhonelinkOff;
-}
-
-declare module 'material-ui/svg-icons/hardware/speaker-group' {
-  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
-  export default HardwareSpeakerGroup;
-}
-
-declare module 'material-ui/svg-icons/hardware/desktop-windows' {
-  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
-  export default HardwareDesktopWindows;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-mac' {
-  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
-  export default HardwareLaptopMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-return' {
-  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardReturn;
-}
-
-declare module 'material-ui/svg-icons/hardware/gamepad' {
-  export import HardwareGamepad = __MaterialUI.SvgIcon;
-  export default HardwareGamepad;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-up' {
-  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowUp;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop' {
-  export import HardwareLaptop = __MaterialUI.SvgIcon;
-  export default HardwareLaptop;
-}
-
-declare module 'material-ui/svg-icons/hardware/phone-iphone' {
-  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
-  export default HardwarePhoneIphone;
-}
-
-declare module 'material-ui/svg-icons/hardware/memory' {
-  export import HardwareMemory = __MaterialUI.SvgIcon;
-  export default HardwareMemory;
-}
-
-declare module 'material-ui/svg-icons/hardware/security' {
-  export import HardwareSecurity = __MaterialUI.SvgIcon;
-  export default HardwareSecurity;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-capslock' {
-  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardCapslock;
-}
-
-declare module 'material-ui/svg-icons/hardware/sim-card' {
-  export import HardwareSimCard = __MaterialUI.SvgIcon;
-  export default HardwareSimCard;
-}
-
-declare module 'material-ui/svg-icons/hardware/devices-other' {
-  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
-  export default HardwareDevicesOther;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet-android' {
-  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
-  export default HardwareTabletAndroid;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-right' {
-  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowRight;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-tab' {
-  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardTab;
-}
-
-declare module 'material-ui/svg-icons/hardware/watch' {
-  export import HardwareWatch = __MaterialUI.SvgIcon;
-  export default HardwareWatch;
-}
-
-declare module 'material-ui/svg-icons/hardware/speaker' {
-  export import HardwareSpeaker = __MaterialUI.SvgIcon;
-  export default HardwareSpeaker;
-}
-
-declare module 'material-ui/svg-icons/hardware/phonelink' {
-  export import HardwarePhonelink = __MaterialUI.SvgIcon;
-  export default HardwarePhonelink;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-windows' {
-  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
-  export default HardwareLaptopWindows;
-}
-
-declare module 'material-ui/svg-icons/hardware/tv' {
-  export import HardwareTv = __MaterialUI.SvgIcon;
-  export default HardwareTv;
-}
-
-declare module 'material-ui/svg-icons/hardware/headset-mic' {
-  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
-  export default HardwareHeadsetMic;
-}
-
-declare module 'material-ui/svg-icons/hardware/videogame-asset' {
-  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
-  export default HardwareVideogameAsset;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-down' {
-  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowDown;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-hide' {
-  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardHide;
-}
-
-declare module 'material-ui/svg-icons/hardware/scanner' {
-  export import HardwareScanner = __MaterialUI.SvgIcon;
-  export default HardwareScanner;
-}
-
-declare module 'material-ui/svg-icons/hardware/laptop-chromebook' {
-  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
-  export default HardwareLaptopChromebook;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet-mac' {
-  export import HardwareTabletMac = __MaterialUI.SvgIcon;
-  export default HardwareTabletMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/cast' {
-  export import HardwareCast = __MaterialUI.SvgIcon;
-  export default HardwareCast;
-}
-
-declare module 'material-ui/svg-icons/hardware/cast-connected' {
-  export import HardwareCastConnected = __MaterialUI.SvgIcon;
-  export default HardwareCastConnected;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-arrow-left' {
-  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowLeft;
-}
-
-declare module 'material-ui/svg-icons/hardware/phone-android' {
-  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
-  export default HardwarePhoneAndroid;
-}
-
-declare module 'material-ui/svg-icons/hardware/computer' {
-  export import HardwareComputer = __MaterialUI.SvgIcon;
-  export default HardwareComputer;
-}
-
-declare module 'material-ui/svg-icons/hardware/power-input' {
-  export import HardwarePowerInput = __MaterialUI.SvgIcon;
-  export default HardwarePowerInput;
-}
-
-declare module 'material-ui/svg-icons/hardware/smartphone' {
-  export import HardwareSmartphone = __MaterialUI.SvgIcon;
-  export default HardwareSmartphone;
-}
-
-declare module 'material-ui/svg-icons/hardware/router' {
-  export import HardwareRouter = __MaterialUI.SvgIcon;
-  export default HardwareRouter;
-}
-
-declare module 'material-ui/svg-icons/hardware/keyboard-backspace' {
-  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardBackspace;
-}
-
-declare module 'material-ui/svg-icons/hardware/developer-board' {
-  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
-  export default HardwareDeveloperBoard;
-}
-
-declare module 'material-ui/svg-icons/hardware/device-hub' {
-  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
-  export default HardwareDeviceHub;
-}
-
-declare module 'material-ui/svg-icons/hardware/mouse' {
-  export import HardwareMouse = __MaterialUI.SvgIcon;
-  export default HardwareMouse;
-}
-
-declare module 'material-ui/svg-icons/hardware/desktop-mac' {
-  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
-  export default HardwareDesktopMac;
-}
-
-declare module 'material-ui/svg-icons/hardware/tablet' {
-  export import HardwareTablet = __MaterialUI.SvgIcon;
-  export default HardwareTablet;
-}
-
-declare module 'material-ui/svg-icons/content/add-box' {
-  export import ContentAddBox = __MaterialUI.SvgIcon;
-  export default ContentAddBox;
-}
-
-declare module 'material-ui/svg-icons/content/filter-list' {
-  export import ContentFilterList = __MaterialUI.SvgIcon;
-  export default ContentFilterList;
-}
-
-declare module 'material-ui/svg-icons/content/save' {
-  export import ContentSave = __MaterialUI.SvgIcon;
-  export default ContentSave;
-}
-
-declare module 'material-ui/svg-icons/content/unarchive' {
-  export import ContentUnarchive = __MaterialUI.SvgIcon;
-  export default ContentUnarchive;
-}
-
-declare module 'material-ui/svg-icons/content/link' {
-  export import ContentLink = __MaterialUI.SvgIcon;
-  export default ContentLink;
-}
-
-declare module 'material-ui/svg-icons/content/sort' {
-  export import ContentSort = __MaterialUI.SvgIcon;
-  export default ContentSort;
-}
-
-declare module 'material-ui/svg-icons/content/text-format' {
-  export import ContentTextFormat = __MaterialUI.SvgIcon;
-  export default ContentTextFormat;
-}
-
-declare module 'material-ui/svg-icons/content/add' {
-  export import ContentAdd = __MaterialUI.SvgIcon;
-  export default ContentAdd;
-}
-
-declare module 'material-ui/svg-icons/content/send' {
-  export import ContentSend = __MaterialUI.SvgIcon;
-  export default ContentSend;
-}
-
-declare module 'material-ui/svg-icons/content/gesture' {
-  export import ContentGesture = __MaterialUI.SvgIcon;
-  export default ContentGesture;
-}
-
-declare module 'material-ui/svg-icons/content/archive' {
-  export import ContentArchive = __MaterialUI.SvgIcon;
-  export default ContentArchive;
-}
-
-declare module 'material-ui/svg-icons/content/weekend' {
-  export import ContentWeekend = __MaterialUI.SvgIcon;
-  export default ContentWeekend;
-}
-
-declare module 'material-ui/svg-icons/content/markunread' {
-  export import ContentMarkunread = __MaterialUI.SvgIcon;
-  export default ContentMarkunread;
-}
-
-declare module 'material-ui/svg-icons/content/create' {
-  export import ContentCreate = __MaterialUI.SvgIcon;
-  export default ContentCreate;
-}
-
-declare module 'material-ui/svg-icons/content/content-cut' {
-  export import ContentContentCut = __MaterialUI.SvgIcon;
-  export default ContentContentCut;
-}
-
-declare module 'material-ui/svg-icons/content/clear' {
-  export import ContentClear = __MaterialUI.SvgIcon;
-  export default ContentClear;
-}
-
-declare module 'material-ui/svg-icons/content/redo' {
-  export import ContentRedo = __MaterialUI.SvgIcon;
-  export default ContentRedo;
-}
-
-declare module 'material-ui/svg-icons/content/block' {
-  export import ContentBlock = __MaterialUI.SvgIcon;
-  export default ContentBlock;
-}
-
-declare module 'material-ui/svg-icons/content/forward' {
-  export import ContentForward = __MaterialUI.SvgIcon;
-  export default ContentForward;
-}
-
-declare module 'material-ui/svg-icons/content/mail' {
-  export import ContentMail = __MaterialUI.SvgIcon;
-  export default ContentMail;
-}
-
-declare module 'material-ui/svg-icons/content/inbox' {
-  export import ContentInbox = __MaterialUI.SvgIcon;
-  export default ContentInbox;
-}
-
-declare module 'material-ui/svg-icons/content/remove-circle' {
-  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircle;
-}
-
-declare module 'material-ui/svg-icons/content/move-to-inbox' {
-  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
-  export default ContentMoveToInbox;
-}
-
-declare module 'material-ui/svg-icons/content/flag' {
-  export import ContentFlag = __MaterialUI.SvgIcon;
-  export default ContentFlag;
-}
-
-declare module 'material-ui/svg-icons/content/reply-all' {
-  export import ContentReplyAll = __MaterialUI.SvgIcon;
-  export default ContentReplyAll;
-}
-
-declare module 'material-ui/svg-icons/content/remove' {
-  export import ContentRemove = __MaterialUI.SvgIcon;
-  export default ContentRemove;
-}
-
-declare module 'material-ui/svg-icons/content/next-week' {
-  export import ContentNextWeek = __MaterialUI.SvgIcon;
-  export default ContentNextWeek;
-}
-
-declare module 'material-ui/svg-icons/content/undo' {
-  export import ContentUndo = __MaterialUI.SvgIcon;
-  export default ContentUndo;
-}
-
-declare module 'material-ui/svg-icons/content/font-download' {
-  export import ContentFontDownload = __MaterialUI.SvgIcon;
-  export default ContentFontDownload;
-}
-
-declare module 'material-ui/svg-icons/content/remove-circle-outline' {
-  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/content/backspace' {
-  export import ContentBackspace = __MaterialUI.SvgIcon;
-  export default ContentBackspace;
-}
-
-declare module 'material-ui/svg-icons/content/reply' {
-  export import ContentReply = __MaterialUI.SvgIcon;
-  export default ContentReply;
-}
-
-declare module 'material-ui/svg-icons/content/report' {
-  export import ContentReport = __MaterialUI.SvgIcon;
-  export default ContentReport;
-}
-
-declare module 'material-ui/svg-icons/content/add-circle' {
-  export import ContentAddCircle = __MaterialUI.SvgIcon;
-  export default ContentAddCircle;
-}
-
-declare module 'material-ui/svg-icons/content/content-copy' {
-  export import ContentContentCopy = __MaterialUI.SvgIcon;
-  export default ContentContentCopy;
-}
-
-declare module 'material-ui/svg-icons/content/content-paste' {
-  export import ContentContentPaste = __MaterialUI.SvgIcon;
-  export default ContentContentPaste;
-}
-
-declare module 'material-ui/svg-icons/content/select-all' {
-  export import ContentSelectAll = __MaterialUI.SvgIcon;
-  export default ContentSelectAll;
-}
-
-declare module 'material-ui/svg-icons/content/add-circle-outline' {
-  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentAddCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/content/drafts' {
-  export import ContentDrafts = __MaterialUI.SvgIcon;
-  export default ContentDrafts;
-}
-
-declare module 'material-ui/svg-icons/editor/wrap-text' {
-  export import EditorWrapText = __MaterialUI.SvgIcon;
-  export default EditorWrapText;
-}
-
-declare module 'material-ui/svg-icons/editor/format-size' {
-  export import EditorFormatSize = __MaterialUI.SvgIcon;
-  export default EditorFormatSize;
-}
-
-declare module 'material-ui/svg-icons/editor/functions' {
-  export import EditorFunctions = __MaterialUI.SvgIcon;
-  export default EditorFunctions;
-}
-
-declare module 'material-ui/svg-icons/editor/format-bold' {
-  export import EditorFormatBold = __MaterialUI.SvgIcon;
-  export default EditorFormatBold;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-center' {
-  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignCenter;
-}
-
-declare module 'material-ui/svg-icons/editor/mode-comment' {
-  export import EditorModeComment = __MaterialUI.SvgIcon;
-  export default EditorModeComment;
-}
-
-declare module 'material-ui/svg-icons/editor/money-off' {
-  export import EditorMoneyOff = __MaterialUI.SvgIcon;
-  export default EditorMoneyOff;
-}
-
-declare module 'material-ui/svg-icons/editor/format-textdirection-r-to-l' {
-  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionRToL;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-drive-file' {
-  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
-  export default EditorInsertDriveFile;
-}
-
-declare module 'material-ui/svg-icons/editor/highlight' {
-  export import EditorHighlight = __MaterialUI.SvgIcon;
-  export default EditorHighlight;
-}
-
-declare module 'material-ui/svg-icons/editor/format-clear' {
-  export import EditorFormatClear = __MaterialUI.SvgIcon;
-  export default EditorFormatClear;
-}
-
-declare module 'material-ui/svg-icons/editor/border-style' {
-  export import EditorBorderStyle = __MaterialUI.SvgIcon;
-  export default EditorBorderStyle;
-}
-
-declare module 'material-ui/svg-icons/editor/format-shapes' {
-  export import EditorFormatShapes = __MaterialUI.SvgIcon;
-  export default EditorFormatShapes;
-}
-
-declare module 'material-ui/svg-icons/editor/format-paint' {
-  export import EditorFormatPaint = __MaterialUI.SvgIcon;
-  export default EditorFormatPaint;
-}
-
-declare module 'material-ui/svg-icons/editor/linear-scale' {
-  export import EditorLinearScale = __MaterialUI.SvgIcon;
-  export default EditorLinearScale;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-photo' {
-  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
-  export default EditorInsertPhoto;
-}
-
-declare module 'material-ui/svg-icons/editor/drag-handle' {
-  export import EditorDragHandle = __MaterialUI.SvgIcon;
-  export default EditorDragHandle;
-}
-
-declare module 'material-ui/svg-icons/editor/merge-type' {
-  export import EditorMergeType = __MaterialUI.SvgIcon;
-  export default EditorMergeType;
-}
-
-declare module 'material-ui/svg-icons/editor/attach-money' {
-  export import EditorAttachMoney = __MaterialUI.SvgIcon;
-  export default EditorAttachMoney;
-}
-
-declare module 'material-ui/svg-icons/editor/border-vertical' {
-  export import EditorBorderVertical = __MaterialUI.SvgIcon;
-  export default EditorBorderVertical;
-}
-
-declare module 'material-ui/svg-icons/editor/format-indent-decrease' {
-  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentDecrease;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-emoticon' {
-  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
-  export default EditorInsertEmoticon;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-invitation' {
-  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
-  export default EditorInsertInvitation;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-fill' {
-  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
-  export default EditorFormatColorFill;
-}
-
-declare module 'material-ui/svg-icons/editor/mode-edit' {
-  export import EditorModeEdit = __MaterialUI.SvgIcon;
-  export default EditorModeEdit;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-bottom' {
-  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignBottom;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-justify' {
-  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignJustify;
-}
-
-declare module 'material-ui/svg-icons/editor/attach-file' {
-  export import EditorAttachFile = __MaterialUI.SvgIcon;
-  export default EditorAttachFile;
-}
-
-declare module 'material-ui/svg-icons/editor/space-bar' {
-  export import EditorSpaceBar = __MaterialUI.SvgIcon;
-  export default EditorSpaceBar;
-}
-
-declare module 'material-ui/svg-icons/editor/border-clear' {
-  export import EditorBorderClear = __MaterialUI.SvgIcon;
-  export default EditorBorderClear;
-}
-
-declare module 'material-ui/svg-icons/editor/short-text' {
-  export import EditorShortText = __MaterialUI.SvgIcon;
-  export default EditorShortText;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-link' {
-  export import EditorInsertLink = __MaterialUI.SvgIcon;
-  export default EditorInsertLink;
-}
-
-declare module 'material-ui/svg-icons/editor/format-list-numbered' {
-  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
-  export default EditorFormatListNumbered;
-}
-
-declare module 'material-ui/svg-icons/editor/format-quote' {
-  export import EditorFormatQuote = __MaterialUI.SvgIcon;
-  export default EditorFormatQuote;
-}
-
-declare module 'material-ui/svg-icons/editor/border-left' {
-  export import EditorBorderLeft = __MaterialUI.SvgIcon;
-  export default EditorBorderLeft;
-}
-
-declare module 'material-ui/svg-icons/editor/format-underlined' {
-  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
-  export default EditorFormatUnderlined;
-}
-
-declare module 'material-ui/svg-icons/editor/text-fields' {
-  export import EditorTextFields = __MaterialUI.SvgIcon;
-  export default EditorTextFields;
-}
-
-declare module 'material-ui/svg-icons/editor/format-italic' {
-  export import EditorFormatItalic = __MaterialUI.SvgIcon;
-  export default EditorFormatItalic;
-}
-
-declare module 'material-ui/svg-icons/editor/publish' {
-  export import EditorPublish = __MaterialUI.SvgIcon;
-  export default EditorPublish;
-}
-
-declare module 'material-ui/svg-icons/editor/border-top' {
-  export import EditorBorderTop = __MaterialUI.SvgIcon;
-  export default EditorBorderTop;
-}
-
-declare module 'material-ui/svg-icons/editor/format-indent-increase' {
-  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentIncrease;
-}
-
-declare module 'material-ui/svg-icons/editor/border-bottom' {
-  export import EditorBorderBottom = __MaterialUI.SvgIcon;
-  export default EditorBorderBottom;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-right' {
-  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignRight;
-}
-
-declare module 'material-ui/svg-icons/editor/border-right' {
-  export import EditorBorderRight = __MaterialUI.SvgIcon;
-  export default EditorBorderRight;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-comment' {
-  export import EditorInsertComment = __MaterialUI.SvgIcon;
-  export default EditorInsertComment;
-}
-
-declare module 'material-ui/svg-icons/editor/strikethrough-s' {
-  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
-  export default EditorStrikethroughS;
-}
-
-declare module 'material-ui/svg-icons/editor/format-strikethrough' {
-  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
-  export default EditorFormatStrikethrough;
-}
-
-declare module 'material-ui/svg-icons/editor/insert-chart' {
-  export import EditorInsertChart = __MaterialUI.SvgIcon;
-  export default EditorInsertChart;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-reset' {
-  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
-  export default EditorFormatColorReset;
-}
-
-declare module 'material-ui/svg-icons/editor/border-inner' {
-  export import EditorBorderInner = __MaterialUI.SvgIcon;
-  export default EditorBorderInner;
-}
-
-declare module 'material-ui/svg-icons/editor/format-color-text' {
-  export import EditorFormatColorText = __MaterialUI.SvgIcon;
-  export default EditorFormatColorText;
-}
-
-declare module 'material-ui/svg-icons/editor/border-horizontal' {
-  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
-  export default EditorBorderHorizontal;
-}
-
-declare module 'material-ui/svg-icons/editor/format-list-bulleted' {
-  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
-  export default EditorFormatListBulleted;
-}
-
-declare module 'material-ui/svg-icons/editor/border-outer' {
-  export import EditorBorderOuter = __MaterialUI.SvgIcon;
-  export default EditorBorderOuter;
-}
-
-declare module 'material-ui/svg-icons/editor/format-align-left' {
-  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignLeft;
-}
-
-declare module 'material-ui/svg-icons/editor/border-color' {
-  export import EditorBorderColor = __MaterialUI.SvgIcon;
-  export default EditorBorderColor;
-}
-
-declare module 'material-ui/svg-icons/editor/format-textdirection-l-to-r' {
-  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionLToR;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-center' {
-  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignCenter;
-}
-
-declare module 'material-ui/svg-icons/editor/vertical-align-top' {
-  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignTop;
-}
-
-declare module 'material-ui/svg-icons/editor/format-line-spacing' {
-  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
-  export default EditorFormatLineSpacing;
-}
-
-declare module 'material-ui/svg-icons/editor/border-all' {
-  export import EditorBorderAll = __MaterialUI.SvgIcon;
-  export default EditorBorderAll;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-portrait' {
-  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockPortrait;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-off' {
-  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularOff;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-searching' {
-  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothSearching;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-3-bar' {
-  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/network-cell' {
-  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
-  export default DeviceNetworkCell;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-no-sim' {
-  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNoSim;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-2-bar' {
-  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/devices' {
-  export import DeviceDevices = __MaterialUI.SvgIcon;
-  export default DeviceDevices;
-}
-
-declare module 'material-ui/svg-icons/device/battery-90' {
-  export import DeviceBattery90 = __MaterialUI.SvgIcon;
-  export default DeviceBattery90;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-80' {
-  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging80;
-}
-
-declare module 'material-ui/svg-icons/device/location-searching' {
-  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
-  export default DeviceLocationSearching;
-}
-
-declare module 'material-ui/svg-icons/device/wallpaper' {
-  export import DeviceWallpaper = __MaterialUI.SvgIcon;
-  export default DeviceWallpaper;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-rotation' {
-  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockRotation;
-}
-
-declare module 'material-ui/svg-icons/device/screen-lock-landscape' {
-  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockLandscape;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-20' {
-  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging20;
-}
-
-declare module 'material-ui/svg-icons/device/usb' {
-  export import DeviceUsb = __MaterialUI.SvgIcon;
-  export default DeviceUsb;
-}
-
-declare module 'material-ui/svg-icons/device/airplanemode-active' {
-  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeActive;
-}
-
-declare module 'material-ui/svg-icons/device/network-wifi' {
-  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
-  export default DeviceNetworkWifi;
-}
-
-declare module 'material-ui/svg-icons/device/graphic-eq' {
-  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
-  export default DeviceGraphicEq;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-connected' {
-  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothConnected;
-}
-
-declare module 'material-ui/svg-icons/device/gps-fixed' {
-  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsFixed;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
-  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-medium' {
-  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessMedium;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
-  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-3-bar-lock' {
-  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/battery-80' {
-  export import DeviceBattery80 = __MaterialUI.SvgIcon;
-  export default DeviceBattery80;
-}
-
-declare module 'material-ui/svg-icons/device/wifi-lock' {
-  export import DeviceWifiLock = __MaterialUI.SvgIcon;
-  export default DeviceWifiLock;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-2-bar-lock' {
-  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth' {
-  export import DeviceBluetooth = __MaterialUI.SvgIcon;
-  export default DeviceBluetooth;
-}
-
-declare module 'material-ui/svg-icons/device/access-time' {
-  export import DeviceAccessTime = __MaterialUI.SvgIcon;
-  export default DeviceAccessTime;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-30' {
-  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging30;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-off' {
-  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifiOff;
-}
-
-declare module 'material-ui/svg-icons/device/dvr' {
-  export import DeviceDvr = __MaterialUI.SvgIcon;
-  export default DeviceDvr;
-}
-
-declare module 'material-ui/svg-icons/device/battery-60' {
-  export import DeviceBattery60 = __MaterialUI.SvgIcon;
-  export default DeviceBattery60;
-}
-
-declare module 'material-ui/svg-icons/device/access-alarm' {
-  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarm;
-}
-
-declare module 'material-ui/svg-icons/device/nfc' {
-  export import DeviceNfc = __MaterialUI.SvgIcon;
-  export default DeviceNfc;
-}
-
-declare module 'material-ui/svg-icons/device/data-usage' {
-  export import DeviceDataUsage = __MaterialUI.SvgIcon;
-  export default DeviceDataUsage;
-}
-
-declare module 'material-ui/svg-icons/device/access-alarms' {
-  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarms;
-}
-
-declare module 'material-ui/svg-icons/device/battery-full' {
-  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryFull;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-full' {
-  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryChargingFull;
-}
-
-declare module 'material-ui/svg-icons/device/settings-system-daydream' {
-  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
-  export default DeviceSettingsSystemDaydream;
-}
-
-declare module 'material-ui/svg-icons/device/battery-std' {
-  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
-  export default DeviceBatteryStd;
-}
-
-declare module 'material-ui/svg-icons/device/battery-unknown' {
-  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
-  export default DeviceBatteryUnknown;
-}
-
-declare module 'material-ui/svg-icons/device/add-alarm' {
-  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAddAlarm;
-}
-
-declare module 'material-ui/svg-icons/device/storage' {
-  export import DeviceStorage = __MaterialUI.SvgIcon;
-  export default DeviceStorage;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-90' {
-  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging90;
-}
-
-declare module 'material-ui/svg-icons/device/screen-rotation' {
-  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenRotation;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-4-bar' {
-  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-50' {
-  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging50;
-}
-
-declare module 'material-ui/svg-icons/device/battery-30' {
-  export import DeviceBattery30 = __MaterialUI.SvgIcon;
-  export default DeviceBattery30;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
-  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-alert' {
-  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
-  export default DeviceBatteryAlert;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-1-bar' {
-  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-4-bar' {
-  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular4Bar;
-}
-
-declare module 'material-ui/svg-icons/device/wifi-tethering' {
-  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
-  export default DeviceWifiTethering;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-0-bar' {
-  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-auto' {
-  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessAuto;
-}
-
-declare module 'material-ui/svg-icons/device/location-disabled' {
-  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
-  export default DeviceLocationDisabled;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-3-bar' {
-  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3Bar;
-}
-
-declare module 'material-ui/svg-icons/device/gps-not-fixed' {
-  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsNotFixed;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-1-bar' {
-  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/battery-charging-60' {
-  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging60;
-}
-
-declare module 'material-ui/svg-icons/device/gps-off' {
-  export import DeviceGpsOff = __MaterialUI.SvgIcon;
-  export default DeviceGpsOff;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-null' {
-  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNull;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-low' {
-  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessLow;
-}
-
-declare module 'material-ui/svg-icons/device/sd-storage' {
-  export import DeviceSdStorage = __MaterialUI.SvgIcon;
-  export default DeviceSdStorage;
-}
-
-declare module 'material-ui/svg-icons/device/airplanemode-inactive' {
-  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeInactive;
-}
-
-declare module 'material-ui/svg-icons/device/widgets' {
-  export import DeviceWidgets = __MaterialUI.SvgIcon;
-  export default DeviceWidgets;
-}
-
-declare module 'material-ui/svg-icons/device/brightness-high' {
-  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessHigh;
-}
-
-declare module 'material-ui/svg-icons/device/battery-20' {
-  export import DeviceBattery20 = __MaterialUI.SvgIcon;
-  export default DeviceBattery20;
-}
-
-declare module 'material-ui/svg-icons/device/bluetooth-disabled' {
-  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothDisabled;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-4-bar-lock' {
-  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4BarLock;
-}
-
-declare module 'material-ui/svg-icons/device/developer-mode' {
-  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
-  export default DeviceDeveloperMode;
-}
-
-declare module 'material-ui/svg-icons/device/battery-50' {
-  export import DeviceBattery50 = __MaterialUI.SvgIcon;
-  export default DeviceBattery50;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
-  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet1Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-2-bar' {
-  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
-  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet2Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-cellular-0-bar' {
-  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular0Bar;
-}
-
-declare module 'material-ui/svg-icons/device/signal-wifi-1-bar-lock' {
-  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1BarLock;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-forward' {
-  export import NavigationArrowForward = __MaterialUI.SvgIcon;
-  export default NavigationArrowForward;
-}
-
-declare module 'material-ui/svg-icons/navigation/unfold-more' {
-  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldMore;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-down' {
-  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDown;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-back' {
-  export import NavigationArrowBack = __MaterialUI.SvgIcon;
-  export default NavigationArrowBack;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-downward' {
-  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
-  export default NavigationArrowDownward;
-}
-
-declare module 'material-ui/svg-icons/navigation/fullscreen' {
-  export import NavigationFullscreen = __MaterialUI.SvgIcon;
-  export default NavigationFullscreen;
-}
-
-declare module 'material-ui/svg-icons/navigation/unfold-less' {
-  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldLess;
-}
-
-declare module 'material-ui/svg-icons/navigation/chevron-right' {
-  export import NavigationChevronRight = __MaterialUI.SvgIcon;
-  export default NavigationChevronRight;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-down-circle' {
-  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDownCircle;
-}
-
-declare module 'material-ui/svg-icons/navigation/check' {
-  export import NavigationCheck = __MaterialUI.SvgIcon;
-  export default NavigationCheck;
-}
-
-declare module 'material-ui/svg-icons/navigation/fullscreen-exit' {
-  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
-  export default NavigationFullscreenExit;
-}
-
-declare module 'material-ui/svg-icons/navigation/chevron-left' {
-  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
-  export default NavigationChevronLeft;
-}
-
-declare module 'material-ui/svg-icons/navigation/menu' {
-  export import NavigationMenu = __MaterialUI.SvgIcon;
-  export default NavigationMenu;
-}
-
-declare module 'material-ui/svg-icons/navigation/apps' {
-  export import NavigationApps = __MaterialUI.SvgIcon;
-  export default NavigationApps;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-upward' {
-  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
-  export default NavigationArrowUpward;
-}
-
-declare module 'material-ui/svg-icons/navigation/close' {
-  export import NavigationClose = __MaterialUI.SvgIcon;
-  export default NavigationClose;
-}
-
-declare module 'material-ui/svg-icons/navigation/more-horiz' {
-  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
-  export default NavigationMoreHoriz;
-}
-
-declare module 'material-ui/svg-icons/navigation/cancel' {
-  export import NavigationCancel = __MaterialUI.SvgIcon;
-  export default NavigationCancel;
-}
-
-declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-right' {
-  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowRight;
-}
-
-declare module 'material-ui/svg-icons/navigation/expand-more' {
-  export import NavigationExpandMore = __MaterialUI.SvgIcon;
-  export default NavigationExpandMore;
-}
-
-declare module 'material-ui/svg-icons/navigation/arrow-drop-up' {
-  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropUp;
-}
-
-declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-left' {
-  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowLeft;
-}
-
-declare module 'material-ui/svg-icons/navigation/expand-less' {
-  export import NavigationExpandLess = __MaterialUI.SvgIcon;
-  export default NavigationExpandLess;
-}
-
-declare module 'material-ui/svg-icons/navigation/refresh' {
-  export import NavigationRefresh = __MaterialUI.SvgIcon;
-  export default NavigationRefresh;
-}
-
-declare module 'material-ui/svg-icons/navigation/more-vert' {
-  export import NavigationMoreVert = __MaterialUI.SvgIcon;
-  export default NavigationMoreVert;
-}
-
-declare module 'material-ui/svg-icons/notification/rv-hookup' {
-  export import NotificationRvHookup = __MaterialUI.SvgIcon;
-  export default NotificationRvHookup;
-}
-
-declare module 'material-ui/svg-icons/notification/no-encryption' {
-  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
-  export default NotificationNoEncryption;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-forwarded' {
-  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
-  export default NotificationPhoneForwarded;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-flat-angled' {
-  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlatAngled;
-}
-
-declare module 'material-ui/svg-icons/notification/time-to-leave' {
-  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
-  export default NotificationTimeToLeave;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-extra' {
-  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomExtra;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-recline-extra' {
-  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineExtra;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-individual-suite' {
-  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatIndividualSuite;
-}
-
-declare module 'material-ui/svg-icons/notification/vibration' {
-  export import NotificationVibration = __MaterialUI.SvgIcon;
-  export default NotificationVibration;
-}
-
-declare module 'material-ui/svg-icons/notification/sim-card-alert' {
-  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
-  export default NotificationSimCardAlert;
-}
-
-declare module 'material-ui/svg-icons/notification/sms-failed' {
-  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
-  export default NotificationSmsFailed;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-flat' {
-  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlat;
-}
-
-declare module 'material-ui/svg-icons/notification/do-not-disturb' {
-  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturb;
-}
-
-declare module 'material-ui/svg-icons/notification/sync-problem' {
-  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
-  export default NotificationSyncProblem;
-}
-
-declare module 'material-ui/svg-icons/notification/event-available' {
-  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
-  export default NotificationEventAvailable;
-}
-
-declare module 'material-ui/svg-icons/notification/network-check' {
-  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
-  export default NotificationNetworkCheck;
-}
-
-declare module 'material-ui/svg-icons/notification/sms' {
-  export import NotificationSms = __MaterialUI.SvgIcon;
-  export default NotificationSms;
-}
-
-declare module 'material-ui/svg-icons/notification/disc-full' {
-  export import NotificationDiscFull = __MaterialUI.SvgIcon;
-  export default NotificationDiscFull;
-}
-
-declare module 'material-ui/svg-icons/notification/do-not-disturb-alt' {
-  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturbAlt;
-}
-
-declare module 'material-ui/svg-icons/notification/system-update' {
-  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
-  export default NotificationSystemUpdate;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-bluetooth-speaker' {
-  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
-  export default NotificationPhoneBluetoothSpeaker;
-}
-
-declare module 'material-ui/svg-icons/notification/ondemand-video' {
-  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
-  export default NotificationOndemandVideo;
-}
-
-declare module 'material-ui/svg-icons/notification/power' {
-  export import NotificationPower = __MaterialUI.SvgIcon;
-  export default NotificationPower;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-locked' {
-  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
-  export default NotificationPhoneLocked;
-}
-
-declare module 'material-ui/svg-icons/notification/sd-card' {
-  export import NotificationSdCard = __MaterialUI.SvgIcon;
-  export default NotificationSdCard;
-}
-
-declare module 'material-ui/svg-icons/notification/event-busy' {
-  export import NotificationEventBusy = __MaterialUI.SvgIcon;
-  export default NotificationEventBusy;
-}
-
-declare module 'material-ui/svg-icons/notification/personal-video' {
-  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
-  export default NotificationPersonalVideo;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-normal' {
-  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomNormal;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-in-talk' {
-  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
-  export default NotificationPhoneInTalk;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-legroom-reduced' {
-  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomReduced;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-paused' {
-  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
-  export default NotificationPhonePaused;
-}
-
-declare module 'material-ui/svg-icons/notification/sync-disabled' {
-  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
-  export default NotificationSyncDisabled;
-}
-
-declare module 'material-ui/svg-icons/notification/enhanced-encryption' {
-  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
-  export default NotificationEnhancedEncryption;
-}
-
-declare module 'material-ui/svg-icons/notification/mms' {
-  export import NotificationMms = __MaterialUI.SvgIcon;
-  export default NotificationMms;
-}
-
-declare module 'material-ui/svg-icons/notification/drive-eta' {
-  export import NotificationDriveEta = __MaterialUI.SvgIcon;
-  export default NotificationDriveEta;
-}
-
-declare module 'material-ui/svg-icons/notification/voice-chat' {
-  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
-  export default NotificationVoiceChat;
-}
-
-declare module 'material-ui/svg-icons/notification/wifi' {
-  export import NotificationWifi = __MaterialUI.SvgIcon;
-  export default NotificationWifi;
-}
-
-declare module 'material-ui/svg-icons/notification/airline-seat-recline-normal' {
-  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineNormal;
-}
-
-declare module 'material-ui/svg-icons/notification/more' {
-  export import NotificationMore = __MaterialUI.SvgIcon;
-  export default NotificationMore;
-}
-
-declare module 'material-ui/svg-icons/notification/vpn-lock' {
-  export import NotificationVpnLock = __MaterialUI.SvgIcon;
-  export default NotificationVpnLock;
-}
-
-declare module 'material-ui/svg-icons/notification/event-note' {
-  export import NotificationEventNote = __MaterialUI.SvgIcon;
-  export default NotificationEventNote;
-}
-
-declare module 'material-ui/svg-icons/notification/confirmation-number' {
-  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
-  export default NotificationConfirmationNumber;
-}
-
-declare module 'material-ui/svg-icons/notification/network-locked' {
-  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
-  export default NotificationNetworkLocked;
-}
-
-declare module 'material-ui/svg-icons/notification/adb' {
-  export import NotificationAdb = __MaterialUI.SvgIcon;
-  export default NotificationAdb;
-}
-
-declare module 'material-ui/svg-icons/notification/bluetooth-audio' {
-  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
-  export default NotificationBluetoothAudio;
-}
-
-declare module 'material-ui/svg-icons/notification/wc' {
-  export import NotificationWc = __MaterialUI.SvgIcon;
-  export default NotificationWc;
-}
-
-declare module 'material-ui/svg-icons/notification/tap-and-play' {
-  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
-  export default NotificationTapAndPlay;
-}
-
-declare module 'material-ui/svg-icons/notification/folder-special' {
-  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
-  export default NotificationFolderSpecial;
-}
-
-declare module 'material-ui/svg-icons/notification/live-tv' {
-  export import NotificationLiveTv = __MaterialUI.SvgIcon;
-  export default NotificationLiveTv;
-}
-
-declare module 'material-ui/svg-icons/notification/sync' {
-  export import NotificationSync = __MaterialUI.SvgIcon;
-  export default NotificationSync;
-}
-
-declare module 'material-ui/svg-icons/notification/phone-missed' {
-  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
-  export default NotificationPhoneMissed;
-}
-
-declare module 'material-ui/svg-icons/av/skip-previous' {
-  export import AvSkipPrevious = __MaterialUI.SvgIcon;
-  export default AvSkipPrevious;
-}
-
-declare module 'material-ui/svg-icons/av/volume-off' {
-  export import AvVolumeOff = __MaterialUI.SvgIcon;
-  export default AvVolumeOff;
-}
-
-declare module 'material-ui/svg-icons/av/subscriptions' {
-  export import AvSubscriptions = __MaterialUI.SvgIcon;
-  export default AvSubscriptions;
-}
-
-declare module 'material-ui/svg-icons/av/play-arrow' {
-  export import AvPlayArrow = __MaterialUI.SvgIcon;
-  export default AvPlayArrow;
-}
-
-declare module 'material-ui/svg-icons/av/play-circle-outline' {
-  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPlayCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/av/replay-30' {
-  export import AvReplay30 = __MaterialUI.SvgIcon;
-  export default AvReplay30;
-}
-
-declare module 'material-ui/svg-icons/av/videocam' {
-  export import AvVideocam = __MaterialUI.SvgIcon;
-  export default AvVideocam;
-}
-
-declare module 'material-ui/svg-icons/av/replay-5' {
-  export import AvReplay5 = __MaterialUI.SvgIcon;
-  export default AvReplay5;
-}
-
-declare module 'material-ui/svg-icons/av/forward-10' {
-  export import AvForward10 = __MaterialUI.SvgIcon;
-  export default AvForward10;
-}
-
-declare module 'material-ui/svg-icons/av/recent-actors' {
-  export import AvRecentActors = __MaterialUI.SvgIcon;
-  export default AvRecentActors;
-}
-
-declare module 'material-ui/svg-icons/av/replay-10' {
-  export import AvReplay10 = __MaterialUI.SvgIcon;
-  export default AvReplay10;
-}
-
-declare module 'material-ui/svg-icons/av/repeat' {
-  export import AvRepeat = __MaterialUI.SvgIcon;
-  export default AvRepeat;
-}
-
-declare module 'material-ui/svg-icons/av/queue-music' {
-  export import AvQueueMusic = __MaterialUI.SvgIcon;
-  export default AvQueueMusic;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-pin' {
-  export import AvFiberPin = __MaterialUI.SvgIcon;
-  export default AvFiberPin;
-}
-
-declare module 'material-ui/svg-icons/av/new-releases' {
-  export import AvNewReleases = __MaterialUI.SvgIcon;
-  export default AvNewReleases;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-new' {
-  export import AvFiberNew = __MaterialUI.SvgIcon;
-  export default AvFiberNew;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-manual-record' {
-  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
-  export default AvFiberManualRecord;
-}
-
-declare module 'material-ui/svg-icons/av/hearing' {
-  export import AvHearing = __MaterialUI.SvgIcon;
-  export default AvHearing;
-}
-
-declare module 'material-ui/svg-icons/av/loop' {
-  export import AvLoop = __MaterialUI.SvgIcon;
-  export default AvLoop;
-}
-
-declare module 'material-ui/svg-icons/av/volume-up' {
-  export import AvVolumeUp = __MaterialUI.SvgIcon;
-  export default AvVolumeUp;
-}
-
-declare module 'material-ui/svg-icons/av/high-quality' {
-  export import AvHighQuality = __MaterialUI.SvgIcon;
-  export default AvHighQuality;
-}
-
-declare module 'material-ui/svg-icons/av/surround-sound' {
-  export import AvSurroundSound = __MaterialUI.SvgIcon;
-  export default AvSurroundSound;
-}
-
-declare module 'material-ui/svg-icons/av/equalizer' {
-  export import AvEqualizer = __MaterialUI.SvgIcon;
-  export default AvEqualizer;
-}
-
-declare module 'material-ui/svg-icons/av/music-video' {
-  export import AvMusicVideo = __MaterialUI.SvgIcon;
-  export default AvMusicVideo;
-}
-
-declare module 'material-ui/svg-icons/av/shuffle' {
-  export import AvShuffle = __MaterialUI.SvgIcon;
-  export default AvShuffle;
-}
-
-declare module 'material-ui/svg-icons/av/volume-down' {
-  export import AvVolumeDown = __MaterialUI.SvgIcon;
-  export default AvVolumeDown;
-}
-
-declare module 'material-ui/svg-icons/av/radio' {
-  export import AvRadio = __MaterialUI.SvgIcon;
-  export default AvRadio;
-}
-
-declare module 'material-ui/svg-icons/av/web-asset' {
-  export import AvWebAsset = __MaterialUI.SvgIcon;
-  export default AvWebAsset;
-}
-
-declare module 'material-ui/svg-icons/av/replay' {
-  export import AvReplay = __MaterialUI.SvgIcon;
-  export default AvReplay;
-}
-
-declare module 'material-ui/svg-icons/av/queue-play-next' {
-  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
-  export default AvQueuePlayNext;
-}
-
-declare module 'material-ui/svg-icons/av/closed-caption' {
-  export import AvClosedCaption = __MaterialUI.SvgIcon;
-  export default AvClosedCaption;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-dvr' {
-  export import AvFiberDvr = __MaterialUI.SvgIcon;
-  export default AvFiberDvr;
-}
-
-declare module 'material-ui/svg-icons/av/explicit' {
-  export import AvExplicit = __MaterialUI.SvgIcon;
-  export default AvExplicit;
-}
-
-declare module 'material-ui/svg-icons/av/games' {
-  export import AvGames = __MaterialUI.SvgIcon;
-  export default AvGames;
-}
-
-declare module 'material-ui/svg-icons/av/videocam-off' {
-  export import AvVideocamOff = __MaterialUI.SvgIcon;
-  export default AvVideocamOff;
-}
-
-declare module 'material-ui/svg-icons/av/hd' {
-  export import AvHd = __MaterialUI.SvgIcon;
-  export default AvHd;
-}
-
-declare module 'material-ui/svg-icons/av/fast-rewind' {
-  export import AvFastRewind = __MaterialUI.SvgIcon;
-  export default AvFastRewind;
-}
-
-declare module 'material-ui/svg-icons/av/add-to-queue' {
-  export import AvAddToQueue = __MaterialUI.SvgIcon;
-  export default AvAddToQueue;
-}
-
-declare module 'material-ui/svg-icons/av/movie' {
-  export import AvMovie = __MaterialUI.SvgIcon;
-  export default AvMovie;
-}
-
-declare module 'material-ui/svg-icons/av/library-books' {
-  export import AvLibraryBooks = __MaterialUI.SvgIcon;
-  export default AvLibraryBooks;
-}
-
-declare module 'material-ui/svg-icons/av/art-track' {
-  export import AvArtTrack = __MaterialUI.SvgIcon;
-  export default AvArtTrack;
-}
-
-declare module 'material-ui/svg-icons/av/web' {
-  export import AvWeb = __MaterialUI.SvgIcon;
-  export default AvWeb;
-}
-
-declare module 'material-ui/svg-icons/av/play-circle-filled' {
-  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPlayCircleFilled;
-}
-
-declare module 'material-ui/svg-icons/av/snooze' {
-  export import AvSnooze = __MaterialUI.SvgIcon;
-  export default AvSnooze;
-}
-
-declare module 'material-ui/svg-icons/av/forward-5' {
-  export import AvForward5 = __MaterialUI.SvgIcon;
-  export default AvForward5;
-}
-
-declare module 'material-ui/svg-icons/av/sort-by-alpha' {
-  export import AvSortByAlpha = __MaterialUI.SvgIcon;
-  export default AvSortByAlpha;
-}
-
-declare module 'material-ui/svg-icons/av/pause-circle-filled' {
-  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPauseCircleFilled;
-}
-
-declare module 'material-ui/svg-icons/av/fiber-smart-record' {
-  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
-  export default AvFiberSmartRecord;
-}
-
-declare module 'material-ui/svg-icons/av/stop' {
-  export import AvStop = __MaterialUI.SvgIcon;
-  export default AvStop;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-play' {
-  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
-  export default AvPlaylistPlay;
-}
-
-declare module 'material-ui/svg-icons/av/library-add' {
-  export import AvLibraryAdd = __MaterialUI.SvgIcon;
-  export default AvLibraryAdd;
-}
-
-declare module 'material-ui/svg-icons/av/volume-mute' {
-  export import AvVolumeMute = __MaterialUI.SvgIcon;
-  export default AvVolumeMute;
-}
-
-declare module 'material-ui/svg-icons/av/skip-next' {
-  export import AvSkipNext = __MaterialUI.SvgIcon;
-  export default AvSkipNext;
-}
-
-declare module 'material-ui/svg-icons/av/forward-30' {
-  export import AvForward30 = __MaterialUI.SvgIcon;
-  export default AvForward30;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-add' {
-  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
-  export default AvPlaylistAdd;
-}
-
-declare module 'material-ui/svg-icons/av/album' {
-  export import AvAlbum = __MaterialUI.SvgIcon;
-  export default AvAlbum;
-}
-
-declare module 'material-ui/svg-icons/av/video-library' {
-  export import AvVideoLibrary = __MaterialUI.SvgIcon;
-  export default AvVideoLibrary;
-}
-
-declare module 'material-ui/svg-icons/av/library-music' {
-  export import AvLibraryMusic = __MaterialUI.SvgIcon;
-  export default AvLibraryMusic;
-}
-
-declare module 'material-ui/svg-icons/av/not-interested' {
-  export import AvNotInterested = __MaterialUI.SvgIcon;
-  export default AvNotInterested;
-}
-
-declare module 'material-ui/svg-icons/av/playlist-add-check' {
-  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
-  export default AvPlaylistAddCheck;
-}
-
-declare module 'material-ui/svg-icons/av/mic-none' {
-  export import AvMicNone = __MaterialUI.SvgIcon;
-  export default AvMicNone;
-}
-
-declare module 'material-ui/svg-icons/av/pause' {
-  export import AvPause = __MaterialUI.SvgIcon;
-  export default AvPause;
-}
-
-declare module 'material-ui/svg-icons/av/remove-from-queue' {
-  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
-  export default AvRemoveFromQueue;
-}
-
-declare module 'material-ui/svg-icons/av/slow-motion-video' {
-  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
-  export default AvSlowMotionVideo;
-}
-
-declare module 'material-ui/svg-icons/av/subtitles' {
-  export import AvSubtitles = __MaterialUI.SvgIcon;
-  export default AvSubtitles;
-}
-
-declare module 'material-ui/svg-icons/av/mic-off' {
-  export import AvMicOff = __MaterialUI.SvgIcon;
-  export default AvMicOff;
-}
-
-declare module 'material-ui/svg-icons/av/repeat-one' {
-  export import AvRepeatOne = __MaterialUI.SvgIcon;
-  export default AvRepeatOne;
-}
-
-declare module 'material-ui/svg-icons/av/queue' {
-  export import AvQueue = __MaterialUI.SvgIcon;
-  export default AvQueue;
-}
-
-declare module 'material-ui/svg-icons/av/fast-forward' {
-  export import AvFastForward = __MaterialUI.SvgIcon;
-  export default AvFastForward;
-}
-
-declare module 'material-ui/svg-icons/av/mic' {
-  export import AvMic = __MaterialUI.SvgIcon;
-  export default AvMic;
-}
-
-declare module 'material-ui/svg-icons/av/av-timer' {
-  export import AvAvTimer = __MaterialUI.SvgIcon;
-  export default AvAvTimer;
-}
-
-declare module 'material-ui/svg-icons/av/pause-circle-outline' {
-  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPauseCircleOutline;
-}
-
-declare module 'material-ui/svg-icons/av/airplay' {
-  export import AvAirplay = __MaterialUI.SvgIcon;
-  export default AvAirplay;
-}
-
-declare module 'material-ui/svg-icons/image/camera-rear' {
-  export import ImageCameraRear = __MaterialUI.SvgIcon;
-  export default ImageCameraRear;
-}
-
-declare module 'material-ui/svg-icons/image/add-a-photo' {
-  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
-  export default ImageAddAPhoto;
-}
-
-declare module 'material-ui/svg-icons/image/portrait' {
-  export import ImagePortrait = __MaterialUI.SvgIcon;
-  export default ImagePortrait;
-}
-
-declare module 'material-ui/svg-icons/image/looks' {
-  export import ImageLooks = __MaterialUI.SvgIcon;
-  export default ImageLooks;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-neg-2' {
-  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg2;
-}
-
-declare module 'material-ui/svg-icons/image/wb-cloudy' {
-  export import ImageWbCloudy = __MaterialUI.SvgIcon;
-  export default ImageWbCloudy;
-}
-
-declare module 'material-ui/svg-icons/image/switch-video' {
-  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
-  export default ImageSwitchVideo;
-}
-
-declare module 'material-ui/svg-icons/image/wb-auto' {
-  export import ImageWbAuto = __MaterialUI.SvgIcon;
-  export default ImageWbAuto;
-}
-
-declare module 'material-ui/svg-icons/image/filter-center-focus' {
-  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
-  export default ImageFilterCenterFocus;
-}
-
-declare module 'material-ui/svg-icons/image/crop-7-5' {
-  export import ImageCrop75 = __MaterialUI.SvgIcon;
-  export default ImageCrop75;
-}
-
-declare module 'material-ui/svg-icons/image/crop-3-2' {
-  export import ImageCrop32 = __MaterialUI.SvgIcon;
-  export default ImageCrop32;
-}
-
-declare module 'material-ui/svg-icons/image/assistant-photo' {
-  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
-  export default ImageAssistantPhoto;
-}
-
-declare module 'material-ui/svg-icons/image/looks-one' {
-  export import ImageLooksOne = __MaterialUI.SvgIcon;
-  export default ImageLooksOne;
-}
-
-declare module 'material-ui/svg-icons/image/collections-bookmark' {
-  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
-  export default ImageCollectionsBookmark;
-}
-
-declare module 'material-ui/svg-icons/image/image-aspect-ratio' {
-  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
-  export default ImageImageAspectRatio;
-}
-
-declare module 'material-ui/svg-icons/image/brush' {
-  export import ImageBrush = __MaterialUI.SvgIcon;
-  export default ImageBrush;
-}
-
-declare module 'material-ui/svg-icons/image/linked-camera' {
-  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
-  export default ImageLinkedCamera;
-}
-
-declare module 'material-ui/svg-icons/image/filter-1' {
-  export import ImageFilter1 = __MaterialUI.SvgIcon;
-  export default ImageFilter1;
-}
-
-declare module 'material-ui/svg-icons/image/edit' {
-  export import ImageEdit = __MaterialUI.SvgIcon;
-  export default ImageEdit;
-}
-
-declare module 'material-ui/svg-icons/image/timelapse' {
-  export import ImageTimelapse = __MaterialUI.SvgIcon;
-  export default ImageTimelapse;
-}
-
-declare module 'material-ui/svg-icons/image/nature' {
-  export import ImageNature = __MaterialUI.SvgIcon;
-  export default ImageNature;
-}
-
-declare module 'material-ui/svg-icons/image/monochrome-photos' {
-  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
-  export default ImageMonochromePhotos;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-6' {
-  export import ImageBrightness6 = __MaterialUI.SvgIcon;
-  export default ImageBrightness6;
-}
-
-declare module 'material-ui/svg-icons/image/music-note' {
-  export import ImageMusicNote = __MaterialUI.SvgIcon;
-  export default ImageMusicNote;
-}
-
-declare module 'material-ui/svg-icons/image/collections' {
-  export import ImageCollections = __MaterialUI.SvgIcon;
-  export default ImageCollections;
-}
-
-declare module 'material-ui/svg-icons/image/wb-sunny' {
-  export import ImageWbSunny = __MaterialUI.SvgIcon;
-  export default ImageWbSunny;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-strong' {
-  export import ImageHdrStrong = __MaterialUI.SvgIcon;
-  export default ImageHdrStrong;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-vertical' {
-  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
-  export default ImagePanoramaVertical;
-}
-
-declare module 'material-ui/svg-icons/image/navigate-next' {
-  export import ImageNavigateNext = __MaterialUI.SvgIcon;
-  export default ImageNavigateNext;
-}
-
-declare module 'material-ui/svg-icons/image/looks-4' {
-  export import ImageLooks4 = __MaterialUI.SvgIcon;
-  export default ImageLooks4;
-}
-
-declare module 'material-ui/svg-icons/image/filter-4' {
-  export import ImageFilter4 = __MaterialUI.SvgIcon;
-  export default ImageFilter4;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-1' {
-  export import ImageBrightness1 = __MaterialUI.SvgIcon;
-  export default ImageBrightness1;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-plus-1' {
-  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus1;
-}
-
-declare module 'material-ui/svg-icons/image/timer-3' {
-  export import ImageTimer3 = __MaterialUI.SvgIcon;
-  export default ImageTimer3;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-zero' {
-  export import ImageExposureZero = __MaterialUI.SvgIcon;
-  export default ImageExposureZero;
-}
-
-declare module 'material-ui/svg-icons/image/blur-linear' {
-  export import ImageBlurLinear = __MaterialUI.SvgIcon;
-  export default ImageBlurLinear;
-}
-
-declare module 'material-ui/svg-icons/image/photo-library' {
-  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
-  export default ImagePhotoLibrary;
-}
-
-declare module 'material-ui/svg-icons/image/filter-drama' {
-  export import ImageFilterDrama = __MaterialUI.SvgIcon;
-  export default ImageFilterDrama;
-}
-
-declare module 'material-ui/svg-icons/image/dehaze' {
-  export import ImageDehaze = __MaterialUI.SvgIcon;
-  export default ImageDehaze;
-}
-
-declare module 'material-ui/svg-icons/image/control-point-duplicate' {
-  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
-  export default ImageControlPointDuplicate;
-}
-
-declare module 'material-ui/svg-icons/image/image' {
-  export import ImageImage = __MaterialUI.SvgIcon;
-  export default ImageImage;
-}
-
-declare module 'material-ui/svg-icons/image/flash-auto' {
-  export import ImageFlashAuto = __MaterialUI.SvgIcon;
-  export default ImageFlashAuto;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-90-degrees-ccw' {
-  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
-  export default ImageRotate90DegreesCcw;
-}
-
-declare module 'material-ui/svg-icons/image/blur-circular' {
-  export import ImageBlurCircular = __MaterialUI.SvgIcon;
-  export default ImageBlurCircular;
-}
-
-declare module 'material-ui/svg-icons/image/filter-3' {
-  export import ImageFilter3 = __MaterialUI.SvgIcon;
-  export default ImageFilter3;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-plus-2' {
-  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus2;
-}
-
-declare module 'material-ui/svg-icons/image/flash-on' {
-  export import ImageFlashOn = __MaterialUI.SvgIcon;
-  export default ImageFlashOn;
-}
-
-declare module 'material-ui/svg-icons/image/view-comfy' {
-  export import ImageViewComfy = __MaterialUI.SvgIcon;
-  export default ImageViewComfy;
-}
-
-declare module 'material-ui/svg-icons/image/colorize' {
-  export import ImageColorize = __MaterialUI.SvgIcon;
-  export default ImageColorize;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-4' {
-  export import ImageBrightness4 = __MaterialUI.SvgIcon;
-  export default ImageBrightness4;
-}
-
-declare module 'material-ui/svg-icons/image/crop-free' {
-  export import ImageCropFree = __MaterialUI.SvgIcon;
-  export default ImageCropFree;
-}
-
-declare module 'material-ui/svg-icons/image/vignette' {
-  export import ImageVignette = __MaterialUI.SvgIcon;
-  export default ImageVignette;
-}
-
-declare module 'material-ui/svg-icons/image/tag-faces' {
-  export import ImageTagFaces = __MaterialUI.SvgIcon;
-  export default ImageTagFaces;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-7' {
-  export import ImageBrightness7 = __MaterialUI.SvgIcon;
-  export default ImageBrightness7;
-}
-
-declare module 'material-ui/svg-icons/image/healing' {
-  export import ImageHealing = __MaterialUI.SvgIcon;
-  export default ImageHealing;
-}
-
-declare module 'material-ui/svg-icons/image/nature-people' {
-  export import ImageNaturePeople = __MaterialUI.SvgIcon;
-  export default ImageNaturePeople;
-}
-
-declare module 'material-ui/svg-icons/image/gradient' {
-  export import ImageGradient = __MaterialUI.SvgIcon;
-  export default ImageGradient;
-}
-
-declare module 'material-ui/svg-icons/image/flash-off' {
-  export import ImageFlashOff = __MaterialUI.SvgIcon;
-  export default ImageFlashOff;
-}
-
-declare module 'material-ui/svg-icons/image/movie-creation' {
-  export import ImageMovieCreation = __MaterialUI.SvgIcon;
-  export default ImageMovieCreation;
-}
-
-declare module 'material-ui/svg-icons/image/leak-add' {
-  export import ImageLeakAdd = __MaterialUI.SvgIcon;
-  export default ImageLeakAdd;
-}
-
-declare module 'material-ui/svg-icons/image/filter-5' {
-  export import ImageFilter5 = __MaterialUI.SvgIcon;
-  export default ImageFilter5;
-}
-
-declare module 'material-ui/svg-icons/image/photo' {
-  export import ImagePhoto = __MaterialUI.SvgIcon;
-  export default ImagePhoto;
-}
-
-declare module 'material-ui/svg-icons/image/color-lens' {
-  export import ImageColorLens = __MaterialUI.SvgIcon;
-  export default ImageColorLens;
-}
-
-declare module 'material-ui/svg-icons/image/broken-image' {
-  export import ImageBrokenImage = __MaterialUI.SvgIcon;
-  export default ImageBrokenImage;
-}
-
-declare module 'material-ui/svg-icons/image/looks-6' {
-  export import ImageLooks6 = __MaterialUI.SvgIcon;
-  export default ImageLooks6;
-}
-
-declare module 'material-ui/svg-icons/image/picture-as-pdf' {
-  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
-  export default ImagePictureAsPdf;
-}
-
-declare module 'material-ui/svg-icons/image/palette' {
-  export import ImagePalette = __MaterialUI.SvgIcon;
-  export default ImagePalette;
-}
-
-declare module 'material-ui/svg-icons/image/crop-landscape' {
-  export import ImageCropLandscape = __MaterialUI.SvgIcon;
-  export default ImageCropLandscape;
-}
-
-declare module 'material-ui/svg-icons/image/grid-on' {
-  export import ImageGridOn = __MaterialUI.SvgIcon;
-  export default ImageGridOn;
-}
-
-declare module 'material-ui/svg-icons/image/slideshow' {
-  export import ImageSlideshow = __MaterialUI.SvgIcon;
-  export default ImageSlideshow;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-3' {
-  export import ImageBrightness3 = __MaterialUI.SvgIcon;
-  export default ImageBrightness3;
-}
-
-declare module 'material-ui/svg-icons/image/style' {
-  export import ImageStyle = __MaterialUI.SvgIcon;
-  export default ImageStyle;
-}
-
-declare module 'material-ui/svg-icons/image/filter-vintage' {
-  export import ImageFilterVintage = __MaterialUI.SvgIcon;
-  export default ImageFilterVintage;
-}
-
-declare module 'material-ui/svg-icons/image/tune' {
-  export import ImageTune = __MaterialUI.SvgIcon;
-  export default ImageTune;
-}
-
-declare module 'material-ui/svg-icons/image/camera' {
-  export import ImageCamera = __MaterialUI.SvgIcon;
-  export default ImageCamera;
-}
-
-declare module 'material-ui/svg-icons/image/timer' {
-  export import ImageTimer = __MaterialUI.SvgIcon;
-  export default ImageTimer;
-}
-
-declare module 'material-ui/svg-icons/image/landscape' {
-  export import ImageLandscape = __MaterialUI.SvgIcon;
-  export default ImageLandscape;
-}
-
-declare module 'material-ui/svg-icons/image/crop-16-9' {
-  export import ImageCrop169 = __MaterialUI.SvgIcon;
-  export default ImageCrop169;
-}
-
-declare module 'material-ui/svg-icons/image/add-to-photos' {
-  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
-  export default ImageAddToPhotos;
-}
-
-declare module 'material-ui/svg-icons/image/wb-incandescent' {
-  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
-  export default ImageWbIncandescent;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-weak' {
-  export import ImageHdrWeak = __MaterialUI.SvgIcon;
-  export default ImageHdrWeak;
-}
-
-declare module 'material-ui/svg-icons/image/details' {
-  export import ImageDetails = __MaterialUI.SvgIcon;
-  export default ImageDetails;
-}
-
-declare module 'material-ui/svg-icons/image/view-compact' {
-  export import ImageViewCompact = __MaterialUI.SvgIcon;
-  export default ImageViewCompact;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-5' {
-  export import ImageBrightness5 = __MaterialUI.SvgIcon;
-  export default ImageBrightness5;
-}
-
-declare module 'material-ui/svg-icons/image/center-focus-weak' {
-  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusWeak;
-}
-
-declare module 'material-ui/svg-icons/image/adjust' {
-  export import ImageAdjust = __MaterialUI.SvgIcon;
-  export default ImageAdjust;
-}
-
-declare module 'material-ui/svg-icons/image/camera-front' {
-  export import ImageCameraFront = __MaterialUI.SvgIcon;
-  export default ImageCameraFront;
-}
-
-declare module 'material-ui/svg-icons/image/transform' {
-  export import ImageTransform = __MaterialUI.SvgIcon;
-  export default ImageTransform;
-}
-
-declare module 'material-ui/svg-icons/image/filter' {
-  export import ImageFilter = __MaterialUI.SvgIcon;
-  export default ImageFilter;
-}
-
-declare module 'material-ui/svg-icons/image/grain' {
-  export import ImageGrain = __MaterialUI.SvgIcon;
-  export default ImageGrain;
-}
-
-declare module 'material-ui/svg-icons/image/filter-9-plus' {
-  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
-  export default ImageFilter9Plus;
-}
-
-declare module 'material-ui/svg-icons/image/looks-5' {
-  export import ImageLooks5 = __MaterialUI.SvgIcon;
-  export default ImageLooks5;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-on' {
-  export import ImageHdrOn = __MaterialUI.SvgIcon;
-  export default ImageHdrOn;
-}
-
-declare module 'material-ui/svg-icons/image/audiotrack' {
-  export import ImageAudiotrack = __MaterialUI.SvgIcon;
-  export default ImageAudiotrack;
-}
-
-declare module 'material-ui/svg-icons/image/compare' {
-  export import ImageCompare = __MaterialUI.SvgIcon;
-  export default ImageCompare;
-}
-
-declare module 'material-ui/svg-icons/image/crop' {
-  export import ImageCrop = __MaterialUI.SvgIcon;
-  export default ImageCrop;
-}
-
-declare module 'material-ui/svg-icons/image/texture' {
-  export import ImageTexture = __MaterialUI.SvgIcon;
-  export default ImageTexture;
-}
-
-declare module 'material-ui/svg-icons/image/movie-filter' {
-  export import ImageMovieFilter = __MaterialUI.SvgIcon;
-  export default ImageMovieFilter;
-}
-
-declare module 'material-ui/svg-icons/image/exposure' {
-  export import ImageExposure = __MaterialUI.SvgIcon;
-  export default ImageExposure;
-}
-
-declare module 'material-ui/svg-icons/image/filter-b-and-w' {
-  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
-  export default ImageFilterBAndW;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-actual' {
-  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectActual;
-}
-
-declare module 'material-ui/svg-icons/image/crop-5-4' {
-  export import ImageCrop54 = __MaterialUI.SvgIcon;
-  export default ImageCrop54;
-}
-
-declare module 'material-ui/svg-icons/image/brightness-2' {
-  export import ImageBrightness2 = __MaterialUI.SvgIcon;
-  export default ImageBrightness2;
-}
-
-declare module 'material-ui/svg-icons/image/tonality' {
-  export import ImageTonality = __MaterialUI.SvgIcon;
-  export default ImageTonality;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-wide-angle' {
-  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
-  export default ImagePanoramaWideAngle;
-}
-
-declare module 'material-ui/svg-icons/image/flip' {
-  export import ImageFlip = __MaterialUI.SvgIcon;
-  export default ImageFlip;
-}
-
-declare module 'material-ui/svg-icons/image/filter-9' {
-  export import ImageFilter9 = __MaterialUI.SvgIcon;
-  export default ImageFilter9;
-}
-
-declare module 'material-ui/svg-icons/image/blur-on' {
-  export import ImageBlurOn = __MaterialUI.SvgIcon;
-  export default ImageBlurOn;
-}
-
-declare module 'material-ui/svg-icons/image/assistant' {
-  export import ImageAssistant = __MaterialUI.SvgIcon;
-  export default ImageAssistant;
-}
-
-declare module 'material-ui/svg-icons/image/lens' {
-  export import ImageLens = __MaterialUI.SvgIcon;
-  export default ImageLens;
-}
-
-declare module 'material-ui/svg-icons/image/switch-camera' {
-  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
-  export default ImageSwitchCamera;
-}
-
-declare module 'material-ui/svg-icons/image/photo-filter' {
-  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
-  export default ImagePhotoFilter;
-}
-
-declare module 'material-ui/svg-icons/image/wb-iridescent' {
-  export import ImageWbIridescent = __MaterialUI.SvgIcon;
-  export default ImageWbIridescent;
-}
-
-declare module 'material-ui/svg-icons/image/crop-square' {
-  export import ImageCropSquare = __MaterialUI.SvgIcon;
-  export default ImageCropSquare;
-}
-
-declare module 'material-ui/svg-icons/image/timer-10' {
-  export import ImageTimer10 = __MaterialUI.SvgIcon;
-  export default ImageTimer10;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-right' {
-  export import ImageRotateRight = __MaterialUI.SvgIcon;
-  export default ImageRotateRight;
-}
-
-declare module 'material-ui/svg-icons/image/grid-off' {
-  export import ImageGridOff = __MaterialUI.SvgIcon;
-  export default ImageGridOff;
-}
-
-declare module 'material-ui/svg-icons/image/filter-7' {
-  export import ImageFilter7 = __MaterialUI.SvgIcon;
-  export default ImageFilter7;
-}
-
-declare module 'material-ui/svg-icons/image/loupe' {
-  export import ImageLoupe = __MaterialUI.SvgIcon;
-  export default ImageLoupe;
-}
-
-declare module 'material-ui/svg-icons/image/filter-6' {
-  export import ImageFilter6 = __MaterialUI.SvgIcon;
-  export default ImageFilter6;
-}
-
-declare module 'material-ui/svg-icons/image/filter-tilt-shift' {
-  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
-  export default ImageFilterTiltShift;
-}
-
-declare module 'material-ui/svg-icons/image/crop-din' {
-  export import ImageCropDin = __MaterialUI.SvgIcon;
-  export default ImageCropDin;
-}
-
-declare module 'material-ui/svg-icons/image/center-focus-strong' {
-  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusStrong;
-}
-
-declare module 'material-ui/svg-icons/image/rotate-left' {
-  export import ImageRotateLeft = __MaterialUI.SvgIcon;
-  export default ImageRotateLeft;
-}
-
-declare module 'material-ui/svg-icons/image/filter-hdr' {
-  export import ImageFilterHdr = __MaterialUI.SvgIcon;
-  export default ImageFilterHdr;
-}
-
-declare module 'material-ui/svg-icons/image/timer-off' {
-  export import ImageTimerOff = __MaterialUI.SvgIcon;
-  export default ImageTimerOff;
-}
-
-declare module 'material-ui/svg-icons/image/straighten' {
-  export import ImageStraighten = __MaterialUI.SvgIcon;
-  export default ImageStraighten;
-}
-
-declare module 'material-ui/svg-icons/image/exposure-neg-1' {
-  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg1;
-}
-
-declare module 'material-ui/svg-icons/image/navigate-before' {
-  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
-  export default ImageNavigateBefore;
-}
-
-declare module 'material-ui/svg-icons/image/iso' {
-  export import ImageIso = __MaterialUI.SvgIcon;
-  export default ImageIso;
-}
-
-declare module 'material-ui/svg-icons/image/photo-album' {
-  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
-  export default ImagePhotoAlbum;
-}
-
-declare module 'material-ui/svg-icons/image/crop-rotate' {
-  export import ImageCropRotate = __MaterialUI.SvgIcon;
-  export default ImageCropRotate;
-}
-
-declare module 'material-ui/svg-icons/image/remove-red-eye' {
-  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
-  export default ImageRemoveRedEye;
-}
-
-declare module 'material-ui/svg-icons/image/crop-portrait' {
-  export import ImageCropPortrait = __MaterialUI.SvgIcon;
-  export default ImageCropPortrait;
-}
-
-declare module 'material-ui/svg-icons/image/camera-alt' {
-  export import ImageCameraAlt = __MaterialUI.SvgIcon;
-  export default ImageCameraAlt;
-}
-
-declare module 'material-ui/svg-icons/image/control-point' {
-  export import ImageControlPoint = __MaterialUI.SvgIcon;
-  export default ImageControlPoint;
-}
-
-declare module 'material-ui/svg-icons/image/panorama' {
-  export import ImagePanorama = __MaterialUI.SvgIcon;
-  export default ImagePanorama;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-fish-eye' {
-  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
-  export default ImagePanoramaFishEye;
-}
-
-declare module 'material-ui/svg-icons/image/filter-8' {
-  export import ImageFilter8 = __MaterialUI.SvgIcon;
-  export default ImageFilter8;
-}
-
-declare module 'material-ui/svg-icons/image/looks-two' {
-  export import ImageLooksTwo = __MaterialUI.SvgIcon;
-  export default ImageLooksTwo;
-}
-
-declare module 'material-ui/svg-icons/image/panorama-horizontal' {
-  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
-  export default ImagePanoramaHorizontal;
-}
-
-declare module 'material-ui/svg-icons/image/looks-3' {
-  export import ImageLooks3 = __MaterialUI.SvgIcon;
-  export default ImageLooks3;
-}
-
-declare module 'material-ui/svg-icons/image/filter-none' {
-  export import ImageFilterNone = __MaterialUI.SvgIcon;
-  export default ImageFilterNone;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-large' {
-  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectLarge;
-}
-
-declare module 'material-ui/svg-icons/image/blur-off' {
-  export import ImageBlurOff = __MaterialUI.SvgIcon;
-  export default ImageBlurOff;
-}
-
-declare module 'material-ui/svg-icons/image/camera-roll' {
-  export import ImageCameraRoll = __MaterialUI.SvgIcon;
-  export default ImageCameraRoll;
-}
-
-declare module 'material-ui/svg-icons/image/leak-remove' {
-  export import ImageLeakRemove = __MaterialUI.SvgIcon;
-  export default ImageLeakRemove;
-}
-
-declare module 'material-ui/svg-icons/image/filter-frames' {
-  export import ImageFilterFrames = __MaterialUI.SvgIcon;
-  export default ImageFilterFrames;
-}
-
-declare module 'material-ui/svg-icons/image/flare' {
-  export import ImageFlare = __MaterialUI.SvgIcon;
-  export default ImageFlare;
-}
-
-declare module 'material-ui/svg-icons/image/photo-size-select-small' {
-  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectSmall;
-}
-
-declare module 'material-ui/svg-icons/image/photo-camera' {
-  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
-  export default ImagePhotoCamera;
-}
-
-declare module 'material-ui/svg-icons/image/hdr-off' {
-  export import ImageHdrOff = __MaterialUI.SvgIcon;
-  export default ImageHdrOff;
-}
-
-declare module 'material-ui/svg-icons/image/filter-2' {
-  export import ImageFilter2 = __MaterialUI.SvgIcon;
-  export default ImageFilter2;
-}
-
-declare module 'material-ui/svg-icons/image/crop-original' {
-  export import ImageCropOriginal = __MaterialUI.SvgIcon;
-  export default ImageCropOriginal;
-}
-
-declare module 'material-ui/svg-icons/places/kitchen' {
-  export import PlacesKitchen = __MaterialUI.SvgIcon;
-  export default PlacesKitchen;
-}
-
-declare module 'material-ui/svg-icons/places/spa' {
-  export import PlacesSpa = __MaterialUI.SvgIcon;
-  export default PlacesSpa;
-}
-
-declare module 'material-ui/svg-icons/places/all-inclusive' {
-  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
-  export default PlacesAllInclusive;
-}
-
-declare module 'material-ui/svg-icons/places/ac-unit' {
-  export import PlacesAcUnit = __MaterialUI.SvgIcon;
-  export default PlacesAcUnit;
-}
-
-declare module 'material-ui/svg-icons/places/child-care' {
-  export import PlacesChildCare = __MaterialUI.SvgIcon;
-  export default PlacesChildCare;
-}
-
-declare module 'material-ui/svg-icons/places/golf-course' {
-  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
-  export default PlacesGolfCourse;
-}
-
-declare module 'material-ui/svg-icons/places/business-center' {
-  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
-  export default PlacesBusinessCenter;
-}
-
-declare module 'material-ui/svg-icons/places/free-breakfast' {
-  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
-  export default PlacesFreeBreakfast;
-}
-
-declare module 'material-ui/svg-icons/places/fitness-center' {
-  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
-  export default PlacesFitnessCenter;
-}
-
-declare module 'material-ui/svg-icons/places/pool' {
-  export import PlacesPool = __MaterialUI.SvgIcon;
-  export default PlacesPool;
-}
-
-declare module 'material-ui/svg-icons/places/child-friendly' {
-  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
-  export default PlacesChildFriendly;
-}
-
-declare module 'material-ui/svg-icons/places/casino' {
-  export import PlacesCasino = __MaterialUI.SvgIcon;
-  export default PlacesCasino;
-}
-
-declare module 'material-ui/svg-icons/places/hot-tub' {
-  export import PlacesHotTub = __MaterialUI.SvgIcon;
-  export default PlacesHotTub;
-}
-
-declare module 'material-ui/svg-icons/places/smoke-free' {
-  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
-  export default PlacesSmokeFree;
-}
-
-declare module 'material-ui/svg-icons/places/room-service' {
-  export import PlacesRoomService = __MaterialUI.SvgIcon;
-  export default PlacesRoomService;
-}
-
-declare module 'material-ui/svg-icons/places/smoking-rooms' {
-  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
-  export default PlacesSmokingRooms;
-}
-
-declare module 'material-ui/svg-icons/places/beach-access' {
-  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
-  export default PlacesBeachAccess;
-}
-
-declare module 'material-ui/svg-icons/places/airport-shuttle' {
-  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
-  export default PlacesAirportShuttle;
-}
-
-declare module 'material-ui/styles' {
-    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
-    export import colors = __MaterialUI.Styles.Colors;
-    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import DarkRawTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import LightRawTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
-    export import spacing = __MaterialUI.Styles.Spacing;
-    export import themeManager = __MaterialUI.Styles.ThemeManager;
-    export import transitions = __MaterialUI.Styles.Transitions;
-    export import typography = __MaterialUI.Styles.Typography;
-    export import zIndex = __MaterialUI.Styles.zIndex;
-
-    export type MuiTheme = __MaterialUI.Styles.MuiTheme;
-}
-
-declare module 'material-ui/styles/getMuiTheme' {
-    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
-    export default getMuiTheme;
-}
-
-declare module 'material-ui/styles/muiThemeable' {
-    export import muiThemeable = __MaterialUI.Styles.muiThemeable;
-    export default muiThemeable;
-}
-
-declare module 'material-ui/styles/MuiThemeProvider' {
-    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
-    export default MuiThemeProvider;
-}
-
-declare module 'material-ui/styles/spacing' {
-    type Spacing = __MaterialUI.Styles.Spacing;
-    var Spacing: Spacing;
-    export default Spacing;
-}
-
-declare module 'material-ui/styles/themeManager' {
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export default ThemeManager;
-}
-
-declare module 'material-ui/styles/transitions' {
-    export import Transitions = __MaterialUI.Styles.Transitions;
-    export default Transitions;
-}
-
-declare module 'material-ui/styles/typography' {
-    export import Typography = __MaterialUI.Styles.Typography;
-    export default Typography;
-}
-
-declare module 'material-ui/styles/baseThemes/lightBaseTheme' {
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export default lightBaseTheme;
-}
-
-//** @deprecated use lightBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/light-raw-theme' {
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export default LightRawTheme;
-}
-
-declare module 'material-ui/styles/baseThemes/darkBaseTheme' {
-    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export default darkBaseTheme;
-}
-
-//** @deprecated use darkBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/dark-raw-theme' {
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export default DarkRawTheme;
-}
-
-declare module 'material-ui/styles/themeDecorator' {
-    export import themeDecorator = __MaterialUI.Styles.themeDecorator;
-    export default themeDecorator;
-}
-
-declare module 'material-ui/styles/zIndex' {
-    export import zIndex = __MaterialUI.Styles.zIndex;
-    export default zIndex;
-}
-
-declare module "material-ui/styles/colors" {
-  export const red50: string;
-  export const red100: string;
-  export const red200: string;
-  export const red300: string;
-  export const red400: string;
-  export const red500: string;
-  export const red600: string;
-  export const red700: string;
-  export const red800: string;
-  export const red900: string;
-  export const redA100: string;
-  export const redA200: string;
-  export const redA400: string;
-  export const redA700: string;
-
-  export const pink50: string;
-  export const pink100: string;
-  export const pink200: string;
-  export const pink300: string;
-  export const pink400: string;
-  export const pink500: string;
-  export const pink600: string;
-  export const pink700: string;
-  export const pink800: string;
-  export const pink900: string;
-  export const pinkA100: string;
-  export const pinkA200: string;
-  export const pinkA400: string;
-  export const pinkA700: string;
-
-  export const purple50: string;
-  export const purple100: string;
-  export const purple200: string;
-  export const purple300: string;
-  export const purple400: string;
-  export const purple500: string;
-  export const purple600: string;
-  export const purple700: string;
-  export const purple800: string;
-  export const purple900: string;
-  export const purpleA100: string;
-  export const purpleA200: string;
-  export const purpleA400: string;
-  export const purpleA700: string;
-
-  export const deepPurple50: string;
-  export const deepPurple100: string;
-  export const deepPurple200: string;
-  export const deepPurple300: string;
-  export const deepPurple400: string;
-  export const deepPurple500: string;
-  export const deepPurple600: string;
-  export const deepPurple700: string;
-  export const deepPurple800: string;
-  export const deepPurple900: string;
-  export const deepPurpleA100: string;
-  export const deepPurpleA200: string;
-  export const deepPurpleA400: string;
-  export const deepPurpleA700: string;
-
-  export const indigo50: string;
-  export const indigo100: string;
-  export const indigo200: string;
-  export const indigo300: string;
-  export const indigo400: string;
-  export const indigo500: string;
-  export const indigo600: string;
-  export const indigo700: string;
-  export const indigo800: string;
-  export const indigo900: string;
-  export const indigoA100: string;
-  export const indigoA200: string;
-  export const indigoA400: string;
-  export const indigoA700: string;
-
-  export const blue50: string;
-  export const blue100: string;
-  export const blue200: string;
-  export const blue300: string;
-  export const blue400: string;
-  export const blue500: string;
-  export const blue600: string;
-  export const blue700: string;
-  export const blue800: string;
-  export const blue900: string;
-  export const blueA100: string;
-  export const blueA200: string;
-  export const blueA400: string;
-  export const blueA700: string;
-
-  export const lightBlue50: string;
-  export const lightBlue100: string;
-  export const lightBlue200: string;
-  export const lightBlue300: string;
-  export const lightBlue400: string;
-  export const lightBlue500: string;
-  export const lightBlue600: string;
-  export const lightBlue700: string;
-  export const lightBlue800: string;
-  export const lightBlue900: string;
-  export const lightBlueA100: string;
-  export const lightBlueA200: string;
-  export const lightBlueA400: string;
-  export const lightBlueA700: string;
-
-  export const cyan50: string;
-  export const cyan100: string;
-  export const cyan200: string;
-  export const cyan300: string;
-  export const cyan400: string;
-  export const cyan500: string;
-  export const cyan600: string;
-  export const cyan700: string;
-  export const cyan800: string;
-  export const cyan900: string;
-  export const cyanA100: string;
-  export const cyanA200: string;
-  export const cyanA400: string;
-  export const cyanA700: string;
-
-  export const teal50: string;
-  export const teal100: string;
-  export const teal200: string;
-  export const teal300: string;
-  export const teal400: string;
-  export const teal500: string;
-  export const teal600: string;
-  export const teal700: string;
-  export const teal800: string;
-  export const teal900: string;
-  export const tealA100: string;
-  export const tealA200: string;
-  export const tealA400: string;
-  export const tealA700: string;
-
-  export const green50: string;
-  export const green100: string;
-  export const green200: string;
-  export const green300: string;
-  export const green400: string;
-  export const green500: string;
-  export const green600: string;
-  export const green700: string;
-  export const green800: string;
-  export const green900: string;
-  export const greenA100: string;
-  export const greenA200: string;
-  export const greenA400: string;
-  export const greenA700: string;
-
-  export const lightGreen50: string;
-  export const lightGreen100: string;
-  export const lightGreen200: string;
-  export const lightGreen300: string;
-  export const lightGreen400: string;
-  export const lightGreen500: string;
-  export const lightGreen600: string;
-  export const lightGreen700: string;
-  export const lightGreen800: string;
-  export const lightGreen900: string;
-  export const lightGreenA100: string;
-  export const lightGreenA200: string;
-  export const lightGreenA400: string;
-  export const lightGreenA700: string;
-
-  export const lime50: string;
-  export const lime100: string;
-  export const lime200: string;
-  export const lime300: string;
-  export const lime400: string;
-  export const lime500: string;
-  export const lime600: string;
-  export const lime700: string;
-  export const lime800: string;
-  export const lime900: string;
-  export const limeA100: string;
-  export const limeA200: string;
-  export const limeA400: string;
-  export const limeA700: string;
-
-  export const yellow50: string;
-  export const yellow100: string;
-  export const yellow200: string;
-  export const yellow300: string;
-  export const yellow400: string;
-  export const yellow500: string;
-  export const yellow600: string;
-  export const yellow700: string;
-  export const yellow800: string;
-  export const yellow900: string;
-  export const yellowA100: string;
-  export const yellowA200: string;
-  export const yellowA400: string;
-  export const yellowA700: string;
-
-  export const amber50: string;
-  export const amber100: string;
-  export const amber200: string;
-  export const amber300: string;
-  export const amber400: string;
-  export const amber500: string;
-  export const amber600: string;
-  export const amber700: string;
-  export const amber800: string;
-  export const amber900: string;
-  export const amberA100: string;
-  export const amberA200: string;
-  export const amberA400: string;
-  export const amberA700: string;
-
-  export const orange50: string;
-  export const orange100: string;
-  export const orange200: string;
-  export const orange300: string;
-  export const orange400: string;
-  export const orange500: string;
-  export const orange600: string;
-  export const orange700: string;
-  export const orange800: string;
-  export const orange900: string;
-  export const orangeA100: string;
-  export const orangeA200: string;
-  export const orangeA400: string;
-  export const orangeA700: string;
-
-  export const deepOrange50: string;
-  export const deepOrange100: string;
-  export const deepOrange200: string;
-  export const deepOrange300: string;
-  export const deepOrange400: string;
-  export const deepOrange500: string;
-  export const deepOrange600: string;
-  export const deepOrange700: string;
-  export const deepOrange800: string;
-  export const deepOrange900: string;
-  export const deepOrangeA100: string;
-  export const deepOrangeA200: string;
-  export const deepOrangeA400: string;
-  export const deepOrangeA700: string;
-
-  export const brown50: string;
-  export const brown100: string;
-  export const brown200: string;
-  export const brown300: string;
-  export const brown400: string;
-  export const brown500: string;
-  export const brown600: string;
-  export const brown700: string;
-  export const brown800: string;
-  export const brown900: string;
-
-  export const blueGrey50: string;
-  export const blueGrey100: string;
-  export const blueGrey200: string;
-  export const blueGrey300: string;
-  export const blueGrey400: string;
-  export const blueGrey500: string;
-  export const blueGrey600: string;
-  export const blueGrey700: string;
-  export const blueGrey800: string;
-  export const blueGrey900: string;
-
-  export const grey50: string;
-  export const grey100: string;
-  export const grey200: string;
-  export const grey300: string;
-  export const grey400: string;
-  export const grey500: string;
-  export const grey600: string;
-  export const grey700: string;
-  export const grey800: string;
-  export const grey900: string;
-
-  export const black: string;
-  export const white: string;
-
-  export const transparent: string;
-  export const fullBlack: string;
-  export const darkBlack: string;
-  export const lightBlack: string;
-  export const minBlack: string;
-  export const faintBlack: string;
-  export const fullWhite: string;
-  export const darkWhite: string;
-  export const lightWhite: string;
-}
-
-declare module 'material-ui/Table' {
-    export import Table = __MaterialUI.Table.Table;
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export default Table;
-}
-
-declare module 'material-ui/Table/Table' {
-    export import Table = __MaterialUI.Table.Table;
-    export default Table;
-}
-
-declare module 'material-ui/Table/TableBody' {
-    export import TableBody = __MaterialUI.Table.TableBody;
-    export default TableBody;
-}
-
-declare module 'material-ui/Table/TableFooter' {
-    export import TableFooter = __MaterialUI.Table.TableFooter;
-    export default TableFooter;
-}
-
-declare module 'material-ui/Table/TableHeader' {
-    export import TableHeader = __MaterialUI.Table.TableHeader;
-    export default TableHeader;
-}
-
-declare module 'material-ui/Table/TableHeaderColumn' {
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
-    export default TableHeaderColumn;
-}
-
-declare module 'material-ui/Table/TableRow' {
-    export import TableRow = __MaterialUI.Table.TableRow;
-    export default TableRow;
-}
-
-declare module 'material-ui/Table/TableRowColumn' {
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
-    export default TableRowColumn;
-}
-
-declare module 'material-ui/Tabs' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
-}
-
-declare module 'material-ui/Tabs/Tab' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export default Tab;
-}
-
-declare module 'material-ui/Tabs/Tabs' {
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
-}
-
-declare module 'material-ui/TextField' {
-    export import TextField = __MaterialUI.TextField;
-    export default TextField;
-}
-
-declare module 'material-ui/TimePicker' {
-    export import TimePicker = __MaterialUI.TimePicker;
-    export default TimePicker;
-}
-
-declare module 'material-ui/Toggle' {
-    export import Toggle = __MaterialUI.Switches.Toggle;
-    export default Toggle;
-}
-
-declare module 'material-ui/Toolbar' {
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export default Toolbar;
-}
-
-declare module 'material-ui/Toolbar/Toolbar' {
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
-    export default Toolbar;
-}
-
-declare module 'material-ui/Toolbar/ToolbarGroup' {
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
-    export default ToolbarGroup;
-}
-
-declare module 'material-ui/Toolbar/ToolbarSeparator' {
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
-    export default ToolbarSeparator;
-}
-
-declare module 'material-ui/Toolbar/ToolbarTitle' {
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
-    export default ToolbarTitle;
-}
-
-declare module 'material-ui/utils/colorManipulator' {
-    export import convertColorToString = __MaterialUI.Utils.ColorManipulator.convertColorToString;
-    export import convertHexToRGB = __MaterialUI.Utils.ColorManipulator.convertHexToRGB;
-    export import decomposeColor = __MaterialUI.Utils.ColorManipulator.decomposeColor;
-    export import getContrastRatio = __MaterialUI.Utils.ColorManipulator.getContrastRatio;
-    export import getLuminance = __MaterialUI.Utils.ColorManipulator.getLuminance;
-    export import emphasize = __MaterialUI.Utils.ColorManipulator.emphasize;
-    export import fade = __MaterialUI.Utils.ColorManipulator.fade;
-    export import darken = __MaterialUI.Utils.ColorManipulator.darken;
-    export import lighten = __MaterialUI.Utils.ColorManipulator.lighten;
-}
-declare module 'material-ui/utils/dom' {
-    export import Dom = __MaterialUI.Utils.Dom;
-    export default Dom;
-}
-declare module 'material-ui/utils/events' {
-    export import Events = __MaterialUI.Utils.Events;
-    export default Events;
-}
-declare module 'material-ui/utils/withWidth' {
-  export const SMALL: number;
-  export const MEDIUM: number;
-  export const LARGE: number;
-
-  interface Options {
-      largeWidth?: number;
-      mediumWidth?: number;
-      resizeInterval?: number;
-  }
-  export default function withWidth<C extends Function>(options?: Options): (component: C) => C;
-}
-
-declare namespace __MaterialUI.Styles {
-    interface Colors {
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        redA100: string;
-        redA200: string;
-        redA400: string;
-        redA700: string;
-
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pinkA100: string;
-        pinkA200: string;
-        pinkA400: string;
-        pinkA700: string;
-
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purpleA100: string;
-        purpleA200: string;
-        purpleA400: string;
-        purpleA700: string;
-
-        deepPurple50: string;
-        deepPurple100: string;
-        deepPurple200: string;
-        deepPurple300: string;
-        deepPurple400: string;
-        deepPurple500: string;
-        deepPurple600: string;
-        deepPurple700: string;
-        deepPurple800: string;
-        deepPurple900: string;
-        deepPurpleA100: string;
-        deepPurpleA200: string;
-        deepPurpleA400: string;
-        deepPurpleA700: string;
-
-        indigo50: string;
-        indigo100: string;
-        indigo200: string;
-        indigo300: string;
-        indigo400: string;
-        indigo500: string;
-        indigo600: string;
-        indigo700: string;
-        indigo800: string;
-        indigo900: string;
-        indigoA100: string;
-        indigoA200: string;
-        indigoA400: string;
-        indigoA700: string;
-
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blueA100: string;
-        blueA200: string;
-        blueA400: string;
-        blueA700: string;
-
-        lightBlue50: string;
-        lightBlue100: string;
-        lightBlue200: string;
-        lightBlue300: string;
-        lightBlue400: string;
-        lightBlue500: string;
-        lightBlue600: string;
-        lightBlue700: string;
-        lightBlue800: string;
-        lightBlue900: string;
-        lightBlueA100: string;
-        lightBlueA200: string;
-        lightBlueA400: string;
-        lightBlueA700: string;
-
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyanA100: string;
-        cyanA200: string;
-        cyanA400: string;
-        cyanA700: string;
-
-        teal50: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        tealA100: string;
-        tealA200: string;
-        tealA400: string;
-        tealA700: string;
-
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        greenA100: string;
-        greenA200: string;
-        greenA400: string;
-        greenA700: string;
-
-        lightGreen50: string;
-        lightGreen100: string;
-        lightGreen200: string;
-        lightGreen300: string;
-        lightGreen400: string;
-        lightGreen500: string;
-        lightGreen600: string;
-        lightGreen700: string;
-        lightGreen800: string;
-        lightGreen900: string;
-        lightGreenA100: string;
-        lightGreenA200: string;
-        lightGreenA400: string;
-        lightGreenA700: string;
-
-        lime50: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        limeA100: string;
-        limeA200: string;
-        limeA400: string;
-        limeA700: string;
-
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellowA100: string;
-        yellowA200: string;
-        yellowA400: string;
-        yellowA700: string;
-
-        amber50: string;
-        amber100: string;
-        amber200: string;
-        amber300: string;
-        amber400: string;
-        amber500: string;
-        amber600: string;
-        amber700: string;
-        amber800: string;
-        amber900: string;
-        amberA100: string;
-        amberA200: string;
-        amberA400: string;
-        amberA700: string;
-
-        orange50: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orangeA100: string;
-        orangeA200: string;
-        orangeA400: string;
-        orangeA700: string;
-
-        deepOrange50: string;
-        deepOrange100: string;
-        deepOrange200: string;
-        deepOrange300: string;
-        deepOrange400: string;
-        deepOrange500: string;
-        deepOrange600: string;
-        deepOrange700: string;
-        deepOrange800: string;
-        deepOrange900: string;
-        deepOrangeA100: string;
-        deepOrangeA200: string;
-        deepOrangeA400: string;
-        deepOrangeA700: string;
-
-        brown50: string;
-        brown100: string;
-        brown200: string;
-        brown300: string;
-        brown400: string;
-        brown500: string;
-        brown600: string;
-        brown700: string;
-        brown800: string;
-        brown900: string;
-
-        blueGrey50: string;
-        blueGrey100: string;
-        blueGrey200: string;
-        blueGrey300: string;
-        blueGrey400: string;
-        blueGrey500: string;
-        blueGrey600: string;
-        blueGrey700: string;
-        blueGrey800: string;
-        blueGrey900: string;
-
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-
-        black: string;
-        white: string;
-
-        transparent: string;
-        fullBlack: string;
-        darkBlack: string;
-        lightBlack: string;
-        minBlack: string;
-        faintBlack: string;
-        fullWhite: string;
-        darkWhite: string;
-        lightWhite: string;
-    }
-    export var Colors: Colors;
-}
-
-declare module "material-ui/svg-icons" {
-    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessibility');
-    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessible');
-    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance');
-    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance-wallet');
-    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-box');
-    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-circle');
-    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/add-shopping-cart');
-    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm');
-    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-add');
-    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-off');
-    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-on');
-    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/all-out');
-    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/android');
-    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/announcement');
-    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/aspect-ratio');
-    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assessment');
-    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment');
-    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-ind');
-    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-late');
-    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-return');
-    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-returned');
-    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-turned-in');
-    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/autorenew');
-    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/backup');
-    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/book');
-    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark');
-    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark-border');
-    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bug-report');
-    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/build');
-    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/cached');
-    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/camera-enhance');
-    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-giftcard');
-    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-membership');
-    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-travel');
-    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/change-history');
-    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/check-circle');
-    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/chrome-reader-mode');
-    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/class');
-    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/code');
-    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/compare-arrows');
-    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/copyright');
-    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/credit-card');
-    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dashboard');
-    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/date-range');
-    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/delete');
-    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/description');
-    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dns');
-    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done');
-    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done-all');
-    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-large');
-    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-small');
-    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/eject');
-    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event');
-    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event-seat');
-    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/exit-to-app');
-    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/explore');
-    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/extension');
-    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/face');
-    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite');
-    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite-border');
-    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/feedback');
-    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-in-page');
-    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-replace');
-    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/fingerprint');
-    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-land');
-    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-takeoff');
-    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-back');
-    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-front');
-    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gavel');
-    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/get-app');
-    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gif');
-    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/grade');
-    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/group-work');
-    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help');
-    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help-outline');
-    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/highlight-off');
-    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/history');
-    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/home');
-    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-empty');
-    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-full');
-    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/http');
-    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/https');
-    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/important-devices');
-    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info');
-    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info-outline');
-    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/input');
-    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/invert-colors');
-    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label');
-    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label-outline');
-    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/language');
-    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/launch');
-    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lightbulb-outline');
-    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-style');
-    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-weight');
-    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/list');
-    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock');
-    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-open');
-    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-outline');
-    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/loyalty');
-    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/markunread-mailbox');
-    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/motorcycle');
-    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/note-add');
-    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/offline-pin');
-    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/opacity');
-    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-browser');
-    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-new');
-    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-with');
-    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pageview');
-    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pan-tool');
-    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/payment');
-    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-camera-mic');
-    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-contact-calendar');
-    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-data-setting');
-    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-device-information');
-    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-identity');
-    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-media');
-    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-phone-msg');
-    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-scan-wifi');
-    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pets');
-    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture');
-    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture-alt');
-    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/play-for-work');
-    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/polymer');
-    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/power-settings-new');
-    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pregnant-woman');
-    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/print');
-    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/query-builder');
-    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/question-answer');
-    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/receipt');
-    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/record-voice-over');
-    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/redeem');
-    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/reorder');
-    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/report-problem');
-    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/restore');
-    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/room');
-    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rounded-corner');
-    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rowing');
-    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/schedule');
-    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/search');
-    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings');
-    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-applications');
-    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-backup-restore');
-    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-bluetooth');
-    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-brightness');
-    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-cell');
-    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-ethernet');
-    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-antenna');
-    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-component');
-    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-composite');
-    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-hdmi');
-    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-svideo');
-    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-overscan');
-    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-phone');
-    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-power');
-    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-remote');
-    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-voice');
-    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop');
-    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-basket');
-    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-cart');
-    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop-two');
-    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/speaker-notes');
-    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/spellcheck');
-    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/stars');
-    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/store');
-    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/subject');
-    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/supervisor-account');
-    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-horiz');
-    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vert');
-    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vertical-circle');
-    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/system-update-alt');
-    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab');
-    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab-unselected');
-    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/theaters');
-    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/three-d-rotation');
-    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-down');
-    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumbs-up-down');
-    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-up');
-    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/timeline');
-    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toc');
-    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/today');
-    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toll');
-    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/touch-app');
-    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/track-changes');
-    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/translate');
-    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-down');
-    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-flat');
-    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-up');
-    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in');
-    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in-not');
-    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/update');
-    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/verified-user');
-    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-agenda');
-    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-array');
-    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-carousel');
-    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-column');
-    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-day');
-    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-headline');
-    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-list');
-    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-module');
-    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-quilt');
-    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-stream');
-    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-week');
-    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility');
-    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility-off');
-    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/watch-later');
-    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/work');
-    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/youtube-searched-for');
-    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-in');
-    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-out');
-    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/add-alert');
-    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error');
-    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error-outline');
-    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/warning');
-    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/add-to-queue');
-    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/airplay');
-    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/album');
-    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/art-track');
-    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/av-timer');
-    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/closed-caption');
-    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/equalizer');
-    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/explicit');
-    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-forward');
-    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-rewind');
-    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-dvr');
-    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-manual-record');
-    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-new');
-    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-pin');
-    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-smart-record');
-    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-10');
-    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-30');
-    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-5');
-    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/games');
-    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hd');
-    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hearing');
-    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/high-quality');
-    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-add');
-    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-books');
-    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-music');
-    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/loop');
-    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic');
-    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-none');
-    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-off');
-    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/movie');
-    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/music-video');
-    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/new-releases');
-    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/not-interested');
-    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause');
-    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-filled');
-    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-outline');
-    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-arrow');
-    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-filled');
-    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-outline');
-    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add');
-    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add-check');
-    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-play');
-    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue');
-    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-music');
-    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-play-next');
-    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/radio');
-    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/recent-actors');
-    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/remove-from-queue');
-    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat');
-    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat-one');
-    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay');
-    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-10');
-    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-30');
-    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-5');
-    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/shuffle');
-    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-next');
-    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-previous');
-    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/slow-motion-video');
-    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/snooze');
-    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/sort-by-alpha');
-    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/stop');
-    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subscriptions');
-    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subtitles');
-    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/surround-sound');
-    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam');
-    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam-off');
-    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/video-library');
-    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-down');
-    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-mute');
-    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-off');
-    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-up');
-    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web');
-    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web-asset');
-    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/business');
-    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call');
-    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-end');
-    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-made');
-    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-merge');
-    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed');
-    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed-outgoing');
-    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-received');
-    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-split');
-    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat');
-    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble');
-    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble-outline');
-    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/clear-all');
-    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/comment');
-    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-mail');
-    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-phone');
-    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contacts');
-    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialer-sip');
-    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialpad');
-    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/email');
-    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/forum');
-    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-contacts');
-    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-export');
-    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/invert-colors-off');
-    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/live-help');
-    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-off');
-    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-on');
-    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/mail-outline');
-    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/message');
-    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/no-sim');
-    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phone');
-    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-erase');
-    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-lock');
-    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-ring');
-    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-setup');
-    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/portable-wifi-off');
-    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/present-to-all');
-    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/ring-volume');
-    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/screen-share');
-    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/speaker-phone');
-    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-landscape');
-    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-portrait');
-    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-landscape');
-    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-portrait');
-    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stop-screen-share');
-    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/swap-calls');
-    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/tact-mail');
-    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/textsms');
-    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/voicemail');
-    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/vpn-key');
-    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add');
-    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-box');
-    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle');
-    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle-outline');
-    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/archive');
-    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/backspace');
-    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/block');
-    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/clear');
-    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-copy');
-    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-cut');
-    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-paste');
-    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/create');
-    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/drafts');
-    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/filter-list');
-    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/flag');
-    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/font-download');
-    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/forward');
-    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/gesture');
-    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/inbox');
-    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/link');
-    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/mail');
-    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/markunread');
-    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/move-to-inbox');
-    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/next-week');
-    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/redo');
-    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove');
-    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle');
-    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle-outline');
-    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply');
-    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply-all');
-    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/report');
-    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/save');
-    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/select-all');
-    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/send');
-    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/sort');
-    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/text-format');
-    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/unarchive');
-    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/undo');
-    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/weekend');
-    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarm');
-    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarms');
-    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-time');
-    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/add-alarm');
-    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-active');
-    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-inactive');
-    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-20');
-    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-30');
-    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-50');
-    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-60');
-    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-80');
-    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-90');
-    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-alert');
-    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-20');
-    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-30');
-    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-50');
-    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-60');
-    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-80');
-    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-90');
-    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-full');
-    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-full');
-    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-std');
-    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-unknown');
-    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth');
-    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-connected');
-    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-disabled');
-    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-searching');
-    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-auto');
-    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-high');
-    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-low');
-    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-medium');
-    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/data-usage');
-    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/developer-mode');
-    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/devices');
-    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/dvr');
-    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-fixed');
-    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-not-fixed');
-    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-off');
-    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/graphic-eq');
-    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-disabled');
-    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-searching');
-    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-cell');
-    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-wifi');
-    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/nfc');
-    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-landscape');
-    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-portrait');
-    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-rotation');
-    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-rotation');
-    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/sd-storage');
-    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/settings-system-daydream');
-    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-0-bar');
-    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-1-bar');
-    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-2-bar');
-    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-3-bar');
-    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-4-bar');
-    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar');
-    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar');
-    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar');
-    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar');
-    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar');
-    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-no-sim');
-    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-null');
-    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-off');
-    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-0-bar');
-    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar');
-    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar-lock');
-    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar');
-    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar-lock');
-    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar');
-    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar-lock');
-    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar');
-    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar-lock');
-    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-off');
-    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/storage');
-    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/usb');
-    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wallpaper');
-    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/widgets');
-    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-lock');
-    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-tethering');
-    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-file');
-    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-money');
-    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-all');
-    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-bottom');
-    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-clear');
-    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-color');
-    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-horizontal');
-    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-inner');
-    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-left');
-    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-outer');
-    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-right');
-    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-style');
-    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-top');
-    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-vertical');
-    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/drag-handle');
-    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-center');
-    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-justify');
-    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-left');
-    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-right');
-    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-bold');
-    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-clear');
-    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-fill');
-    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-reset');
-    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-text');
-    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-decrease');
-    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-increase');
-    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-italic');
-    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-line-spacing');
-    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-bulleted');
-    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-numbered');
-    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-paint');
-    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-quote');
-    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-shapes');
-    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-size');
-    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-strikethrough');
-    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-l-to-r');
-    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-r-to-l');
-    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-underlined');
-    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/functions');
-    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/highlight');
-    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-chart');
-    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-comment');
-    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-drive-file');
-    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-emoticon');
-    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-invitation');
-    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-link');
-    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-photo');
-    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/linear-scale');
-    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/merge-type');
-    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-comment');
-    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-edit');
-    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/money-off');
-    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/publish');
-    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/short-text');
-    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/space-bar');
-    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/strikethrough-s');
-    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/text-fields');
-    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-bottom');
-    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-center');
-    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-top');
-    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/wrap-text');
-    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/attachment');
-    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud');
-    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-circle');
-    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-done');
-    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-download');
-    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-off');
-    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-queue');
-    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-upload');
-    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/create-new-folder');
-    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-download');
-    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-upload');
-    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder');
-    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-open');
-    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-shared');
-    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast');
-    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast-connected');
-    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/computer');
-    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-mac');
-    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-windows');
-    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/developer-board');
-    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/device-hub');
-    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/devices-other');
-    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/dock');
-    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/gamepad');
-    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset');
-    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset-mic');
-    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard');
-    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-down');
-    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-left');
-    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-right');
-    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-up');
-    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-backspace');
-    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-capslock');
-    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-hide');
-    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-return');
-    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-tab');
-    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-voice');
-    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop');
-    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-chromebook');
-    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-mac');
-    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-windows');
-    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/memory');
-    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/mouse');
-    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-android');
-    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-iphone');
-    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink');
-    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink-off');
-    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/power-input');
-    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/router');
-    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/scanner');
-    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/security');
-    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/sim-card');
-    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/smartphone');
-    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker');
-    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker-group');
-    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet');
-    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-android');
-    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-mac');
-    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/toys');
-    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tv');
-    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/videogame-asset');
-    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/watch');
-    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-a-photo');
-    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-to-photos');
-    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/adjust');
-    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant');
-    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant-photo');
-    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/audiotrack');
-    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-circular');
-    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-linear');
-    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-off');
-    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-on');
-    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-1');
-    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-2');
-    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-3');
-    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-4');
-    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-5');
-    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-6');
-    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-7');
-    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/broken-image');
-    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brush');
-    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera');
-    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-alt');
-    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-front');
-    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-rear');
-    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-roll');
-    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-strong');
-    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-weak');
-    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections');
-    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections-bookmark');
-    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/colorize');
-    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/color-lens');
-    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/compare');
-    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point');
-    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point-duplicate');
-    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop');
-    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-16-9');
-    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-3-2');
-    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-5-4');
-    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-7-5');
-    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-din');
-    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-free');
-    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-landscape');
-    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-original');
-    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-portrait');
-    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-rotate');
-    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-square');
-    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/dehaze');
-    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/details');
-    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/edit');
-    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure');
-    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-1');
-    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-2');
-    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-1');
-    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-2');
-    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-zero');
-    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter');
-    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-1');
-    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-2');
-    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-3');
-    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-4');
-    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-5');
-    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-6');
-    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-7');
-    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-8');
-    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9');
-    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9-plus');
-    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-b-and-w');
-    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-center-focus');
-    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-drama');
-    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-frames');
-    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-hdr');
-    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-none');
-    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-tilt-shift');
-    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-vintage');
-    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flare');
-    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-auto');
-    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-off');
-    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-on');
-    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flip');
-    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/gradient');
-    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grain');
-    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-off');
-    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-on');
-    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-off');
-    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-on');
-    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-strong');
-    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-weak');
-    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/healing');
-    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image');
-    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image-aspect-ratio');
-    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/iso');
-    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/landscape');
-    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-add');
-    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-remove');
-    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/lens');
-    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/linked-camera');
-    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks');
-    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-3');
-    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-4');
-    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-5');
-    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-6');
-    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-one');
-    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-two');
-    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/loupe');
-    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/monochrome-photos');
-    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-creation');
-    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-filter');
-    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/music-note');
-    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature');
-    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature-people');
-    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-before');
-    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-next');
-    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/palette');
-    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama');
-    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-fish-eye');
-    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-horizontal');
-    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-vertical');
-    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-wide-angle');
-    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo');
-    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-album');
-    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-camera');
-    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-filter');
-    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-library');
-    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-actual');
-    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-large');
-    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-small');
-    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/picture-as-pdf');
-    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/portrait');
-    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/remove-red-eye');
-    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-90-degrees-ccw');
-    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-left');
-    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-right');
-    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/slideshow');
-    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/straighten');
-    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/style');
-    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-camera');
-    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-video');
-    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tag-faces');
-    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/texture');
-    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timelapse');
-    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer');
-    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-10');
-    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-3');
-    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-off');
-    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tonality');
-    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/transform');
-    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tune');
-    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-comfy');
-    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-compact');
-    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/vignette');
-    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-auto');
-    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-cloudy');
-    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-incandescent');
-    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-iridescent');
-    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-sunny');
-    export import Index = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index');
-    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index-generator');
-    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/add-location');
-    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/beenhere');
-    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions');
-    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bike');
-    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-boat');
-    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bus');
-    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-car');
-    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-railway');
-    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-run');
-    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-subway');
-    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-transit');
-    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-walk');
-    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/edit-location');
-    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/flight');
-    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/hotel');
-    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers');
-    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers-clear');
-    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-activity');
-    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-airport');
-    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-atm');
-    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-bar');
-    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-cafe');
-    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-car-wash');
-    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-convenience-store');
-    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-dining');
-    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-drink');
-    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-florist');
-    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-gas-station');
-    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-grocery-store');
-    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hospital');
-    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hotel');
-    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-laundry-service');
-    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-library');
-    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-mall');
-    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-movies');
-    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-offer');
-    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-parking');
-    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pharmacy');
-    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-phone');
-    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pizza');
-    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-play');
-    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-post-office');
-    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-printshop');
-    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-see');
-    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-shipping');
-    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-taxi');
-    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/map');
-    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/my-location');
-    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/navigation');
-    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/near-me');
-    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin');
-    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin-circle');
-    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/pin-drop');
-    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/place');
-    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/rate-review');
-    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/restaurant-menu');
-    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/satellite');
-    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/store-mall-directory');
-    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/terrain');
-    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/traffic');
-    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/zoom-out-map');
-    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/apps');
-    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-back');
-    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-downward');
-    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down');
-    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down-circle');
-    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation-arrow-drop-right');
-    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-up');
-    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-forward');
-    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-upward');
-    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/cancel');
-    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/check');
-    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-left');
-    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-right');
-    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/close');
-    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-less');
-    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-more');
-    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen');
-    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen-exit');
-    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/menu');
-    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-horiz');
-    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-vert');
-    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/refresh');
-    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-left');
-    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-right');
-    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-less');
-    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-more');
-    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/adb');
-    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat');
-    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat-angled');
-    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-individual-suite');
-    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-extra');
-    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-normal');
-    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-reduced');
-    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-extra');
-    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-normal');
-    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/bluetooth-audio');
-    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/confirmation-number');
-    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/disc-full');
-    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb');
-    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb-alt');
-    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/drive-eta');
-    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/enhanced-encryption');
-    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-available');
-    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-busy');
-    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-note');
-    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/folder-special');
-    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/live-tv');
-    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/mms');
-    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/more');
-    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-check');
-    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-locked');
-    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/no-encryption');
-    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/ondemand-video');
-    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/personal-video');
-    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-bluetooth-speaker');
-    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-forwarded');
-    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-in-talk');
-    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-locked');
-    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-missed');
-    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-paused');
-    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/power');
-    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/rv-hookup');
-    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sd-card');
-    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sim-card-alert');
-    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms');
-    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms-failed');
-    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync');
-    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-disabled');
-    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-problem');
-    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/system-update');
-    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/tap-and-play');
-    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/time-to-leave');
-    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vibration');
-    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/voice-chat');
-    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vpn-lock');
-    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wc');
-    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wifi');
-    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/ac-unit');
-    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/airport-shuttle');
-    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/all-inclusive');
-    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/beach-access');
-    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/business-center');
-    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/casino');
-    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-care');
-    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-friendly');
-    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/fitness-center');
-    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/free-breakfast');
-    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/golf-course');
-    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/hot-tub');
-    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/kitchen');
-    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/pool');
-    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/room-service');
-    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoke-free');
-    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoking-rooms');
-    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/spa');
-    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/cake');
-    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/domain');
-    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group');
-    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group-add');
-    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/location-city');
-    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood');
-    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood-bad');
-    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications');
-    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-active');
-    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-none');
-    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-off');
-    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-paused');
-    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/pages');
-    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/party-mode');
-    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people');
-    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people-outline');
-    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person');
-    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-add');
-    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-outline');
-    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/plus-one');
-    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/poll');
-    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/public');
-    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/school');
-    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/share');
-    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/whatshot');
-    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box');
-    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box-outline-blank');
-    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/indeterminate-check-box');
-    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-checked');
-    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-unchecked');
-    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star');
-    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-border');
-    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-half');
-}
-
-
-declare module 'material-ui/internal/AppCanvas' {
-  interface AppCanvasProps extends __React.Props<AppCanvas> { }
-  class AppCanvas extends __React.Component<AppCanvasProps, {}> { }
-  export default AppCanvas;
-}
-declare module 'material-ui/internal/AutoLockScrolling' {
-  interface AutoLockScrollingProps extends __React.Props<AutoLockScrolling> {
-    lock: boolean;
-  }
-  class AutoLockScrolling extends __React.Component<AutoLockScrollingProps, {}> { }
-  export default AutoLockScrolling;
-}
-declare module 'material-ui/internal/BeforeAfterWrapper' {
-  interface BeforeAfterWrapperProps extends __React.Props<BeforeAfterWrapper> {
-    afterElementType?: string,
-    afterStyle?: __React.CSSProperties,
-    beforeElementType?: string,
-    beforeStyle?: __React.CSSProperties,
-    elementType?: string,
-    style?: __React.CSSProperties,
-  }
-  class BeforeAfterWrapper extends __React.Component<BeforeAfterWrapperProps, {}> { }
-  export default BeforeAfterWrapper;
-}
-declare module 'material-ui/internal/CircleRipple' {
-  interface CircleRippleProps extends __React.Props<CircleRipple> {
-    aborted?: boolean;
-    color?: string;
-    opacity?: number;
-    style?: __React.CSSProperties;
-  }
-  class CircleRipple extends __React.Component<CircleRippleProps, {}> { }
-  export default CircleRipple;
-}
-declare module 'material-ui/internal/ClearFix' {
-  interface ClearFixProps extends __React.Props<ClearFix> {
-    style?: __React.CSSProperties;
-  }
-  class ClearFix extends __React.Component<ClearFixProps, {}> { }
-  export default ClearFix;
-}
-declare module 'material-ui/internal/ClickAwayListener' {
-  interface ClickAwayListenerProps extends __React.Props<ClickAwayListener> {
-    onClickAway?: any,
-  }
-  class ClickAwayListener extends __React.Component<ClickAwayListenerProps, {}> { }
-  export default ClickAwayListener;
-}
-declare module 'material-ui/internal/EnhancedButton' {
-  interface EnhancedButtonProps extends __MaterialUI.SharedEnhancedButtonProps<EnhancedButton> {}
-  class EnhancedButton extends __React.Component<EnhancedButtonProps, {}> {}
-  export default EnhancedButton;
-}
-declare module 'material-ui/internal/EnhancedSwitch' {
-  interface EnhancedSwitchProps extends __MaterialUI.Switches.CommonEnhancedSwitchProps<EnhancedSwitch> {}
-  class EnhancedSwitch extends __React.Component<EnhancedSwitchProps, {}> {}
-  export default EnhancedSwitch;
-}
-declare module 'material-ui/internal/ExpandTransition' {
-  interface ExpandTransitionProps extends __React.Props<ExpandTransition> {
-    enterDelay?: number;
-    loading?: boolean;
-    open?: boolean;
-    style?: __React.CSSProperties;
-    transitionDelay?: number;
-    transitionDuration?: number;
-  }
-  class ExpandTransition extends __React.Component<ExpandTransitionProps, {}> { }
-  export default ExpandTransition;
-}
-declare module 'material-ui/internal/ExpandTransitionChild' {
-  interface ExpandTransitionChildProps extends __React.Props<ExpandTransitionChild> {
-    enterDelay?: number;
-    style?: __React.CSSProperties;
-    transitionDelay?: number;
-    transitionDuration?: number;
-  }
-  class ExpandTransitionChild extends __React.Component<ExpandTransitionChildProps, {}> { }
-  export default ExpandTransitionChild;
-}
-declare module 'material-ui/internal/FocusRipple' {
-  interface FocusRippleProps extends __React.Props<FocusRipple> {
-    color?: string,
-    innerStyle?: __React.CSSProperties,
-    opacity?: number,
-    show?: boolean,
-    style?: __React.CSSProperties
-  }
-  class FocusRipple extends __React.Component<FocusRippleProps, {}> { }
-  export default FocusRipple;
-}
-declare module 'material-ui/internal/Overlay' {
-  interface OverlayProps extends __React.Props<Overlay> {
-    autoLockScrolling?: boolean;
-    show: boolean;
-    style?: __React.CSSProperties;
-    transitionEnabled?: boolean;
-  }
-  class Overlay extends __React.Component<OverlayProps, {}> { }
-  export default Overlay;
-}
-declare module 'material-ui/internal/RenderToLayer' {
-  interface RenderToLayerProps extends __React.Props<RenderToLayer> {
-    componentClickAway?: Function;
-    open: boolean;
-    render: Function;
-    useLayerForClickAway?: boolean;
-  }
-  class RenderToLayer extends __React.Component<RenderToLayerProps, {}> { }
-  export default RenderToLayer;
-}
-declare module 'material-ui/internal/ScaleIn' {
-  interface ScaleInProps extends __React.Props<ScaleIn> {
-    childStyle?: __React.CSSProperties;
-    enterDelay?: number;
-    maxScale?: number;
-    minScale?: number;
-  }
-  class ScaleIn extends __React.Component<ScaleInProps, {}> { }
-  export default ScaleIn;
-}
-declare module 'material-ui/internal/ScaleInChild' {
-  interface ScaleInChildProps extends __React.Props<ScaleInChild> {
-    enterDelay?: number;
-    maxScale?: number;
-    minScale?: number;
-    style?: __React.CSSProperties;
-  }
-  class ScaleInChild extends __React.Component<ScaleInChildProps, {}> { }
-  export default ScaleInChild;
-}
-declare module 'material-ui/internal/SlideIn' {
-  interface SlideInProps extends __React.Props<SlideIn> {
-    childStyle?: __React.CSSProperties;
-    direction?: __MaterialUI.propTypes.direction;
-    enterDelay?: number;
-    style?: __React.CSSProperties;
-  }
-  class SlideIn extends __React.Component<SlideInProps, {}> { }
-  export default SlideIn;
-}
-declare module 'material-ui/internal/SlideInChild' {
-  interface SlideInChildProps extends __React.Props<SlideInChild> {
-    direction?: string,
-    enterDelay?: number;
-    getLeaveDirection: Function;
-    style?: __React.CSSProperties;
-  }
-  class SlideInChild extends __React.Component<SlideInChildProps, {}> { }
-  export default SlideInChild;
-}
-declare module 'material-ui/internal/Tooltip' {
-  interface TooltipProps extends __React.Props<Tooltip> {
-    className?: string;
-    horizontalPosition?: __MaterialUI.propTypes.horizontal;
-    label: any;
-    show?: boolean;
-    style?: __React.CSSProperties;
-    touch?: boolean;
-    verticalPosition?: __MaterialUI.propTypes.vertical;
-  }
-  class Tooltip extends __React.Component<TooltipProps, {}> { }
-  export default Tooltip;
-}
-declare module 'material-ui/internal/TouchRipple' {
-  interface TouchRippleProps extends __React.Props<TouchRipple> {
-    abortOnScroll?: boolean,
-    centerRipple?: boolean;
-    color?: string;
-    opacity?: number;
-    style?: __React.CSSProperties
-  }
-  class TouchRipple extends __React.Component<TouchRippleProps, {}> { }
-  export default TouchRipple;
-}
diff --git a/material-ui/material-ui-global.d.ts b/material-ui/material-ui-global.d.ts
deleted file mode 100644
index c036f8bfda..0000000000
--- a/material-ui/material-ui-global.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// Type definitions for material-ui v0.16.0
-// Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>, Vladimir Pouzanov <https://github.com/farcaller>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="material-ui.d.ts" />
-
-import MaterialUI = __MaterialUI;
diff --git a/minimatch/minimatch-tests.ts b/minimatch/minimatch-tests.ts
index e47146a18a..5b7a3bdb18 100644
--- a/minimatch/minimatch-tests.ts
+++ b/minimatch/minimatch-tests.ts
@@ -1,4 +1,4 @@
-import mm = require("./");
+import mm = require("minimatch");
 
 var pattern = "**/*.ts";
 var options = {
diff --git a/mithril/mithril-tests.ts.tcsparams b/mithril/mithril-tests.ts.tcsparams
deleted file mode 100644
index e16c76dff8..0000000000
--- a/mithril/mithril-tests.ts.tcsparams
+++ /dev/null
@@ -1 +0,0 @@
-""
diff --git a/mocha/tsconfig.json b/mocha/tsconfig.json
index 94ab1840b4..14d99637d1 100644
--- a/mocha/tsconfig.json
+++ b/mocha/tsconfig.json
@@ -15,6 +15,8 @@
     },
     "files": [
         "index.d.ts",
-        "mocha-tests.ts"
+        "mocha-tests.ts",
+        "mocha-node.d.ts",
+        "mocha-node-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/mongodb/mongodb-1.4.9.d.ts b/mongodb/v1/index.d.ts
similarity index 99%
rename from mongodb/mongodb-1.4.9.d.ts
rename to mongodb/v1/index.d.ts
index fdff25982d..6b8d49ccaf 100644
--- a/mongodb/mongodb-1.4.9.d.ts
+++ b/mongodb/v1/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for MongoDB
+// Type definitions for MongoDB 1.0
 // Project: https://github.com/mongodb/node-mongodb-native
 // Definitions by: Boris Yankov <https://github.com/borisyankov/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/mongodb/mongodb-1.4.9-tests.ts b/mongodb/v1/mongodb-tests.ts
similarity index 95%
rename from mongodb/mongodb-1.4.9-tests.ts
rename to mongodb/v1/mongodb-tests.ts
index 28cb21b48e..63690d990d 100644
--- a/mongodb/mongodb-1.4.9-tests.ts
+++ b/mongodb/v1/mongodb-tests.ts
@@ -2,7 +2,7 @@
 import mongodb = require('mongodb');
 var MongoClient = mongodb.MongoClient;
 
-var format = require('util').format;
+import { format } from "util";
 MongoClient.connect('mongodb://127.0.0.1:27017/test', function (err, db) {
     if (err) throw err;
 
diff --git a/mongodb/v1/tsconfig.json b/mongodb/v1/tsconfig.json
new file mode 100644
index 0000000000..626beccaa7
--- /dev/null
+++ b/mongodb/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "mongodb": ["mongodb/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "mongodb-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/mongoose/mongoose-3.x.d.ts b/mongoose/v3/index.d.ts
similarity index 100%
rename from mongoose/mongoose-3.x.d.ts
rename to mongoose/v3/index.d.ts
diff --git a/mongoose/mongoose-3.x-tests.ts b/mongoose/v3/mongoose-tests.ts
similarity index 99%
rename from mongoose/mongoose-3.x-tests.ts
rename to mongoose/v3/mongoose-tests.ts
index 5264b7cd0b..8a0f4896d4 100644
--- a/mongoose/mongoose-3.x-tests.ts
+++ b/mongoose/v3/mongoose-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="mongoose-3.x.d.ts" />
-
 var fs = require('fs');
 import mongoose = require('mongoose');
 
diff --git a/mongoose/v3/tsconfig.json b/mongoose/v3/tsconfig.json
new file mode 100644
index 0000000000..2910cdc186
--- /dev/null
+++ b/mongoose/v3/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "mongoose": ["mongoose/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "mongoose-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/mousetrap/index.d.ts b/mousetrap/index.d.ts
index 04c8c7d403..bcc8042834 100644
--- a/mousetrap/index.d.ts
+++ b/mousetrap/index.d.ts
@@ -15,6 +15,9 @@ interface MousetrapStatic {
     unbind(keys: string|string[], action?: string): void;
     trigger(keys: string, action?: string): void;
     reset(): void;
+
+    /** https://craig.is/killing/mice#extensions.global */
+    bindGlobal(keyArray: string|string[], callback: (e: ExtendedKeyboardEvent, combo: string) => any, action?: string): void;
 }
 
 interface MousetrapInstance {
diff --git a/mousetrap/mousetrap-global-bind-tests.ts b/mousetrap/mousetrap-global-bind-tests.ts
index d6a7826a2a..7e3334f184 100644
--- a/mousetrap/mousetrap-global-bind-tests.ts
+++ b/mousetrap/mousetrap-global-bind-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="mousetrap-global-bind.d.ts"/>
-
 Mousetrap.bindGlobal('4', function() { console.log('4'); });
 Mousetrap.bindGlobal("?", function() { console.log('show shortcuts!'); });
 Mousetrap.bindGlobal('esc', function() { console.log('escape'); }, 'keyup');
diff --git a/mousetrap/mousetrap-global-bind.d.ts b/mousetrap/mousetrap-global-bind.d.ts
deleted file mode 100644
index 64eb15cc8f..0000000000
--- a/mousetrap/mousetrap-global-bind.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Type definitions for Mousetrap 1.4.6's global-bind extension
-// Project: http://craig.is/killing/mice#extensions.global
-// Definitions by: Andrew Bradley <https://github.com/cspotcode>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-interface MousetrapStatic {
-    bindGlobal(keyArray: string|string[], callback: (e: ExtendedKeyboardEvent, combo: string) => any, action?: string): void;
-}
diff --git a/mousetrap/tsconfig.json b/mousetrap/tsconfig.json
index d08cf24820..003c378176 100644
--- a/mousetrap/tsconfig.json
+++ b/mousetrap/tsconfig.json
@@ -15,6 +15,7 @@
     },
     "files": [
         "index.d.ts",
-        "mousetrap-tests.ts"
+        "mousetrap-tests.ts",
+        "mousetrap-global-bind-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/msgpack5/msgpack5-test.ts b/msgpack5/msgpack5-tests.ts
similarity index 100%
rename from msgpack5/msgpack5-test.ts
rename to msgpack5/msgpack5-tests.ts
diff --git a/msgpack5/tsconfig.json b/msgpack5/tsconfig.json
index 760dd082d8..f3f0f081e2 100644
--- a/msgpack5/tsconfig.json
+++ b/msgpack5/tsconfig.json
@@ -16,6 +16,6 @@
     },
     "files": [
         "index.d.ts",
-        "msgpack5-test.ts"
+        "msgpack5-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/mustache/mustache-0.7.3-tests.ts b/mustache/mustache-0.7.3-tests.ts
deleted file mode 100644
index 5d85f4791a..0000000000
--- a/mustache/mustache-0.7.3-tests.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-var view = { title: "Joe", calc: function () { return 2 + 4; } };
-var output = Mustache.render("{{title}} spends {{calc}}", view);
-
-var person = { firstName: "John", lastName: "Smith", blogURL: "http://testblog.com" };
-var template = "<h1>{{firstName}} {{lastName}}</h1>Blog: {{blogURL}}";
-var html = Mustache.to_html(template, person);
-
-var writer = Mustache.compile(template);
-var writerOutput = writer(view);
diff --git a/mustache/mustache-0.7.3.d.ts b/mustache/mustache-0.7.3.d.ts
deleted file mode 100644
index a541179e34..0000000000
--- a/mustache/mustache-0.7.3.d.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-// Type definitions for Mustache 0.7.3
-// Project: https://github.com/janl/mustache.js
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-interface MustacheScanner {
-    string: string;
-    tail: string;
-    pos: number;
-
-    eos(): boolean;
-    scan(re: RegExp): string;
-    scanUntil(re: RegExp): string;
-}
-
-interface MustacheContext {
-    view: any;
-    parent: MustacheContext;
-
-    clearCache(): void;
-    push(view: any): MustacheContext;
-    lookup(name: string): any;
-}
-
-interface MustacheWriter {
-    (view: any): string;
-
-    clearCache(): void;
-    compile(template: string, tags: any): any;
-    compilePartial(name: string, template: string, tags: any): any;
-    compileTokens(tokens: string[], template: string): any;
-    render(template: string, view: any, partials: any): any;
-}
-
-interface MustacheStatic {
-    name: string;
-    version: string;
-    tags: string;
-    Scanner: MustacheScanner;
-    Context: MustacheContext;
-    Writer: MustacheWriter;
-    escape: any;
-
-    parse(template: string, tags: any): any;
-    clearCache(): MustacheWriter;
-    compile(template: string): MustacheWriter;
-    compile(template: string, tags: any): MustacheWriter;
-    compilePartial(name: string, template: string, tags: any): MustacheWriter;
-    compileTokens(tokens: string[], template: string): MustacheWriter;
-    render(template: string, view: any, partials?: any): string;
-    to_html(template: string, view: any, partials?: any, send?: any): string;
-}
-
-declare var Mustache: MustacheStatic;
diff --git a/ng-cordova/actionSheet-tests.ts b/ng-cordova/actionSheet-tests.ts
index 658da2026d..553534b4e4 100644
--- a/ng-cordova/actionSheet-tests.ts
+++ b/ng-cordova/actionSheet-tests.ts
@@ -1,6 +1,3 @@
-/// <reference path="actionSheet.d.ts" />
-/// <reference types="../angular/index.d.ts" />
-
 namespace ngCordova {
     'use strict';
 
diff --git a/ng-cordova/app-version-tests.ts b/ng-cordova/app-version-tests.ts
index 023ee9cd3c..9683897b19 100644
--- a/ng-cordova/app-version-tests.ts
+++ b/ng-cordova/app-version-tests.ts
@@ -1,6 +1,3 @@
-/// <reference path="app-version.d.ts" />
-
-
 namespace ngCordova {
     function test($cordovaAppVersion: IAppVersionService) {
 
diff --git a/ng-cordova/appAvailability-tests.ts b/ng-cordova/appAvailability-tests.ts
index 7fc090186f..5cb049a76a 100644
--- a/ng-cordova/appAvailability-tests.ts
+++ b/ng-cordova/appAvailability-tests.ts
@@ -1,13 +1,8 @@
-
-/// <reference types="appAvailability" />
-/// <reference path="device.d.ts" />
-/// <reference types="angular" />
-/// <reference types="cordova" />
-/// <reference types="ionic" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
+/// <reference types="ionic" />
+
 namespace demo.appavailability {
   'use strict';
 
diff --git a/ng-cordova/badge-tests.ts b/ng-cordova/badge-tests.ts
index f3125b8253..c0c08e34f5 100644
--- a/ng-cordova/badge-tests.ts
+++ b/ng-cordova/badge-tests.ts
@@ -1,6 +1,3 @@
-/// <reference path="badge.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-
 namespace ngCordova {
     'use strict';
 
diff --git a/ng-cordova/camera-tests.ts b/ng-cordova/camera-tests.ts
index a129ade66e..2f057190aa 100644
--- a/ng-cordova/camera-tests.ts
+++ b/ng-cordova/camera-tests.ts
@@ -1,8 +1,3 @@
-/// <reference path="camera.d.ts" />
-/// <reference path="../cordova-plugin-camera/index.d.ts" />
-
-
-
 namespace ngCordova {
     function cameraTest($cordovaCamera: ICameraService) {
         var options = {
diff --git a/ng-cordova/datepicker-tests.ts b/ng-cordova/datepicker-tests.ts
index 3dd1c79105..48875dfcef 100644
--- a/ng-cordova/datepicker-tests.ts
+++ b/ng-cordova/datepicker-tests.ts
@@ -1,6 +1,3 @@
-/// <reference path="datepicker.d.ts" />
-/// <reference path="../jquery/index.d.ts" />
-
 namespace ngCordova {
     function smoketest($cordovaDatePicker: IDatePickerService, isIos: boolean) {
 
diff --git a/ng-cordova/device-tests.ts b/ng-cordova/device-tests.ts
index a509c5f9e2..c645758a33 100644
--- a/ng-cordova/device-tests.ts
+++ b/ng-cordova/device-tests.ts
@@ -1,14 +1,9 @@
-
-/// <reference path="device.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-/// <reference path="../ionic/index.d.ts" />
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
 namespace demo.device {
 	'use strict';
-	
+
 	interface IDeviceViewModel {
 		available:boolean;
         cordova:string;
@@ -17,14 +12,14 @@ namespace demo.device {
         uuid:string;
         version:string;
 	}
-	
+
 	export class DeviceController {
-		
+
 		public vm:IDeviceViewModel;
-		
-		static $inject:Array<string> = ["$ionicPlatform", "$cordovaDevice"];		
+
+		static $inject:Array<string> = ["$ionicPlatform", "$cordovaDevice"];
 		constructor($ionicPlatform:ionic.platform.IonicPlatformService, $cordovaDevice:ngCordova.IDeviceService) {
-			
+
 			$ionicPlatform.ready(() => {
 				this.vm = {
 					available : $cordovaDevice.getDevice().available,
@@ -36,8 +31,8 @@ namespace demo.device {
 				};
 			});
 		}
-								
+
 	}
-	
+
 	angular.module("demo.device").controller("DeviceController", DeviceController);
 }
\ No newline at end of file
diff --git a/ng-cordova/deviceMotion-tests.ts b/ng-cordova/deviceMotion-tests.ts
index acca85976b..a93f42152b 100644
--- a/ng-cordova/deviceMotion-tests.ts
+++ b/ng-cordova/deviceMotion-tests.ts
@@ -1,9 +1,3 @@
-
-/// <reference path="deviceMotion.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-/// <reference path="../ionic/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/deviceOrientation-tests.ts b/ng-cordova/deviceOrientation-tests.ts
index 677922f425..eadcdcb234 100644
--- a/ng-cordova/deviceOrientation-tests.ts
+++ b/ng-cordova/deviceOrientation-tests.ts
@@ -1,9 +1,3 @@
-
-/// <reference path="deviceOrientation.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-/// <reference path="../ionic/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/dialogs-tests.ts b/ng-cordova/dialogs-tests.ts
index a70abe6743..fe56cc3bc1 100644
--- a/ng-cordova/dialogs-tests.ts
+++ b/ng-cordova/dialogs-tests.ts
@@ -1,9 +1,3 @@
-/// <reference path="dialogs.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-/// <reference path="../ionic/index.d.ts" />
-
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/emailComposer-tests.ts b/ng-cordova/emailComposer-tests.ts
index 25744d91ef..bd8675b8d8 100644
--- a/ng-cordova/emailComposer-tests.ts
+++ b/ng-cordova/emailComposer-tests.ts
@@ -1,7 +1,3 @@
-/// <reference path="emailComposer.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/file-tests.ts b/ng-cordova/file-tests.ts
index c4a6861022..88d8e479d4 100644
--- a/ng-cordova/file-tests.ts
+++ b/ng-cordova/file-tests.ts
@@ -1,7 +1,3 @@
-/// <reference path="file.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-
 namespace ngCordova {
     'use strict';
 
diff --git a/ng-cordova/fileTransfer-tests.ts b/ng-cordova/fileTransfer-tests.ts
index 166f4d09b3..53fa662b47 100644
--- a/ng-cordova/fileTransfer-tests.ts
+++ b/ng-cordova/fileTransfer-tests.ts
@@ -1,8 +1,3 @@
-/// <reference path="fileTransfer.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-/// <reference path="../cordova-plugin-file-transfer/index.d.ts" />
-
 namespace ngCordova {
     'use strict';
 
diff --git a/ng-cordova/geolocation-tests.ts b/ng-cordova/geolocation-tests.ts
index 45e64c2ad0..34a67c9b00 100644
--- a/ng-cordova/geolocation-tests.ts
+++ b/ng-cordova/geolocation-tests.ts
@@ -1,7 +1,3 @@
-/// <reference path="geolocation.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/network-tests.ts b/ng-cordova/network-tests.ts
index 454bf7aa7f..dde727237b 100644
--- a/ng-cordova/network-tests.ts
+++ b/ng-cordova/network-tests.ts
@@ -1,7 +1,3 @@
-/// <reference path="network.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
diff --git a/ng-cordova/toast-tests.ts b/ng-cordova/toast-tests.ts
index b4663bdba6..2601ad577a 100644
--- a/ng-cordova/toast-tests.ts
+++ b/ng-cordova/toast-tests.ts
@@ -1,23 +1,19 @@
-/// <reference path="toast.d.ts" />
-/// <reference path="../angular/index.d.ts" />
-/// <reference path="../cordova/index.d.ts" />
-
 // For the full application demo please see following repo :
 // https://github.com/ksachdeva/ngCordova-typescript-demo
 
 namespace demo.toast {
 	'use strict';
-	
+
 	export class ToastController {
-		
+
 		toastMessage:string = 'enter a message';
 		msg:string;
-		
+
 		static $inject:Array<string> = ["$cordovaToast"];
 		constructor(private $cordovaToast:ngCordova.IToastService) {
-			
+
 		}
-		
+
 		center() {
 			this.$cordovaToast.show(this.toastMessage, 'long', 'center')
 				.then((success) => {
@@ -26,7 +22,7 @@ namespace demo.toast {
 					this.msg = error.message;
 				});
 		}
-		
+
 		top() {
 			this.$cordovaToast.showShortTop(this.toastMessage)
 				.then((success) => {
@@ -35,7 +31,7 @@ namespace demo.toast {
 					this.msg = error.message;
 				});
 		}
-		
+
 		bottom() {
 			this.$cordovaToast.showLongBottom(this.toastMessage)
 				.then((success) => {
@@ -44,8 +40,8 @@ namespace demo.toast {
 					this.msg = error.message;
 				});
 		}
-		
+
 	}
-	
+
 	angular.module("demo.toast").controller("ToastController", ToastController);
 }
\ No newline at end of file
diff --git a/ng-cordova/tsconfig.json b/ng-cordova/tsconfig.json
index ff200c3dc4..68bdca092a 100644
--- a/ng-cordova/tsconfig.json
+++ b/ng-cordova/tsconfig.json
@@ -1,12 +1,9 @@
 {
-    "files": [
-        "index.d.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
-        "noImplicitThis": true,
+        "noImplicitThis": false,
         "strictNullChecks": false,
         "baseUrl": "../",
         "experimentalDecorators": true,
@@ -16,5 +13,24 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "actionSheet-tests.ts",
+        "app-version-tests.ts",
+        "appAvailability-tests.ts",
+        "badge-tests.ts",
+        "camera-tests.ts",
+        "datepicker-tests.ts",
+        "device-tests.ts",
+        "deviceMotion-tests.ts",
+        "deviceOrientation-tests.ts",
+        "dialogs-tests.ts",
+        "emailComposer-tests.ts",
+        "file-tests.ts",
+        "fileTransfer-tests.ts",
+        "geolocation-tests.ts",
+        "network-tests.ts",
+        "toast-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/nodal/nodal-tests.ts b/nodal/nodal-tests.ts
index de11f4e39b..f48adadd62 100644
--- a/nodal/nodal-tests.ts
+++ b/nodal/nodal-tests.ts
@@ -1,4 +1,4 @@
-import * as Nodal from './index.d';
+import * as Nodal from 'nodal';
 
 let BlogPost: typeof Nodal.Model;
 
diff --git a/node-uuid/node-uuid-cjs-tests.ts b/node-uuid/node-uuid-cjs-tests.ts
deleted file mode 100644
index 464bbcc625..0000000000
--- a/node-uuid/node-uuid-cjs-tests.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-import nodeUuid = require('node-uuid');
-
-var uid1: string = nodeUuid.v1();
-var uid4: string = nodeUuid.v4();
-
-var options: __NodeUUID.UUIDOptions = {
-  node: [],
-  clockseq: 2,
-  nsecs: 3,
-  msecs: new Date()
-};
-
-var padding: number[] = [0, 1, 2];
-
-var offset: number = 15;
-
-var buf : number[] = [];
-
-nodeUuid.parse(uid4, buf, offset);
-nodeUuid.unparse(buf, offset);
-
-var uid21: number[] = nodeUuid.v1(options, padding, offset);
-var uid24: number[] = nodeUuid.v4(options, padding, offset);
diff --git a/node-uuid/node-uuid-global-tests.ts b/node-uuid/node-uuid-global-tests.ts
deleted file mode 100644
index de0ea25e39..0000000000
--- a/node-uuid/node-uuid-global-tests.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-var uid1: string = uuid.v1();
-var uid4: string = uuid.v4();
-
-var options: __NodeUUID.UUIDOptions = {
-  node: [],
-  clockseq: 2,
-  nsecs: 3,
-  msecs: new Date()
-};
-
-var padding: number[] = [0, 1, 2];
-
-var offset: number = 15;
-
-var buf : number[] = [];
-
-uuid.parse(uid4, buf, offset);
-uuid.unparse(buf, offset);
-
-var uid21: number[] = uuid.v1(options, padding, offset);
-var uid24: number[] = uuid.v4(options, padding, offset);
diff --git a/node/node-0.10.d.ts b/node/node-0.10.d.ts
deleted file mode 100644
index b277749fb2..0000000000
--- a/node/node-0.10.d.ts
+++ /dev/null
@@ -1,1442 +0,0 @@
-// Type definitions for Node.js v0.10.1
-// Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/************************************************
-*                                               *
-*               Node.js v0.10.1 API             *
-*                                               *
-************************************************/
-
-/************************************************
-*                                               *
-*                   GLOBAL                      *
-*                                               *
-************************************************/
-declare var process: NodeJS.Process;
-declare var global: any;
-
-declare var __filename: string;
-declare var __dirname: string;
-
-declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-declare function clearTimeout(timeoutId: NodeJS.Timer): void;
-declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-declare function clearInterval(intervalId: NodeJS.Timer): void;
-declare function setImmediate(callback: (...args: any[]) => void, ...args: any[]): any;
-declare function clearImmediate(immediateId: any): void;
-
-declare var require: {
-    (id: string): any;
-    resolve(id:string): string;
-    cache: any;
-    extensions: any;
-    main: any;
-};
-
-declare var module: {
-    exports: any;
-    require(id: string): any;
-    id: string;
-    filename: string;
-    loaded: boolean;
-    parent: any;
-    children: any[];
-};
-
-// Same as module.exports
-declare var exports: any;
-declare var SlowBuffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (size: Uint8Array): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-};
-
-
-// Buffer class
-interface Buffer extends NodeBuffer {}
-declare var Buffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (size: Uint8Array): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-};
-
-/************************************************
-*                                               *
-*               GLOBAL INTERFACES               *
-*                                               *
-************************************************/
-declare namespace NodeJS {
-    export interface ErrnoException extends Error {
-        errno?: number;
-        code?: string;
-        path?: string;
-        syscall?: string;
-        stack?: string;
-    }
-
-    export interface EventEmitter {
-        addListener(event: string, listener: Function): this;
-        on(event: string, listener: Function): this;
-        once(event: string, listener: Function): this;
-        removeListener(event: string, listener: Function): this;
-        removeAllListeners(event?: string): this;
-        setMaxListeners(n: number): void;
-        listeners(event: string): Function[];
-        emit(event: string, ...args: any[]): boolean;
-    }
-
-    export interface ReadableStream extends EventEmitter {
-        readable: boolean;
-        isTTY?: boolean;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: ReadableStream): ReadableStream;
-    }
-
-    export interface WritableStream extends EventEmitter {
-        writable: boolean;
-        isTTY?: boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface ReadWriteStream extends ReadableStream, WritableStream {}
-
-    export interface Process extends EventEmitter {
-        stdout: WritableStream;
-        stderr: WritableStream;
-        stdin: ReadableStream;
-        argv: string[];
-        execPath: string;
-        abort(): void;
-        chdir(directory: string): void;
-        cwd(): string;
-        env: any;
-        exit(code?: number): void;
-        getgid(): number;
-        setgid(id: number): void;
-        setgid(id: string): void;
-        getuid(): number;
-        setuid(id: number): void;
-        setuid(id: string): void;
-        version: string;
-        versions: {
-            http_parser: string;
-            node: string;
-            v8: string;
-            ares: string;
-            uv: string;
-            zlib: string;
-            openssl: string;
-        };
-        config: {
-            target_defaults: {
-                cflags: any[];
-                default_configuration: string;
-                defines: string[];
-                include_dirs: string[];
-                libraries: string[];
-            };
-            variables: {
-                clang: number;
-                host_arch: string;
-                node_install_npm: boolean;
-                node_install_waf: boolean;
-                node_prefix: string;
-                node_shared_openssl: boolean;
-                node_shared_v8: boolean;
-                node_shared_zlib: boolean;
-                node_use_dtrace: boolean;
-                node_use_etw: boolean;
-                node_use_openssl: boolean;
-                target_arch: string;
-                v8_no_strict_aliasing: number;
-                v8_use_snapshot: boolean;
-                visibility: string;
-            };
-        };
-        kill(pid:number, signal?: string|number): void;
-        pid: number;
-        title: string;
-        arch: string;
-        platform: string;
-        memoryUsage(): { rss: number; heapTotal: number; heapUsed: number; };
-        nextTick(callback: Function): void;
-        umask(mask?: number): number;
-        uptime(): number;
-        hrtime(time?:number[]): number[];
-
-        // Worker
-        send?(message: any, sendHandle?: any): void;
-    }
-
-    export interface Timer {
-        ref() : void;
-        unref() : void;
-    }
-}
-
-/**
- * @deprecated
- */
-interface NodeBuffer {
-    [index: number]: number;
-    write(string: string, offset?: number, length?: number, encoding?: string): number;
-    toString(encoding?: string, start?: number, end?: number): string;
-    toJSON(): any;
-    length: number;
-    copy(targetBuffer: Buffer, targetStart?: number, sourceStart?: number, sourceEnd?: number): number;
-    slice(start?: number, end?: number): Buffer;
-    readUInt8(offset: number, noAssert?: boolean): number;
-    readUInt16LE(offset: number, noAssert?: boolean): number;
-    readUInt16BE(offset: number, noAssert?: boolean): number;
-    readUInt32LE(offset: number, noAssert?: boolean): number;
-    readUInt32BE(offset: number, noAssert?: boolean): number;
-    readInt8(offset: number, noAssert?: boolean): number;
-    readInt16LE(offset: number, noAssert?: boolean): number;
-    readInt16BE(offset: number, noAssert?: boolean): number;
-    readInt32LE(offset: number, noAssert?: boolean): number;
-    readInt32BE(offset: number, noAssert?: boolean): number;
-    readFloatLE(offset: number, noAssert?: boolean): number;
-    readFloatBE(offset: number, noAssert?: boolean): number;
-    readDoubleLE(offset: number, noAssert?: boolean): number;
-    readDoubleBE(offset: number, noAssert?: boolean): number;
-    writeUInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatLE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatBE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleLE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleBE(value: number, offset: number, noAssert?: boolean): void;
-    fill(value: any, offset?: number, end?: number): void;
-}
-
-/************************************************
-*                                               *
-*                   MODULES                     *
-*                                               *
-************************************************/
-declare module "buffer" {
-    export var INSPECT_MAX_BYTES: number;
-}
-
-declare module "querystring" {
-    export function stringify(obj: any, sep?: string, eq?: string): string;
-    export function parse(str: string, sep?: string, eq?: string, options?: { maxKeys?: number; }): any;
-    export function escape(): any;
-    export function unescape(): any;
-}
-
-declare module "events" {
-    export class EventEmitter implements NodeJS.EventEmitter {
-        static listenerCount(emitter: EventEmitter, event: string): number;
-
-        addListener(event: string, listener: Function): this;
-        on(event: string, listener: Function): this;
-        once(event: string, listener: Function): this;
-        removeListener(event: string, listener: Function): this;
-        removeAllListeners(event?: string): this;
-        setMaxListeners(n: number): void;
-        listeners(event: string): Function[];
-        emit(event: string, ...args: any[]): boolean;
-   }
-}
-
-declare module "http" {
-    import events = require("events");
-    import net = require("net");
-    import stream = require("stream");
-
-    export interface Server extends events.EventEmitter {
-        listen(port: number, hostname?: string, backlog?: number, callback?: Function): Server;
-        listen(path: string, callback?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-        close(cb?: any): Server;
-        address(): { port: number; family: string; address: string; };
-        maxHeadersCount: number;
-    }
-    export interface ServerRequest extends events.EventEmitter, stream.Readable {
-        method: string;
-        url: string;
-        headers: any;
-        trailers: string;
-        httpVersion: string;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-        connection: net.Socket;
-    }
-    export interface ServerResponse extends events.EventEmitter, stream.Writable {
-        // Extended base methods
-        write(buffer: Buffer): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-
-        writeContinue(): void;
-        writeHead(statusCode: number, reasonPhrase?: string, headers?: any): void;
-        writeHead(statusCode: number, headers?: any): void;
-        statusCode: number;
-        setHeader(name: string, value: string): void;
-        sendDate: boolean;
-        getHeader(name: string): string;
-        removeHeader(name: string): void;
-        write(chunk: any, encoding?: string): any;
-        addTrailers(headers: any): void;
-
-        // Extended base methods
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-        end(data?: any, encoding?: string): void;
-    }
-
-	/**
-	 * Object returned by http.request()
-	 */
-    export interface ClientRequest extends events.EventEmitter, NodeJS.WritableStream {
-        abort(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: boolean): void;
-        setSocketKeepAlive(enable?: boolean, initialDelay?: number): void;
-    }
-
-	/**
-	 * The client version of http.IncomingMessage
-	 */
-    export interface ClientResponse extends events.EventEmitter, NodeJS.ReadableStream {
-        statusCode: number;
-        httpVersion: string;
-        headers: any;
-        trailers: any;
-		socket: net.Socket;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-    }
-
-	export interface AgentOptions {
-		/**
-		 * Keep sockets around in a pool to be used by other requests in the future. Default = false
-		 */
-		keepAlive?: boolean;
-		/**
-		 * When using HTTP KeepAlive, how often to send TCP KeepAlive packets over sockets being kept alive. Default = 1000.
-		 * Only relevant if keepAlive is set to true.
-		 */
-		keepAliveMsecs?: number;
-		/**
-		 * Maximum number of sockets to allow per host. Default for Node 0.10 is 5, default for Node 0.12 is Infinity
-		 */
-		maxSockets?: number;
-		/**
-		 * Maximum number of sockets to leave open in a free state. Only relevant if keepAlive is set to true. Default = 256.
-		 */
-		maxFreeSockets?: number;
-	}
-
-    export class Agent {
-		maxSockets: number;
-		sockets: any;
-		requests: any;
-
-		constructor(opts?: AgentOptions);
-
-		/**
-		 * Destroy any sockets that are currently in use by the agent.
-		 * It is usually not necessary to do this. However, if you are using an agent with KeepAlive enabled,
-		 * then it is best to explicitly shut down the agent when you know that it will no longer be used. Otherwise,
-		 * sockets may hang open for quite a long time before the server terminates them.
-		 */
-		destroy(): void;
-	}
-
-	/**
-	 * Options for http.request()
-	 */
-	export interface RequestOptions {
-		/**
-		 * A domain name or IP address of the server to issue the request to. Defaults to 'localhost'.
-		 */
-		host?: string;
-		/**
-		 * To support url.parse() hostname is preferred over host
-		 */
-		hostname?: string;
-		/**
-		 * Port of remote server. Defaults to 80.
-		 */
-		port?: number;
-		/**
-		 * Local interface to bind for network connections.
-		 */
-		localAddress?: string;
-		/**
-		 * Unix Domain Socket (use one of host:port or socketPath)
-		 */
-		socketPath?: string;
-		/**
-		 * A string specifying the HTTP request method. Defaults to 'GET'.
-		 */
-		method?: string;
-		/**
-		 * Request path. Defaults to '/'. Should include query string if any. E.G. '/index.html?page=12'
-		 */
-		path?: string;
-		/**
-		 * An object containing request headers.
-		 */
-		headers?: { [index: string]: string };
-		/**
-		 * Basic authentication i.e. 'user:password' to compute an Authorization header.
-		 */
-		auth?: string;
-		/**
-		 * Controls Agent behavior. When an Agent is used request will default to Connection: keep-alive. Possible values:
-		 * - undefined (default): use global Agent for this host and port.
-		 * - Agent object: explicitly use the passed in Agent.
-		 * - false: opts out of connection pooling with an Agent, defaults request to Connection: close.
-		 */
-		agent?: Agent|boolean;
-	}
-
-    export var STATUS_CODES: {
-        [errorCode: number]: string;
-        [errorCode: string]: string;
-    };
-    export function createServer(requestListener?: (request: ServerRequest, response: ServerResponse) =>void ): Server;
-    export function createClient(port?: number, host?: string): any;
-    export function request(options: RequestOptions, callback?: (response: ClientResponse) => void): ClientRequest;
-    export function get(options: RequestOptions, callback?: (response: ClientResponse) => void): ClientRequest;
-    export var globalAgent: Agent;
-}
-declare module "cluster" {
-    import child  = require("child_process");
-    import events = require("events");
-
-    export interface ClusterSettings {
-        exec?: string;
-        args?: string[];
-        silent?: boolean;
-    }
-
-    export class Worker extends events.EventEmitter {
-        id: string;
-        process: child.ChildProcess;
-        suicide: boolean;
-        send(message: any, sendHandle?: any): void;
-        kill(signal?: string): void;
-        destroy(signal?: string): void;
-        disconnect(): void;
-    }
-
-    export var settings: ClusterSettings;
-    export var isMaster: boolean;
-    export var isWorker: boolean;
-    export function setupMaster(settings?: ClusterSettings): void;
-    export function fork(env?: any): Worker;
-    export function disconnect(callback?: Function): void;
-    export var worker: Worker;
-    export var workers: Worker[];
-
-    // Event emitter
-    export function addListener(event: string, listener: Function): void;
-    export function on(event: string, listener: Function): any;
-    export function once(event: string, listener: Function): void;
-    export function removeListener(event: string, listener: Function): void;
-    export function removeAllListeners(event?: string): void;
-    export function setMaxListeners(n: number): void;
-    export function listeners(event: string): Function[];
-    export function emit(event: string, ...args: any[]): boolean;
-}
-
-declare module "zlib" {
-    import stream = require("stream");
-    export interface ZlibOptions { chunkSize?: number; windowBits?: number; level?: number; memLevel?: number; strategy?: number; dictionary?: any; }
-
-    export interface Gzip extends stream.Transform { }
-    export interface Gunzip extends stream.Transform { }
-    export interface Deflate extends stream.Transform { }
-    export interface Inflate extends stream.Transform { }
-    export interface DeflateRaw extends stream.Transform { }
-    export interface InflateRaw extends stream.Transform { }
-    export interface Unzip extends stream.Transform { }
-
-    export function createGzip(options?: ZlibOptions): Gzip;
-    export function createGunzip(options?: ZlibOptions): Gunzip;
-    export function createDeflate(options?: ZlibOptions): Deflate;
-    export function createInflate(options?: ZlibOptions): Inflate;
-    export function createDeflateRaw(options?: ZlibOptions): DeflateRaw;
-    export function createInflateRaw(options?: ZlibOptions): InflateRaw;
-    export function createUnzip(options?: ZlibOptions): Unzip;
-
-    export function deflate(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function deflateRaw(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function gzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function gunzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function inflate(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function inflateRaw(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function unzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-
-    // Constants
-    export var Z_NO_FLUSH: number;
-    export var Z_PARTIAL_FLUSH: number;
-    export var Z_SYNC_FLUSH: number;
-    export var Z_FULL_FLUSH: number;
-    export var Z_FINISH: number;
-    export var Z_BLOCK: number;
-    export var Z_TREES: number;
-    export var Z_OK: number;
-    export var Z_STREAM_END: number;
-    export var Z_NEED_DICT: number;
-    export var Z_ERRNO: number;
-    export var Z_STREAM_ERROR: number;
-    export var Z_DATA_ERROR: number;
-    export var Z_MEM_ERROR: number;
-    export var Z_BUF_ERROR: number;
-    export var Z_VERSION_ERROR: number;
-    export var Z_NO_COMPRESSION: number;
-    export var Z_BEST_SPEED: number;
-    export var Z_BEST_COMPRESSION: number;
-    export var Z_DEFAULT_COMPRESSION: number;
-    export var Z_FILTERED: number;
-    export var Z_HUFFMAN_ONLY: number;
-    export var Z_RLE: number;
-    export var Z_FIXED: number;
-    export var Z_DEFAULT_STRATEGY: number;
-    export var Z_BINARY: number;
-    export var Z_TEXT: number;
-    export var Z_ASCII: number;
-    export var Z_UNKNOWN: number;
-    export var Z_DEFLATED: number;
-    export var Z_NULL: number;
-}
-
-declare module "os" {
-    export function tmpdir(): string;
-    export function hostname(): string;
-    export function type(): string;
-    export function platform(): string;
-    export function arch(): string;
-    export function release(): string;
-    export function uptime(): number;
-    export function loadavg(): number[];
-    export function totalmem(): number;
-    export function freemem(): number;
-    export function cpus(): { model: string; speed: number; times: { user: number; nice: number; sys: number; idle: number; irq: number; }; }[];
-    export function networkInterfaces(): any;
-    export var EOL: string;
-}
-
-declare module "https" {
-    import tls = require("tls");
-    import events = require("events");
-    import http = require("http");
-
-    export interface ServerOptions {
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        crl?: any;
-        ciphers?: string;
-        honorCipherOrder?: boolean;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface RequestOptions {
-        host?: string;
-        hostname?: string;
-        port?: number;
-        path?: string;
-        method?: string;
-        headers?: any;
-        auth?: string;
-        agent?: any;
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        ciphers?: string;
-        rejectUnauthorized?: boolean;
-    }
-
-    export interface Agent {
-        maxSockets: number;
-        sockets: any;
-        requests: any;
-    }
-    export var Agent: {
-        new (options?: RequestOptions): Agent;
-    };
-    export interface Server extends tls.Server { }
-    export function createServer(options: ServerOptions, requestListener?: Function): Server;
-    export function request(options: RequestOptions, callback?: (res: http.ClientResponse) =>void ): http.ClientRequest;
-    export function get(options: RequestOptions, callback?: (res: http.ClientResponse) =>void ): http.ClientRequest;
-    export var globalAgent: Agent;
-}
-
-declare module "punycode" {
-    export function decode(string: string): string;
-    export function encode(string: string): string;
-    export function toUnicode(domain: string): string;
-    export function toASCII(domain: string): string;
-    export var ucs2: ucs2;
-    interface ucs2 {
-        decode(string: string): string;
-        encode(codePoints: number[]): string;
-    }
-    export var version: any;
-}
-
-declare module "repl" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface ReplOptions {
-        prompt?: string;
-        input?: NodeJS.ReadableStream;
-        output?: NodeJS.WritableStream;
-        terminal?: boolean;
-        eval?: Function;
-        useColors?: boolean;
-        useGlobal?: boolean;
-        ignoreUndefined?: boolean;
-        writer?: Function;
-    }
-    export function start(options: ReplOptions): events.EventEmitter;
-}
-
-declare module "readline" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ReadLine extends events.EventEmitter {
-        setPrompt(prompt: string, length: number): void;
-        prompt(preserveCursor?: boolean): void;
-        question(query: string, callback: Function): void;
-        pause(): void;
-        resume(): void;
-        close(): void;
-        write(data: any, key?: any): void;
-    }
-    export interface ReadLineOptions {
-        input: NodeJS.ReadableStream;
-        output: NodeJS.WritableStream;
-        completer?: Function;
-        terminal?: boolean;
-    }
-    export function createInterface(options: ReadLineOptions): ReadLine;
-}
-
-declare module "vm" {
-    export interface Context { }
-    export interface Script {
-        runInThisContext(): void;
-        runInNewContext(sandbox?: Context): void;
-    }
-    export function runInThisContext(code: string, filename?: string): void;
-    export function runInNewContext(code: string, sandbox?: Context, filename?: string): void;
-    export function runInContext(code: string, context: Context, filename?: string): void;
-    export function createContext(initSandbox?: Context): Context;
-    export function createScript(code: string, filename?: string): Script;
-}
-
-declare module "child_process" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ChildProcess extends events.EventEmitter {
-        stdin:  stream.Writable;
-        stdout: stream.Readable;
-        stderr: stream.Readable;
-        pid: number;
-        kill(signal?: string): void;
-        send(message: any, sendHandle: any): void;
-        connected: boolean;
-        disconnect(): void;
-    }
-
-    export function spawn(command: string, args?: string[], options?: {
-        cwd?: string;
-        stdio?: any;
-        custom?: any;
-        env?: any;
-        detached?: boolean;
-    }): ChildProcess;
-    export function exec(command: string, options: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function exec(command: string, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function execFile(file: string,
-        callback?: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function execFile(file: string, args?: string[],
-        callback?: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function execFile(file: string, args?: string[], options?: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback?: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function fork(modulePath: string, args?: string[], options?: {
-        cwd?: string;
-        env?: any;
-        encoding?: string;
-    }): ChildProcess;
-}
-
-declare module "url" {
-    export interface Url {
-        href?: string;
-        protocol?: string;
-        auth?: string;
-        hostname?: string;
-        port?: string;
-        host?: string;
-        pathname?: string;
-        search?: string;
-        query?: any; // string | Object
-        slashes?: boolean;
-        hash?: string;
-        path?: string;
-    }
-
-    export function parse(urlStr: string, parseQueryString?: boolean , slashesDenoteHost?: boolean ): Url;
-    export function format(url: Url): string;
-    export function resolve(from: string, to: string): string;
-}
-
-declare module "dns" {
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) =>void ): string[];
-}
-
-declare module "net" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface Socket extends stream.Duplex {
-        // Extended base methods
-        write(buffer: Buffer): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-
-        connect(port: number, host?: string, connectionListener?: Function): void;
-        connect(path: string, connectionListener?: Function): void;
-        bufferSize: number;
-        setEncoding(encoding?: string): void;
-        write(data: any, encoding?: string, callback?: Function): void;
-        destroy(): void;
-        pause(): void;
-        resume(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: boolean): void;
-        setKeepAlive(enable?: boolean, initialDelay?: number): void;
-        address(): { port: number; family: string; address: string; };
-        unref(): void;
-        ref(): void;
-
-        remoteAddress: string;
-        remotePort: number;
-        bytesRead: number;
-        bytesWritten: number;
-
-        // Extended base methods
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-        end(data?: any, encoding?: string): void;
-    }
-
-    export var Socket: {
-        new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
-    };
-
-    export interface Server extends events.EventEmitter {
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
-        listen(path: string, listeningListener?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-        close(callback?: Function): Server;
-        address(): { port: number; family: string; address: string; };
-        maxConnections: number;
-        connections: number;
-
-        /**
-         * events.EventEmitter
-         *   1. close
-         *   2. connection
-         *   3. error
-         *   4. listening
-         */
-        addListener(event: string, listener: Function): this;
-        addListener(event: "close", listener: () => void): this;
-        addListener(event: "connection", listener: (socket: Socket) => void): this;
-        addListener(event: "error", listener: (err: Error) => void): this;
-        addListener(event: "listening", listener: () => void): this;
-
-        emit(event: string, ...args: any[]): boolean;
-        emit(event: "close"): boolean;
-        emit(event: "connection", socket: Socket): boolean;
-        emit(event: "error", err: Error): boolean;
-        emit(event: "listening"): boolean;
-
-        on(event: string, listener: Function): this;
-        on(event: "close", listener: () => void): this;
-        on(event: "connection", listener: (socket: Socket) => void): this;
-        on(event: "error", listener: (err: Error) => void): this;
-        on(event: "listening", listener: () => void): this;
-
-        once(event: string, listener: Function): this;
-        once(event: "close", listener: () => void): this;
-        once(event: "connection", listener: (socket: Socket) => void): this;
-        once(event: "error", listener: (err: Error) => void): this;
-        once(event: "listening", listener: () => void): this;
-
-        prependListener(event: string, listener: Function): this;
-        prependListener(event: "close", listener: () => void): this;
-        prependListener(event: "connection", listener: (socket: Socket) => void): this;
-        prependListener(event: "error", listener: (err: Error) => void): this;
-        prependListener(event: "listening", listener: () => void): this;
-
-        prependOnceListener(event: string, listener: Function): this;
-        prependOnceListener(event: "close", listener: () => void): this;
-        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
-        prependOnceListener(event: "error", listener: (err: Error) => void): this;
-        prependOnceListener(event: "listening", listener: () => void): this;
-    }
-    export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
-    export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
-    export function connect(options: { port: number, host?: string, localAddress? : string, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
-    export function connect(port: number, host?: string, connectionListener?: Function): Socket;
-    export function connect(path: string, connectionListener?: Function): Socket;
-    export function createConnection(options: { port: number, host?: string, localAddress? : string, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
-    export function createConnection(port: number, host?: string, connectionListener?: Function): Socket;
-    export function createConnection(path: string, connectionListener?: Function): Socket;
-    export function isIP(input: string): number;
-    export function isIPv4(input: string): boolean;
-    export function isIPv6(input: string): boolean;
-}
-
-declare module "dgram" {
-    import events = require("events");
-
-    interface RemoteInfo {
-        address: string;
-        port: number;
-        size: number;
-    }
-
-    interface AddressInfo {
-        address: string;
-        family: string;
-        port: number;
-    }
-
-    export function createSocket(type: string, callback?: (msg: Buffer, rinfo: RemoteInfo) => void): Socket;
-
-    interface Socket extends events.EventEmitter {
-        send(buf: Buffer, offset: number, length: number, port: number, address: string, callback?: (error: Error, bytes: number) => void): void;
-        bind(port: number, address?: string, callback?: () => void): void;
-        close(): void;
-        address(): AddressInfo;
-        setBroadcast(flag: boolean): void;
-        setMulticastTTL(ttl: number): void;
-        setMulticastLoopback(flag: boolean): void;
-        addMembership(multicastAddress: string, multicastInterface?: string): void;
-        dropMembership(multicastAddress: string, multicastInterface?: string): void;
-    }
-}
-
-declare module "fs" {
-    import stream = require("stream");
-    import events = require("events");
-
-    interface Stats {
-        isFile(): boolean;
-        isDirectory(): boolean;
-        isBlockDevice(): boolean;
-        isCharacterDevice(): boolean;
-        isSymbolicLink(): boolean;
-        isFIFO(): boolean;
-        isSocket(): boolean;
-        dev: number;
-        ino: number;
-        mode: number;
-        nlink: number;
-        uid: number;
-        gid: number;
-        rdev: number;
-        size: number;
-        blksize: number;
-        blocks: number;
-        atime: Date;
-        mtime: Date;
-        ctime: Date;
-    }
-
-    interface FSWatcher extends events.EventEmitter {
-        close(): void;
-    }
-
-    export interface ReadStream extends stream.Readable {
-        close(): void;
-    }
-    export interface WriteStream extends stream.Writable {
-        close(): void;
-        bytesWritten: number;
-    }
-
-    export function rename(oldPath: string, newPath: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function renameSync(oldPath: string, newPath: string): void;
-    export function truncate(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function truncate(path: string, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function truncateSync(path: string, len?: number): void;
-    export function ftruncate(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function ftruncate(fd: number, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function ftruncateSync(fd: number, len?: number): void;
-    export function chown(path: string, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chownSync(path: string, uid: number, gid: number): void;
-    export function fchown(fd: number, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchownSync(fd: number, uid: number, gid: number): void;
-    export function lchown(path: string, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchownSync(path: string, uid: number, gid: number): void;
-    export function chmod(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chmod(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chmodSync(path: string, mode: number): void;
-    export function chmodSync(path: string, mode: string): void;
-    export function fchmod(fd: number, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchmod(fd: number, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchmodSync(fd: number, mode: number): void;
-    export function fchmodSync(fd: number, mode: string): void;
-    export function lchmod(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchmod(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchmodSync(path: string, mode: number): void;
-    export function lchmodSync(path: string, mode: string): void;
-    export function stat(path: string, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function lstat(path: string, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function fstat(fd: number, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function statSync(path: string): Stats;
-    export function lstatSync(path: string): Stats;
-    export function fstatSync(fd: number): Stats;
-    export function link(srcpath: string, dstpath: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function linkSync(srcpath: string, dstpath: string): void;
-    export function symlink(srcpath: string, dstpath: string, type?: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function symlinkSync(srcpath: string, dstpath: string, type?: string): void;
-    export function readlink(path: string, callback?: (err: NodeJS.ErrnoException, linkString: string) => any): void;
-    export function readlinkSync(path: string): string;
-    export function realpath(path: string, callback?: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
-    export function realpath(path: string, cache: {[path: string]: string}, callback: (err: NodeJS.ErrnoException, resolvedPath: string) =>any): void;
-    export function realpathSync(path: string, cache?: {[path: string]: string}): string;
-    export function unlink(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function unlinkSync(path: string): void;
-    export function rmdir(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function rmdirSync(path: string): void;
-    export function mkdir(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdir(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdir(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdirSync(path: string, mode?: number): void;
-    export function mkdirSync(path: string, mode?: string): void;
-    export function readdir(path: string, callback?: (err: NodeJS.ErrnoException, files: string[]) => void): void;
-    export function readdirSync(path: string): string[];
-    export function close(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function closeSync(fd: number): void;
-    export function open(path: string, flags: string, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function open(path: string, flags: string, mode: number, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function open(path: string, flags: string, mode: string, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function openSync(path: string, flags: string, mode?: number): number;
-    export function openSync(path: string, flags: string, mode?: string): number;
-    export function utimes(path: string, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function utimes(path: string, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function utimesSync(path: string, atime: number, mtime: number): void;
-    export function utimesSync(path: string, atime: Date, mtime: Date): void;
-    export function futimes(fd: number, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function futimes(fd: number, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function futimesSync(fd: number, atime: number, mtime: number): void;
-    export function futimesSync(fd: number, atime: Date, mtime: Date): void;
-    export function fsync(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fsyncSync(fd: number): void;
-    export function write(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
-    export function writeSync(fd: number, buffer: Buffer, offset: number, length: number, position: number): number;
-    export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
-    export function readSync(fd: number, buffer: Buffer, offset: number, length: number, position?: number): number;
-    export function readFile(filename: string, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-    export function readFile(filename: string, options: { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-    export function readFile(filename: string, options: { flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-    export function readFile(filename: string, callback: (err: NodeJS.ErrnoException, data: Buffer) => void ): void;
-    export function readFileSync(filename: string, encoding: string): string;
-    export function readFileSync(filename: string, options: { encoding: string; flag?: string; }): string;
-    export function readFileSync(filename: string, options?: { flag?: string; }): Buffer;
-    export function writeFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
-    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
-    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
-    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
-    export function watchFile(filename: string, listener: (curr: Stats, prev: Stats) => void): void;
-    export function watchFile(filename: string, options: { persistent?: boolean; interval?: number; }, listener: (curr: Stats, prev: Stats) => void): void;
-    export function unwatchFile(filename: string, listener?: (curr: Stats, prev: Stats) => void): void;
-    export function watch(filename: string, listener?: (event: string, filename: string) => any): FSWatcher;
-    export function watch(filename: string, options: { persistent?: boolean; }, listener?: (event: string, filename: string) => any): FSWatcher;
-    export function exists(path: string, callback?: (exists: boolean) => void): void;
-    export function existsSync(path: string): boolean;
-    export function createReadStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        fd?: string;
-        mode?: number;
-        bufferSize?: number;
-    }): ReadStream;
-    export function createReadStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        fd?: string;
-        mode?: string;
-        bufferSize?: number;
-    }): ReadStream;
-    export function createWriteStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        string?: string;
-    }): WriteStream;
-}
-
-declare module "path" {
-    export function normalize(p: string): string;
-    export function join(...paths: any[]): string;
-    export function resolve(...pathSegments: any[]): string;
-    export function relative(from: string, to: string): string;
-    export function dirname(p: string): string;
-    export function basename(p: string, ext?: string): string;
-    export function extname(p: string): string;
-    export var sep: string;
-}
-
-declare module "string_decoder" {
-    export interface NodeStringDecoder {
-        write(buffer: Buffer): string;
-        end(): string;
-    }
-    export var StringDecoder: {
-        new (encoding?: string): NodeStringDecoder;
-    };
-}
-
-declare module "tls" {
-    import crypto = require("crypto");
-    import net = require("net");
-    import stream = require("stream");
-
-    var CLIENT_RENEG_LIMIT: number;
-    var CLIENT_RENEG_WINDOW: number;
-
-    export interface TlsOptions {
-        pfx?: any;   //string or buffer
-        key?: any;   //string or buffer
-        passphrase?: string;
-        cert?: any;
-        ca?: any;    //string or buffer
-        crl?: any;   //string or string array
-        ciphers?: string;
-        honorCipherOrder?: any;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //array or Buffer;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface ConnectionOptions {
-        host?: string;
-        port?: number;
-        socket?: net.Socket;
-        pfx?: any;   //string | Buffer
-        key?: any;   //string | Buffer
-        passphrase?: string;
-        cert?: any;  //string | Buffer
-        ca?: any;    //Array of string | Buffer
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //Array of string | Buffer
-        servername?: string;
-    }
-
-    export interface Server extends net.Server {
-        // Extended base methods
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
-        listen(path: string, listeningListener?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-
-        listen(port: number, host?: string, callback?: Function): Server;
-        close(): Server;
-        address(): { port: number; family: string; address: string; };
-        addContext(hostName: string, credentials: {
-            key: string;
-            cert: string;
-            ca: string;
-        }): void;
-        maxConnections: number;
-        connections: number;
-    }
-
-    export interface ClearTextStream extends stream.Duplex {
-        authorized: boolean;
-        authorizationError: Error;
-        getPeerCertificate(): any;
-        getCipher: {
-            name: string;
-            version: string;
-        };
-        address: {
-            port: number;
-            family: string;
-            address: string;
-        };
-        remoteAddress: string;
-        remotePort: number;
-    }
-
-    export interface SecurePair {
-        encrypted: any;
-        cleartext: any;
-    }
-
-    export function createServer(options: TlsOptions, secureConnectionListener?: (cleartextStream: ClearTextStream) =>void ): Server;
-    export function connect(options: TlsOptions, secureConnectionListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, host?: string, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function createSecurePair(credentials?: crypto.Credentials, isServer?: boolean, requestCert?: boolean, rejectUnauthorized?: boolean): SecurePair;
-}
-
-declare module "crypto" {
-    export interface CredentialDetails {
-        pfx: string;
-        key: string;
-        passphrase: string;
-        cert: string;
-        ca: any;    //string | string array
-        crl: any;   //string | string array
-        ciphers: string;
-    }
-    export interface Credentials { context?: any; }
-    export function createCredentials(details: CredentialDetails): Credentials;
-    export function createHash(algorithm: string): Hash;
-    export function createHmac(algorithm: string, key: string): Hmac;
-    export function createHmac(algorithm: string, key: Buffer): Hmac;
-    interface Hash {
-        update(data: any, input_encoding?: string): Hash;
-        digest(encoding: 'buffer'): Buffer;
-        digest(encoding: string): any;
-        digest(): Buffer;
-    }
-    interface Hmac {
-        update(data: any, input_encoding?: string): Hmac;
-        digest(encoding: 'buffer'): Buffer;
-        digest(encoding: string): any;
-        digest(): Buffer;
-    }
-    export function createCipher(algorithm: string, password: any): Cipher;
-    export function createCipheriv(algorithm: string, key: any, iv: any): Cipher;
-    interface Cipher {
-        update(data: Buffer): Buffer;
-        update(data: string, input_encoding?: string, output_encoding?: string): string;
-        final(): Buffer;
-        final(output_encoding: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-    }
-    export function createDecipher(algorithm: string, password: any): Decipher;
-    export function createDecipheriv(algorithm: string, key: any, iv: any): Decipher;
-    interface Decipher {
-        update(data: Buffer): Buffer;
-        update(data: string, input_encoding?: string, output_encoding?: string): string;
-        final(): Buffer;
-        final(output_encoding: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-    }
-    export function createSign(algorithm: string): Signer;
-    interface Signer {
-        update(data: any): void;
-        sign(private_key: string, output_format: string): string;
-    }
-    export function createVerify(algorith: string): Verify;
-    interface Verify {
-        update(data: any): void;
-        verify(object: string, signature: string, signature_format?: string): boolean;
-    }
-    export function createDiffieHellman(prime_length: number): DiffieHellman;
-    export function createDiffieHellman(prime: number, encoding?: string): DiffieHellman;
-    interface DiffieHellman {
-        generateKeys(encoding?: string): string;
-        computeSecret(other_public_key: string, input_encoding?: string, output_encoding?: string): string;
-        getPrime(encoding?: string): string;
-        getGenerator(encoding: string): string;
-        getPublicKey(encoding?: string): string;
-        getPrivateKey(encoding?: string): string;
-        setPublicKey(public_key: string, encoding?: string): void;
-        setPrivateKey(public_key: string, encoding?: string): void;
-    }
-    export function getDiffieHellman(group_name: string): DiffieHellman;
-    export function pbkdf2(password: string|Buffer, salt: string|Buffer, iterations: number, keylen: number, callback: (err: Error, derivedKey: Buffer) => any): void;
-    export function pbkdf2Sync(password: string|Buffer, salt: string|Buffer, iterations: number, keylen: number) : Buffer;
-    export function randomBytes(size: number): Buffer;
-    export function randomBytes(size: number, callback: (err: Error, buf: Buffer) =>void ): void;
-    export function pseudoRandomBytes(size: number): Buffer;
-    export function pseudoRandomBytes(size: number, callback: (err: Error, buf: Buffer) =>void ): void;
-}
-
-declare module "stream" {
-    import events = require("events");
-
-    export interface Stream extends events.EventEmitter {
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-    }
-
-    export interface ReadableOptions {
-        highWaterMark?: number;
-        encoding?: string;
-        objectMode?: boolean;
-    }
-
-    export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
-        readable: boolean;
-        constructor(opts?: ReadableOptions);
-        protected _read(size: number): void;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
-        push(chunk: any, encoding?: string): boolean;
-    }
-
-    export interface WritableOptions {
-        highWaterMark?: number;
-        decodeStrings?: boolean;
-        objectMode?: boolean;
-    }
-
-    export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
-        writable: boolean;
-        constructor(opts?: WritableOptions);
-        protected _write(data: Buffer, encoding: string, callback: Function): void;
-        protected _write(data: string, encoding: string, callback: Function): void;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface DuplexOptions extends ReadableOptions, WritableOptions {
-        allowHalfOpen?: boolean;
-    }
-
-    // Note: Duplex extends both Readable and Writable.
-    export class Duplex extends Readable implements NodeJS.ReadWriteStream {
-        writable: boolean;
-        constructor(opts?: DuplexOptions);
-        protected _write(data: Buffer, encoding: string, callback: Function): void;
-        protected _write(data: string, encoding: string, callback: Function): void;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface TransformOptions extends ReadableOptions, WritableOptions {}
-
-    // Note: Transform lacks the _read and _write methods of Readable/Writable.
-    export class Transform extends events.EventEmitter implements NodeJS.ReadWriteStream {
-        readable: boolean;
-        writable: boolean;
-        constructor(opts?: TransformOptions);
-        protected _transform(chunk: Buffer, encoding: string, callback: Function): void;
-        protected _transform(chunk: string, encoding: string, callback: Function): void;
-        protected _flush(callback: Function): void;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
-        push(chunk: any, encoding?: string): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export class PassThrough extends Transform {}
-}
-
-declare module "util" {
-    export interface InspectOptions {
-        showHidden?: boolean;
-        depth?: number;
-        colors?: boolean;
-        customInspect?: boolean;
-    }
-
-    export function format(format: any, ...param: any[]): string;
-    export function debug(string: string): void;
-    export function error(...param: any[]): void;
-    export function puts(...param: any[]): void;
-    export function print(...param: any[]): void;
-    export function log(string: string): void;
-    export function inspect(object: any, showHidden?: boolean, depth?: number, color?: boolean): string;
-    export function inspect(object: any, options: InspectOptions): string;
-    export function isArray(object: any): boolean;
-    export function isRegExp(object: any): boolean;
-    export function isDate(object: any): boolean;
-    export function isError(object: any): boolean;
-    export function inherits(constructor: any, superConstructor: any): void;
-}
-
-declare module "assert" {
-    function internal (value: any, message?: string): void;
-    namespace internal {
-        export class AssertionError implements Error {
-            name: string;
-            message: string;
-            actual: any;
-            expected: any;
-            operator: string;
-            generatedMessage: boolean;
-
-            constructor(options?: {message?: string; actual?: any; expected?: any;
-                                  operator?: string; stackStartFunction?: Function});
-        }
-
-        export function fail(actual?: any, expected?: any, message?: string, operator?: string): void;
-        export function ok(value: any, message?: string): void;
-        export function equal(actual: any, expected: any, message?: string): void;
-        export function notEqual(actual: any, expected: any, message?: string): void;
-        export function deepEqual(actual: any, expected: any, message?: string): void;
-        export function notDeepEqual(acutal: any, expected: any, message?: string): void;
-        export function strictEqual(actual: any, expected: any, message?: string): void;
-        export function notStrictEqual(actual: any, expected: any, message?: string): void;
-        export var throws: {
-            (block: Function, message?: string): void;
-            (block: Function, error: Function, message?: string): void;
-            (block: Function, error: RegExp, message?: string): void;
-            (block: Function, error: (err: any) => boolean, message?: string): void;
-        };
-
-        export var doesNotThrow: {
-            (block: Function, message?: string): void;
-            (block: Function, error: Function, message?: string): void;
-            (block: Function, error: RegExp, message?: string): void;
-            (block: Function, error: (err: any) => boolean, message?: string): void;
-        };
-
-        export function ifError(value: any): void;
-    }
-
-    export = internal;
-}
-
-declare module "tty" {
-    import net = require("net");
-
-    export function isatty(fd: number): boolean;
-    export interface ReadStream extends net.Socket {
-        isRaw: boolean;
-        setRawMode(mode: boolean): void;
-    }
-    export interface WriteStream extends net.Socket {
-        columns: number;
-        rows: number;
-    }
-}
-
-declare module "domain" {
-    import events = require("events");
-
-    export class Domain extends events.EventEmitter {
-        run(fn: Function): void;
-        add(emitter: events.EventEmitter): void;
-        remove(emitter: events.EventEmitter): void;
-        bind(cb: (err: Error, data: any) => any): any;
-        intercept(cb: (data: any) => any): any;
-        dispose(): void;
-    }
-
-    export function create(): Domain;
-}
diff --git a/node/node-0.11-tests.ts b/node/node-0.11-tests.ts
deleted file mode 100644
index 95f329ac45..0000000000
--- a/node/node-0.11-tests.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-
-
-import assert = require("assert");
-import fs = require("fs");
-import events = require("events");
-import zlib = require("zlib");
-import url = require('url');
-import util = require("util");
-import crypto = require("crypto");
-import http = require("http");
-import net = require("net");
-import dgram = require("dgram");
-import querystring = require('querystring');
-import readline = require('readline');
-import string_decoder = require('string_decoder');
-
-assert(1 + 1 - 2 === 0, "The universe isn't how it should.");
-
-assert.deepEqual({ x: { y: 3 } }, { x: { y: 3 } }, "DEEP WENT DERP");
-
-assert.equal(3, "3", "uses == comparator");
-
-assert.notStrictEqual(2, "2", "uses === comparator");
-
-assert.throws(() => { throw "a hammer at your face"; }, undefined, "DODGED IT");
-
-assert.doesNotThrow(() => {
-    const b = false;
-    if (b) { throw "a hammer at your face"; }
-}, undefined, "What the...*crunch*");
-
-////////////////////////////////////////////////////
-/// File system tests : http://nodejs.org/api/fs.html
-////////////////////////////////////////////////////
-fs.writeFile("thebible.txt",
-    "Do unto others as you would have them do unto you.",
-    assert.ifError);
-
-fs.writeFile("Harry Potter",
-    "\"You be wizzing, Harry,\" jived Dumbledore.",
-    {
-        encoding: "ascii"
-    },
-    assert.ifError);
-
-var content: string,
-    buffer: Buffer;
-
-content = fs.readFileSync('testfile', 'utf8');
-content = fs.readFileSync('testfile', {encoding : 'utf8'});
-buffer = fs.readFileSync('testfile');
-buffer = fs.readFileSync('testfile', {flag : 'r'});
-fs.readFile('testfile', 'utf8', (err, data) => content = data);
-fs.readFile('testfile', {encoding : 'utf8'}, (err, data) => content = data);
-fs.readFile('testfile', (err, data) => buffer = data);
-fs.readFile('testfile', {flag : 'r'}, (err, data) => buffer = data);
-
-class Networker extends events.EventEmitter {
-    constructor() {
-        super();
-
-        this.emit("mingling");
-    }
-}
-
-var errno: number;
-fs.readFile('testfile', (err, data) => {
-    if (err && err.errno) {
-        errno = err.errno;
-    }
-});
-
-url.format(url.parse('http://www.example.com/xyz'));
-
-// https://google.com/search?q=you're%20a%20lizard%2C%20gary
-url.format({
-    protocol: 'https',
-    host: "google.com",
-    pathname: 'search',
-    query: { q: "you're a lizard, gary" }
-});
-
-// Old and new util.inspect APIs
-util.inspect(["This is nice"], false, 5);
-util.inspect(["This is nice"], { colors: true, depth: 5, customInspect: false });
-
-////////////////////////////////////////////////////
-/// Stream tests : http://nodejs.org/api/stream.html
-////////////////////////////////////////////////////
-
-// http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-function stream_readable_pipe_test() {
-    var r = fs.createReadStream('file.txt');
-    var z = zlib.createGzip();
-    var w = fs.createWriteStream('file.txt.gz');
-    r.pipe(z).pipe(w);
-}
-
-////////////////////////////////////////////////////
-/// Crypto tests : http://nodejs.org/api/crypto.html
-////////////////////////////////////////////////////
-
-var hmacResult: string = crypto.createHmac('md5', 'hello').update('world').digest('hex');
-
-////////////////////////////////////////////////////
-
-// Make sure .listen() and .close() retuern a Server instance
-http.createServer().listen(0).close().address();
-net.createServer().listen(0).close().address();
-
-var request = http.request('http://0.0.0.0');
-request.once('error', function () {});
-request.setNoDelay(true);
-request.abort();
-
-////////////////////////////////////////////////////
-/// Http tests : http://nodejs.org/api/http.html
-////////////////////////////////////////////////////
-namespace http_tests {
-    // Status codes
-    var code = 100;
-    var codeMessage = http.STATUS_CODES['400'];
-    var codeMessage = http.STATUS_CODES[400];
-}
-
-////////////////////////////////////////////////////
-/// string_decoder tests : https://nodejs.org/api/string_decoder.html
-////////////////////////////////////////////////////
-
-namespace string_decoder_tests {
-    var StringDecoder = string_decoder.StringDecoder;
-    var buffer = new Buffer('test');
-    var decoder = new StringDecoder('utf8');
-    var part: string = decoder.write(new Buffer('test'));
-    var end: string = decoder.end();
-}
-
-////////////////////////////////////////////////////
-/// Dgram tests : http://nodejs.org/api/dgram.html
-////////////////////////////////////////////////////
-
-var ds: dgram.Socket = dgram.createSocket("udp4", (msg: Buffer, rinfo: dgram.RemoteInfo): void => {
-});
-var ai: dgram.AddressInfo = ds.address();
-ds.send(new Buffer("hello"), 0, 5, 5000, "127.0.0.1", (error: Error, bytes: number): void => {
-});
-
-////////////////////////////////////////////////////
-///Querystring tests : https://gist.github.com/musubu/2202583
-////////////////////////////////////////////////////
-
-var original: string = 'http://example.com/product/abcde.html';
-var escaped: string = querystring.escape(original);
-console.log(escaped);
-// http%3A%2F%2Fexample.com%2Fproduct%2Fabcde.html
-var unescaped: string = querystring.unescape(escaped);
-console.log(unescaped);
-// http://example.com/product/abcde.html
-
-////////////////////////////////////////////////////
-///ReadLine tests : https://nodejs.org/docs/v0.11.0/api/readline.html
-////////////////////////////////////////////////////
-
-var rl = readline.createInterface({
-  input: process.stdin,
-  output: process.stdout,
-});
-
-rl.setPrompt("$>");
-rl.prompt();
-rl.prompt(true);
-
-rl.question("do you like typescript?", function(answer: string) {
-  rl.close();
-});
diff --git a/node/node-0.11.d.ts b/node/node-0.11.d.ts
deleted file mode 100644
index 22a94069a6..0000000000
--- a/node/node-0.11.d.ts
+++ /dev/null
@@ -1,1365 +0,0 @@
-// Type definitions for Node.js v0.11.13
-// Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/************************************************
-*                                               *
-*               Node.js v0.11.13 API            *
-*                                               *
-************************************************/
-
-/************************************************
-*                                               *
-*                   GLOBAL                      *
-*                                               *
-************************************************/
-declare var process: NodeJS.Process;
-declare var global: any;
-
-declare var __filename: string;
-declare var __dirname: string;
-
-declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-declare function clearTimeout(timeoutId: NodeJS.Timer): void;
-declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;
-declare function clearInterval(intervalId: NodeJS.Timer): void;
-declare function setImmediate(callback: (...args: any[]) => void, ...args: any[]): any;
-declare function clearImmediate(immediateId: any): void;
-
-declare var require: {
-    (id: string): any;
-    resolve(id:string): string;
-    cache: any;
-    extensions: any;
-    main: any;
-};
-
-declare var module: {
-    exports: any;
-    require(id: string): any;
-    id: string;
-    filename: string;
-    loaded: boolean;
-    parent: any;
-    children: any[];
-};
-
-// Same as module.exports
-declare var exports: any;
-declare var SlowBuffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (size: Uint8Array): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-};
-
-
-// Buffer class
-interface Buffer extends NodeBuffer {}
-declare var Buffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (size: Uint8Array): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-};
-
-/************************************************
-*                                               *
-*               GLOBAL INTERFACES               *
-*                                               *
-************************************************/
-declare namespace NodeJS {
-    export interface ErrnoException extends Error {
-        errno?: number;
-        code?: string;
-        path?: string;
-        syscall?: string;
-        stack?: string;
-    }
-
-    export interface EventEmitter {
-        addListener(event: string, listener: Function): this;
-        on(event: string, listener: Function): this;
-        once(event: string, listener: Function): this;
-        removeListener(event: string, listener: Function): this;
-        removeAllListeners(event?: string): this;
-        setMaxListeners(n: number): void;
-        listeners(event: string): Function[];
-        emit(event: string, ...args: any[]): boolean;
-    }
-
-    export interface ReadableStream extends EventEmitter {
-        readable: boolean;
-        isTTY?: boolean;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: ReadableStream): ReadableStream;
-    }
-
-    export interface WritableStream extends EventEmitter {
-        writable: boolean;
-        isTTY?: boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface ReadWriteStream extends ReadableStream, WritableStream {}
-
-    export interface Process extends EventEmitter {
-        stdout: WritableStream;
-        stderr: WritableStream;
-        stdin: ReadableStream;
-        argv: string[];
-        execPath: string;
-        abort(): void;
-        chdir(directory: string): void;
-        cwd(): string;
-        env: any;
-        exit(code?: number): void;
-        getgid(): number;
-        setgid(id: number): void;
-        setgid(id: string): void;
-        getuid(): number;
-        setuid(id: number): void;
-        setuid(id: string): void;
-        version: string;
-        versions: {
-            http_parser: string;
-            node: string;
-            v8: string;
-            ares: string;
-            uv: string;
-            zlib: string;
-            openssl: string;
-        };
-        config: {
-            target_defaults: {
-                cflags: any[];
-                default_configuration: string;
-                defines: string[];
-                include_dirs: string[];
-                libraries: string[];
-            };
-            variables: {
-                clang: number;
-                host_arch: string;
-                node_install_npm: boolean;
-                node_install_waf: boolean;
-                node_prefix: string;
-                node_shared_openssl: boolean;
-                node_shared_v8: boolean;
-                node_shared_zlib: boolean;
-                node_use_dtrace: boolean;
-                node_use_etw: boolean;
-                node_use_openssl: boolean;
-                target_arch: string;
-                v8_no_strict_aliasing: number;
-                v8_use_snapshot: boolean;
-                visibility: string;
-            };
-        };
-        kill(pid:number, signal?: string|number): void;
-        pid: number;
-        title: string;
-        arch: string;
-        platform: string;
-        memoryUsage(): { rss: number; heapTotal: number; heapUsed: number; };
-        nextTick(callback: Function): void;
-        umask(mask?: number): number;
-        uptime(): number;
-        hrtime(time?:number[]): number[];
-
-        // Worker
-        send?(message: any, sendHandle?: any): void;
-    }
-
-    export interface Timer {
-        ref() : void;
-        unref() : void;
-    }
-}
-
-/**
- * @deprecated
- */
-interface NodeBuffer {
-    [index: number]: number;
-    write(string: string, offset?: number, length?: number, encoding?: string): number;
-    toString(encoding?: string, start?: number, end?: number): string;
-    toJSON(): any;
-    length: number;
-    copy(targetBuffer: Buffer, targetStart?: number, sourceStart?: number, sourceEnd?: number): number;
-    slice(start?: number, end?: number): Buffer;
-    readUInt8(offset: number, noAssert?: boolean): number;
-    readUInt16LE(offset: number, noAssert?: boolean): number;
-    readUInt16BE(offset: number, noAssert?: boolean): number;
-    readUInt32LE(offset: number, noAssert?: boolean): number;
-    readUInt32BE(offset: number, noAssert?: boolean): number;
-    readInt8(offset: number, noAssert?: boolean): number;
-    readInt16LE(offset: number, noAssert?: boolean): number;
-    readInt16BE(offset: number, noAssert?: boolean): number;
-    readInt32LE(offset: number, noAssert?: boolean): number;
-    readInt32BE(offset: number, noAssert?: boolean): number;
-    readFloatLE(offset: number, noAssert?: boolean): number;
-    readFloatBE(offset: number, noAssert?: boolean): number;
-    readDoubleLE(offset: number, noAssert?: boolean): number;
-    readDoubleBE(offset: number, noAssert?: boolean): number;
-    writeUInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatLE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatBE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleLE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleBE(value: number, offset: number, noAssert?: boolean): void;
-    fill(value: any, offset?: number, end?: number): void;
-}
-
-/************************************************
-*                                               *
-*                   MODULES                     *
-*                                               *
-************************************************/
-declare module "buffer" {
-    export var INSPECT_MAX_BYTES: number;
-}
-
-declare module "querystring" {
-    export function stringify(obj: any, sep?: string, eq?: string): string;
-    export function parse(str: string, sep?: string, eq?: string, options?: { maxKeys?: number; }): any;
-    export function escape(str: string): string;
-    export function unescape(str: string): string;
-}
-
-declare module "events" {
-    export class EventEmitter implements NodeJS.EventEmitter {
-        static listenerCount(emitter: EventEmitter, event: string): number;
-
-        addListener(event: string, listener: Function): this;
-        on(event: string, listener: Function): this;
-        once(event: string, listener: Function): this;
-        removeListener(event: string, listener: Function): this;
-        removeAllListeners(event?: string): this;
-        setMaxListeners(n: number): void;
-        listeners(event: string): Function[];
-        emit(event: string, ...args: any[]): boolean;
-   }
-}
-
-declare module "http" {
-    import events = require("events");
-    import net = require("net");
-    import stream = require("stream");
-
-    export interface Server extends events.EventEmitter {
-        listen(port: number, hostname?: string, backlog?: number, callback?: Function): Server;
-        listen(path: string, callback?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-        close(cb?: any): Server;
-        address(): { port: number; family: string; address: string; };
-        maxHeadersCount: number;
-    }
-    export interface ServerRequest extends events.EventEmitter, stream.Readable {
-        method: string;
-        url: string;
-        headers: any;
-        trailers: string;
-        httpVersion: string;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-        connection: net.Socket;
-    }
-    export interface ServerResponse extends events.EventEmitter, stream.Writable {
-        // Extended base methods
-        write(buffer: Buffer): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-
-        writeContinue(): void;
-        writeHead(statusCode: number, reasonPhrase?: string, headers?: any): void;
-        writeHead(statusCode: number, headers?: any): void;
-        statusCode: number;
-        setHeader(name: string, value: string): void;
-        sendDate: boolean;
-        getHeader(name: string): string;
-        removeHeader(name: string): void;
-        write(chunk: any, encoding?: string): any;
-        addTrailers(headers: any): void;
-
-        // Extended base methods
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-        end(data?: any, encoding?: string): void;
-    }
-    export interface ClientRequest extends events.EventEmitter, stream.Writable {
-        // Extended base methods
-        write(buffer: Buffer): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-
-        write(chunk: any, encoding?: string): void;
-        abort(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: boolean): void;
-        setSocketKeepAlive(enable?: boolean, initialDelay?: number): void;
-
-        // Extended base methods
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-        end(data?: any, encoding?: string): void;
-    }
-    export interface ClientResponse extends events.EventEmitter, stream.Readable {
-        statusCode: number;
-        httpVersion: string;
-        headers: any;
-        trailers: any;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-    }
-    export interface Agent { maxSockets: number; sockets: any; requests: any; }
-
-    export var STATUS_CODES: {
-        [errorCode: number]: string;
-        [errorCode: string]: string;
-    };
-    export function createServer(requestListener?: (request: ServerRequest, response: ServerResponse) =>void ): Server;
-    export function createClient(port?: number, host?: string): any;
-    export function request(options: any, callback?: Function): ClientRequest;
-    export function get(options: any, callback?: Function): ClientRequest;
-    export var globalAgent: Agent;
-}
-
-declare module "cluster" {
-    import child  = require("child_process");
-    import events = require("events");
-
-    export interface ClusterSettings {
-        exec?: string;
-        args?: string[];
-        silent?: boolean;
-    }
-
-    export class Worker extends events.EventEmitter {
-        id: string;
-        process: child.ChildProcess;
-        suicide: boolean;
-        send(message: any, sendHandle?: any): void;
-        kill(signal?: string): void;
-        destroy(signal?: string): void;
-        disconnect(): void;
-    }
-
-    export var settings: ClusterSettings;
-    export var isMaster: boolean;
-    export var isWorker: boolean;
-    export function setupMaster(settings?: ClusterSettings): void;
-    export function fork(env?: any): Worker;
-    export function disconnect(callback?: Function): void;
-    export var worker: Worker;
-    export var workers: Worker[];
-
-    // Event emitter
-    export function addListener(event: string, listener: Function): void;
-    export function on(event: string, listener: Function): any;
-    export function once(event: string, listener: Function): void;
-    export function removeListener(event: string, listener: Function): void;
-    export function removeAllListeners(event?: string): void;
-    export function setMaxListeners(n: number): void;
-    export function listeners(event: string): Function[];
-    export function emit(event: string, ...args: any[]): boolean;
-}
-
-declare module "zlib" {
-    import stream = require("stream");
-    export interface ZlibOptions { chunkSize?: number; windowBits?: number; level?: number; memLevel?: number; strategy?: number; dictionary?: any; }
-
-    export interface Gzip extends stream.Transform { }
-    export interface Gunzip extends stream.Transform { }
-    export interface Deflate extends stream.Transform { }
-    export interface Inflate extends stream.Transform { }
-    export interface DeflateRaw extends stream.Transform { }
-    export interface InflateRaw extends stream.Transform { }
-    export interface Unzip extends stream.Transform { }
-
-    export function createGzip(options?: ZlibOptions): Gzip;
-    export function createGunzip(options?: ZlibOptions): Gunzip;
-    export function createDeflate(options?: ZlibOptions): Deflate;
-    export function createInflate(options?: ZlibOptions): Inflate;
-    export function createDeflateRaw(options?: ZlibOptions): DeflateRaw;
-    export function createInflateRaw(options?: ZlibOptions): InflateRaw;
-    export function createUnzip(options?: ZlibOptions): Unzip;
-
-    export function deflate(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function deflateRaw(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function gzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function gunzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function inflate(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function inflateRaw(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-    export function unzip(buf: Buffer, callback: (error: Error, result: any) =>void ): void;
-
-    // Constants
-    export var Z_NO_FLUSH: number;
-    export var Z_PARTIAL_FLUSH: number;
-    export var Z_SYNC_FLUSH: number;
-    export var Z_FULL_FLUSH: number;
-    export var Z_FINISH: number;
-    export var Z_BLOCK: number;
-    export var Z_TREES: number;
-    export var Z_OK: number;
-    export var Z_STREAM_END: number;
-    export var Z_NEED_DICT: number;
-    export var Z_ERRNO: number;
-    export var Z_STREAM_ERROR: number;
-    export var Z_DATA_ERROR: number;
-    export var Z_MEM_ERROR: number;
-    export var Z_BUF_ERROR: number;
-    export var Z_VERSION_ERROR: number;
-    export var Z_NO_COMPRESSION: number;
-    export var Z_BEST_SPEED: number;
-    export var Z_BEST_COMPRESSION: number;
-    export var Z_DEFAULT_COMPRESSION: number;
-    export var Z_FILTERED: number;
-    export var Z_HUFFMAN_ONLY: number;
-    export var Z_RLE: number;
-    export var Z_FIXED: number;
-    export var Z_DEFAULT_STRATEGY: number;
-    export var Z_BINARY: number;
-    export var Z_TEXT: number;
-    export var Z_ASCII: number;
-    export var Z_UNKNOWN: number;
-    export var Z_DEFLATED: number;
-    export var Z_NULL: number;
-}
-
-declare module "os" {
-    export function tmpdir(): string;
-    export function hostname(): string;
-    export function type(): string;
-    export function platform(): string;
-    export function arch(): string;
-    export function release(): string;
-    export function uptime(): number;
-    export function loadavg(): number[];
-    export function totalmem(): number;
-    export function freemem(): number;
-    export function cpus(): { model: string; speed: number; times: { user: number; nice: number; sys: number; idle: number; irq: number; }; }[];
-    export function networkInterfaces(): any;
-    export var EOL: string;
-}
-
-declare module "https" {
-    import tls = require("tls");
-    import events = require("events");
-    import http = require("http");
-
-    export interface ServerOptions {
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        crl?: any;
-        ciphers?: string;
-        honorCipherOrder?: boolean;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface RequestOptions {
-        host?: string;
-        hostname?: string;
-        port?: number;
-        path?: string;
-        method?: string;
-        headers?: any;
-        auth?: string;
-        agent?: any;
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        ciphers?: string;
-        rejectUnauthorized?: boolean;
-    }
-
-    export interface Agent {
-        maxSockets: number;
-        sockets: any;
-        requests: any;
-    }
-    export var Agent: {
-        new (options?: RequestOptions): Agent;
-    };
-    export interface Server extends tls.Server { }
-    export function createServer(options: ServerOptions, requestListener?: Function): Server;
-    export function request(options: RequestOptions, callback?: (res: events.EventEmitter) =>void ): http.ClientRequest;
-    export function get(options: RequestOptions, callback?: (res: events.EventEmitter) =>void ): http.ClientRequest;
-    export var globalAgent: Agent;
-}
-
-declare module "punycode" {
-    export function decode(string: string): string;
-    export function encode(string: string): string;
-    export function toUnicode(domain: string): string;
-    export function toASCII(domain: string): string;
-    export var ucs2: ucs2;
-    interface ucs2 {
-        decode(string: string): string;
-        encode(codePoints: number[]): string;
-    }
-    export var version: any;
-}
-
-declare module "repl" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface ReplOptions {
-        prompt?: string;
-        input?: NodeJS.ReadableStream;
-        output?: NodeJS.WritableStream;
-        terminal?: boolean;
-        eval?: Function;
-        useColors?: boolean;
-        useGlobal?: boolean;
-        ignoreUndefined?: boolean;
-        writer?: Function;
-    }
-    export function start(options: ReplOptions): events.EventEmitter;
-}
-
-declare module "readline" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ReadLine extends events.EventEmitter {
-        setPrompt(prompt: string): void;
-        prompt(preserveCursor?: boolean): void;
-        question(query: string, callback: Function): void;
-        pause(): void;
-        resume(): void;
-        close(): void;
-        write(data: any, key?: any): void;
-    }
-    export interface ReadLineOptions {
-        input: NodeJS.ReadableStream;
-        output: NodeJS.WritableStream;
-        completer?: Function;
-        terminal?: boolean;
-    }
-    export function createInterface(options: ReadLineOptions): ReadLine;
-}
-
-declare module "vm" {
-    export interface Context { }
-    export interface Script {
-        runInThisContext(): void;
-        runInNewContext(sandbox?: Context): void;
-    }
-    export function runInThisContext(code: string, filename?: string): void;
-    export function runInNewContext(code: string, sandbox?: Context, filename?: string): void;
-    export function runInContext(code: string, context: Context, filename?: string): void;
-    export function createContext(initSandbox?: Context): Context;
-    export function createScript(code: string, filename?: string): Script;
-}
-
-declare module "child_process" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ChildProcess extends events.EventEmitter {
-        stdin:  stream.Writable;
-        stdout: stream.Readable;
-        stderr: stream.Readable;
-        pid: number;
-        kill(signal?: string): void;
-        send(message: any, sendHandle: any): void;
-        connected: boolean;
-        disconnect(): void;
-    }
-
-    export function spawn(command: string, args?: string[], options?: {
-        cwd?: string;
-        stdio?: any;
-        custom?: any;
-        env?: any;
-        detached?: boolean;
-    }): ChildProcess;
-    export function exec(command: string, options: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function exec(command: string, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function execFile(file: string, args: string[], options: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function fork(modulePath: string, args?: string[], options?: {
-        cwd?: string;
-        env?: any;
-        encoding?: string;
-    }): ChildProcess;
-}
-
-declare module "url" {
-    export interface Url {
-        href?: string;
-        protocol?: string;
-        auth?: string;
-        hostname?: string;
-        port?: string;
-        host?: string;
-        pathname?: string;
-        search?: string;
-        query?: any; // string | Object
-        slashes?: boolean;
-        hash?: string;
-        path?: string;
-    }
-
-    export function parse(urlStr: string, parseQueryString?: boolean , slashesDenoteHost?: boolean ): Url;
-    export function format(url: Url): string;
-    export function resolve(from: string, to: string): string;
-}
-
-declare module "dns" {
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) =>void ): string[];
-}
-
-declare module "net" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface Socket extends stream.Duplex {
-        // Extended base methods
-        write(buffer: Buffer): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-
-        connect(port: number, host?: string, connectionListener?: Function): void;
-        connect(path: string, connectionListener?: Function): void;
-        bufferSize: number;
-        setEncoding(encoding?: string): void;
-        write(data: any, encoding?: string, callback?: Function): void;
-        destroy(): void;
-        pause(): void;
-        resume(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: boolean): void;
-        setKeepAlive(enable?: boolean, initialDelay?: number): void;
-        address(): { port: number; family: string; address: string; };
-        remoteAddress: string;
-        remotePort: number;
-        bytesRead: number;
-        bytesWritten: number;
-
-        // Extended base methods
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-        end(data?: any, encoding?: string): void;
-    }
-
-    export var Socket: {
-        new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
-    };
-
-    export interface Server extends events.EventEmitter {
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
-        listen(path: string, listeningListener?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-        close(callback?: Function): Server;
-        address(): { port: number; family: string; address: string; };
-        maxConnections: number;
-        connections: number;
-
-        /**
-         * events.EventEmitter
-         *   1. close
-         *   2. connection
-         *   3. error
-         *   4. listening
-         */
-        addListener(event: string, listener: Function): this;
-        addListener(event: "close", listener: () => void): this;
-        addListener(event: "connection", listener: (socket: Socket) => void): this;
-        addListener(event: "error", listener: (err: Error) => void): this;
-        addListener(event: "listening", listener: () => void): this;
-
-        emit(event: string, ...args: any[]): boolean;
-        emit(event: "close"): boolean;
-        emit(event: "connection", socket: Socket): boolean;
-        emit(event: "error", err: Error): boolean;
-        emit(event: "listening"): boolean;
-
-        on(event: string, listener: Function): this;
-        on(event: "close", listener: () => void): this;
-        on(event: "connection", listener: (socket: Socket) => void): this;
-        on(event: "error", listener: (err: Error) => void): this;
-        on(event: "listening", listener: () => void): this;
-
-        once(event: string, listener: Function): this;
-        once(event: "close", listener: () => void): this;
-        once(event: "connection", listener: (socket: Socket) => void): this;
-        once(event: "error", listener: (err: Error) => void): this;
-        once(event: "listening", listener: () => void): this;
-
-        prependListener(event: string, listener: Function): this;
-        prependListener(event: "close", listener: () => void): this;
-        prependListener(event: "connection", listener: (socket: Socket) => void): this;
-        prependListener(event: "error", listener: (err: Error) => void): this;
-        prependListener(event: "listening", listener: () => void): this;
-
-        prependOnceListener(event: string, listener: Function): this;
-        prependOnceListener(event: "close", listener: () => void): this;
-        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
-        prependOnceListener(event: "error", listener: (err: Error) => void): this;
-        prependOnceListener(event: "listening", listener: () => void): this;
-    }
-    export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
-    export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
-    export function connect(options: { port: number, host?: string, localAddress? : string, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
-    export function connect(port: number, host?: string, connectionListener?: Function): Socket;
-    export function connect(path: string, connectionListener?: Function): Socket;
-    export function createConnection(options: { port: number, host?: string, localAddress? : string, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
-    export function createConnection(port: number, host?: string, connectionListener?: Function): Socket;
-    export function createConnection(path: string, connectionListener?: Function): Socket;
-    export function isIP(input: string): number;
-    export function isIPv4(input: string): boolean;
-    export function isIPv6(input: string): boolean;
-}
-
-declare module "dgram" {
-    import events = require("events");
-
-    interface RemoteInfo {
-        address: string;
-        port: number;
-        size: number;
-    }
-
-    interface AddressInfo {
-        address: string;
-        family: string;
-        port: number;
-    }
-
-    export function createSocket(type: string, callback?: (msg: Buffer, rinfo: RemoteInfo) => void): Socket;
-
-    interface Socket extends events.EventEmitter {
-        send(buf: Buffer, offset: number, length: number, port: number, address: string, callback?: (error: Error, bytes: number) => void): void;
-        bind(port: number, address?: string, callback?: () => void): void;
-        close(): void;
-        address(): AddressInfo;
-        setBroadcast(flag: boolean): void;
-        setMulticastTTL(ttl: number): void;
-        setMulticastLoopback(flag: boolean): void;
-        addMembership(multicastAddress: string, multicastInterface?: string): void;
-        dropMembership(multicastAddress: string, multicastInterface?: string): void;
-    }
-}
-
-declare module "fs" {
-    import stream = require("stream");
-    import events = require("events");
-
-    interface Stats {
-        isFile(): boolean;
-        isDirectory(): boolean;
-        isBlockDevice(): boolean;
-        isCharacterDevice(): boolean;
-        isSymbolicLink(): boolean;
-        isFIFO(): boolean;
-        isSocket(): boolean;
-        dev: number;
-        ino: number;
-        mode: number;
-        nlink: number;
-        uid: number;
-        gid: number;
-        rdev: number;
-        size: number;
-        blksize: number;
-        blocks: number;
-        atime: Date;
-        mtime: Date;
-        ctime: Date;
-    }
-
-    interface FSWatcher extends events.EventEmitter {
-        close(): void;
-    }
-
-    export interface ReadStream extends stream.Readable {}
-    export interface WriteStream extends stream.Writable {}
-
-    export function rename(oldPath: string, newPath: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function renameSync(oldPath: string, newPath: string): void;
-    export function truncate(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function truncate(path: string, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function truncateSync(path: string, len?: number): void;
-    export function ftruncate(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function ftruncate(fd: number, len: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function ftruncateSync(fd: number, len?: number): void;
-    export function chown(path: string, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chownSync(path: string, uid: number, gid: number): void;
-    export function fchown(fd: number, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchownSync(fd: number, uid: number, gid: number): void;
-    export function lchown(path: string, uid: number, gid: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchownSync(path: string, uid: number, gid: number): void;
-    export function chmod(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chmod(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function chmodSync(path: string, mode: number): void;
-    export function chmodSync(path: string, mode: string): void;
-    export function fchmod(fd: number, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchmod(fd: number, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fchmodSync(fd: number, mode: number): void;
-    export function fchmodSync(fd: number, mode: string): void;
-    export function lchmod(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchmod(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function lchmodSync(path: string, mode: number): void;
-    export function lchmodSync(path: string, mode: string): void;
-    export function stat(path: string, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function lstat(path: string, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function fstat(fd: number, callback?: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
-    export function statSync(path: string): Stats;
-    export function lstatSync(path: string): Stats;
-    export function fstatSync(fd: number): Stats;
-    export function link(srcpath: string, dstpath: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function linkSync(srcpath: string, dstpath: string): void;
-    export function symlink(srcpath: string, dstpath: string, type?: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function symlinkSync(srcpath: string, dstpath: string, type?: string): void;
-    export function readlink(path: string, callback?: (err: NodeJS.ErrnoException, linkString: string) => any): void;
-    export function readlinkSync(path: string): string;
-    export function realpath(path: string, callback?: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
-    export function realpath(path: string, cache: {[path: string]: string}, callback: (err: NodeJS.ErrnoException, resolvedPath: string) =>any): void;
-    export function realpathSync(path: string, cache?: {[path: string]: string}): string;
-    export function unlink(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function unlinkSync(path: string): void;
-    export function rmdir(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function rmdirSync(path: string): void;
-    export function mkdir(path: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdir(path: string, mode: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdir(path: string, mode: string, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function mkdirSync(path: string, mode?: number): void;
-    export function mkdirSync(path: string, mode?: string): void;
-    export function readdir(path: string, callback?: (err: NodeJS.ErrnoException, files: string[]) => void): void;
-    export function readdirSync(path: string): string[];
-    export function close(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function closeSync(fd: number): void;
-    export function open(path: string, flags: string, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function open(path: string, flags: string, mode: number, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function open(path: string, flags: string, mode: string, callback?: (err: NodeJS.ErrnoException, fd: number) => any): void;
-    export function openSync(path: string, flags: string, mode?: number): number;
-    export function openSync(path: string, flags: string, mode?: string): number;
-    export function utimes(path: string, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function utimes(path: string, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function utimesSync(path: string, atime: number, mtime: number): void;
-    export function utimesSync(path: string, atime: Date, mtime: Date): void;
-    export function futimes(fd: number, atime: number, mtime: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function futimes(fd: number, atime: Date, mtime: Date, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function futimesSync(fd: number, atime: number, mtime: number): void;
-    export function futimesSync(fd: number, atime: Date, mtime: Date): void;
-    export function fsync(fd: number, callback?: (err?: NodeJS.ErrnoException) => void): void;
-    export function fsyncSync(fd: number): void;
-    export function write(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
-    export function writeSync(fd: number, buffer: Buffer, offset: number, length: number, position: number): number;
-    export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
-    export function readSync(fd: number, buffer: Buffer, offset: number, length: number, position?: number): number;
-    export function readFile(filename: string, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-    export function readFile(filename: string, options: { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-    export function readFile(filename: string, options: { flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-    export function readFile(filename: string, callback: (err: NodeJS.ErrnoException, data: Buffer) => void ): void;
-    export function readFileSync(filename: string, encoding: string): string;
-    export function readFileSync(filename: string, options: { encoding: string; flag?: string; }): string;
-    export function readFileSync(filename: string, options?: { flag?: string; }): Buffer;
-    export function writeFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
-    export function writeFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
-    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: string; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFile(filename: string, data: any, callback?: (err: NodeJS.ErrnoException) => void): void;
-    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): void;
-    export function appendFileSync(filename: string, data: any, options?: { encoding?: string; mode?: string; flag?: string; }): void;
-    export function watchFile(filename: string, listener: (curr: Stats, prev: Stats) => void): void;
-    export function watchFile(filename: string, options: { persistent?: boolean; interval?: number; }, listener: (curr: Stats, prev: Stats) => void): void;
-    export function unwatchFile(filename: string, listener?: (curr: Stats, prev: Stats) => void): void;
-    export function watch(filename: string, listener?: (event: string, filename: string) => any): FSWatcher;
-    export function watch(filename: string, options: { persistent?: boolean; }, listener?: (event: string, filename: string) => any): FSWatcher;
-    export function exists(path: string, callback?: (exists: boolean) => void): void;
-    export function existsSync(path: string): boolean;
-    export function createReadStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        fd?: string;
-        mode?: number;
-        bufferSize?: number;
-    }): ReadStream;
-    export function createReadStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        fd?: string;
-        mode?: string;
-        bufferSize?: number;
-    }): ReadStream;
-    export function createWriteStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        string?: string;
-    }): WriteStream;
-}
-
-declare module "path" {
-    export function normalize(p: string): string;
-    export function join(...paths: any[]): string;
-    export function resolve(...pathSegments: any[]): string;
-    export function relative(from: string, to: string): string;
-    export function dirname(p: string): string;
-    export function basename(p: string, ext?: string): string;
-    export function extname(p: string): string;
-    export var sep: string;
-}
-
-declare module "string_decoder" {
-    export interface NodeStringDecoder {
-        write(buffer: Buffer): string;
-        end(): string;
-    }
-    export var StringDecoder: {
-        new (encoding?: string): NodeStringDecoder;
-    };
-}
-
-declare module "tls" {
-    import crypto = require("crypto");
-    import net = require("net");
-    import stream = require("stream");
-
-    var CLIENT_RENEG_LIMIT: number;
-    var CLIENT_RENEG_WINDOW: number;
-
-    export interface TlsOptions {
-        pfx?: any;   //string or buffer
-        key?: any;   //string or buffer
-        passphrase?: string;
-        cert?: any;
-        ca?: any;    //string or buffer
-        crl?: any;   //string or string array
-        ciphers?: string;
-        honorCipherOrder?: any;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //array or Buffer;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface ConnectionOptions {
-        host?: string;
-        port?: number;
-        socket?: net.Socket;
-        pfx?: any;   //string | Buffer
-        key?: any;   //string | Buffer
-        passphrase?: string;
-        cert?: any;  //string | Buffer
-        ca?: any;    //Array of string | Buffer
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //Array of string | Buffer
-        servername?: string;
-    }
-
-    export interface Server extends net.Server {
-        // Extended base methods
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
-        listen(path: string, listeningListener?: Function): Server;
-        listen(handle: any, listeningListener?: Function): Server;
-
-        listen(port: number, host?: string, callback?: Function): Server;
-        close(): Server;
-        address(): { port: number; family: string; address: string; };
-        addContext(hostName: string, credentials: {
-            key: string;
-            cert: string;
-            ca: string;
-        }): void;
-        maxConnections: number;
-        connections: number;
-    }
-
-    export interface ClearTextStream extends stream.Duplex {
-        authorized: boolean;
-        authorizationError: Error;
-        getPeerCertificate(): any;
-        getCipher: {
-            name: string;
-            version: string;
-        };
-        address: {
-            port: number;
-            family: string;
-            address: string;
-        };
-        remoteAddress: string;
-        remotePort: number;
-    }
-
-    export interface SecurePair {
-        encrypted: any;
-        cleartext: any;
-    }
-
-    export function createServer(options: TlsOptions, secureConnectionListener?: (cleartextStream: ClearTextStream) =>void ): Server;
-    export function connect(options: TlsOptions, secureConnectionListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, host?: string, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function createSecurePair(credentials?: crypto.Credentials, isServer?: boolean, requestCert?: boolean, rejectUnauthorized?: boolean): SecurePair;
-}
-
-declare module "crypto" {
-    export interface CredentialDetails {
-        pfx: string;
-        key: string;
-        passphrase: string;
-        cert: string;
-        ca: any;    //string | string array
-        crl: any;   //string | string array
-        ciphers: string;
-    }
-    export interface Credentials { context?: any; }
-    export function createCredentials(details: CredentialDetails): Credentials;
-    export function createHash(algorithm: string): Hash;
-    export function createHmac(algorithm: string, key: string): Hmac;
-    export function createHmac(algorithm: string, key: Buffer): Hmac;
-    interface Hash {
-        update(data: any, input_encoding?: string): Hash;
-        digest(encoding: 'buffer'): Buffer;
-        digest(encoding: string): any;
-        digest(): Buffer;
-    }
-    interface Hmac {
-        update(data: any, input_encoding?: string): Hmac;
-        digest(encoding: 'buffer'): Buffer;
-        digest(encoding: string): any;
-        digest(): Buffer;
-    }
-    export function createCipher(algorithm: string, password: any): Cipher;
-    export function createCipheriv(algorithm: string, key: any, iv: any): Cipher;
-    interface Cipher {
-        update(data: any, input_encoding?: string, output_encoding?: string): string;
-        final(output_encoding?: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-    }
-    export function createDecipher(algorithm: string, password: any): Decipher;
-    export function createDecipheriv(algorithm: string, key: any, iv: any): Decipher;
-    interface Decipher {
-        update(data: any, input_encoding?: string, output_encoding?: string): void;
-        final(output_encoding?: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-    }
-    export function createSign(algorithm: string): Signer;
-    interface Signer extends NodeJS.WritableStream {
-        update(data: any): void;
-        sign(private_key: string, output_format: string): string;
-    }
-    export function createVerify(algorith: string): Verify;
-    interface Verify extends NodeJS.WritableStream {
-        update(data: any): void;
-        verify(object: string, signature: string, signature_format?: string): boolean;
-        objectMode?: boolean;
-    }
-    export function createDiffieHellman(prime_length: number): DiffieHellman;
-    export function createDiffieHellman(prime: number, encoding?: string): DiffieHellman;
-    interface DiffieHellman {
-        generateKeys(encoding?: string): string;
-        computeSecret(other_public_key: string, input_encoding?: string, output_encoding?: string): string;
-        getPrime(encoding?: string): string;
-        getGenerator(encoding: string): string;
-        getPublicKey(encoding?: string): string;
-        getPrivateKey(encoding?: string): string;
-        setPublicKey(public_key: string, encoding?: string): void;
-        setPrivateKey(public_key: string, encoding?: string): void;
-    }
-    export function getDiffieHellman(group_name: string): DiffieHellman;
-    export function pbkdf2(password: string|Buffer, salt: string|Buffer, iterations: number, keylen: number, callback: (err: Error, derivedKey: Buffer) => any): void;
-    export function pbkdf2Sync(password: string|Buffer, salt: string|Buffer, iterations: number, keylen: number) : Buffer;
-    export function randomBytes(size: number): Buffer;
-    export function randomBytes(size: number, callback: (err: Error, buf: Buffer) =>void ): void;
-    export function pseudoRandomBytes(size: number): Buffer;
-    export function pseudoRandomBytes(size: number, callback: (err: Error, buf: Buffer) =>void ): void;
-}
-
-declare module "stream" {
-    import events = require("events");
-
-    export interface Stream extends events.EventEmitter {
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-    }
-
-    export interface ReadableOptions {
-        highWaterMark?: number;
-        encoding?: string;
-        objectMode?: boolean;
-    }
-
-    export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
-        readable: boolean;
-        constructor(opts?: ReadableOptions);
-        protected _read(size: number): void;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
-        push(chunk: any, encoding?: string): boolean;
-    }
-
-    export interface WritableOptions {
-        highWaterMark?: number;
-        decodeStrings?: boolean;
-        objectMode?: boolean;
-    }
-
-    export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
-        writable: boolean;
-        constructor(opts?: WritableOptions);
-        protected _write(data: Buffer, encoding: string, callback: Function): void;
-        protected _write(data: string, encoding: string, callback: Function): void;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface DuplexOptions extends ReadableOptions, WritableOptions {
-        allowHalfOpen?: boolean;
-    }
-
-    // Note: Duplex extends both Readable and Writable.
-    export class Duplex extends Readable implements NodeJS.ReadWriteStream {
-        writable: boolean;
-        constructor(opts?: DuplexOptions);
-        protected _write(data: Buffer, encoding: string, callback: Function): void;
-        protected _write(data: string, encoding: string, callback: Function): void;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export interface TransformOptions extends ReadableOptions, WritableOptions {}
-
-    // Note: Transform lacks the _read and _write methods of Readable/Writable.
-    export class Transform extends events.EventEmitter implements NodeJS.ReadWriteStream {
-        readable: boolean;
-        writable: boolean;
-        constructor(opts?: TransformOptions);
-        protected _transform(chunk: Buffer, encoding: string, callback: Function): void;
-        protected _transform(chunk: string, encoding: string, callback: Function): void;
-        protected _flush(callback: Function): void;
-        read(size?: number): any;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        pipe<T extends NodeJS.WritableStream>(destination: T, options?: { end?: boolean; }): T;
-        unpipe<T extends NodeJS.WritableStream>(destination?: T): void;
-        unshift(chunk: string): void;
-        unshift(chunk: Buffer): void;
-        wrap(oldStream: NodeJS.ReadableStream): NodeJS.ReadableStream;
-        push(chunk: any, encoding?: string): boolean;
-        write(buffer: Buffer, cb?: Function): boolean;
-        write(str: string, cb?: Function): boolean;
-        write(str: string, encoding?: string, cb?: Function): boolean;
-        end(): void;
-        end(buffer: Buffer, cb?: Function): void;
-        end(str: string, cb?: Function): void;
-        end(str: string, encoding?: string, cb?: Function): void;
-    }
-
-    export class PassThrough extends Transform {}
-}
-
-declare module "util" {
-    export interface InspectOptions {
-        showHidden?: boolean;
-        depth?: number;
-        colors?: boolean;
-        customInspect?: boolean;
-    }
-
-    export function format(format: any, ...param: any[]): string;
-    export function deprecate(fn: Function, msg: string): Function;
-    export function debuglog(set: string): Function;
-    export function inspect(object: any, showHidden?: boolean, depth?: number, color?: boolean): string;
-    export function inspect(object: any, options: InspectOptions): string;
-    export function isArray(object: any): boolean;
-    export function isBoolean(arg: any): boolean;
-    export function isNull(arg: any): boolean;
-    export function isNullOrUndefined(arg: any): boolean;
-    export function isNumber(arg: any): boolean;
-    export function isString(arg: any): boolean;
-    export function isSymbol(arg: any): boolean;
-    export function isUndefined(arg: any): boolean;
-    export function isRegExp(arg: any): boolean;
-    export function isObject(arg: any): boolean;
-    export function isDate(arg: any): boolean;
-    export function isError(arg: any): boolean;
-    export function isFunction(arg: any): boolean;
-    export function isPrimitive(arg: any): boolean;
-    export function isBuffer(arg: any): boolean;
-    export function log(...arg: any[]): void
-    export function inherits(constructor: any, superConstructor: any): void;
-    export function p(...arg: any[]): void;
-    export function exec(...arg: any[]): void;
-    export function print(...arg: any[]): void;
-    export function puts(...arg: any[]): void;
-    export function debug(string: string): void;
-    export function error(...arg: any[]): void;
-}
-
-declare module "assert" {
-    function internal (value: any, message?: string): void;
-    namespace internal {
-        export class AssertionError implements Error {
-            name: string;
-            message: string;
-            actual: any;
-            expected: any;
-            operator: string;
-            generatedMessage: boolean;
-
-            constructor(options?: {message?: string; actual?: any; expected?: any;
-                                  operator?: string; stackStartFunction?: Function});
-        }
-
-        export function fail(actual?: any, expected?: any, message?: string, operator?: string): void;
-        export function ok(value: any, message?: string): void;
-        export function equal(actual: any, expected: any, message?: string): void;
-        export function notEqual(actual: any, expected: any, message?: string): void;
-        export function deepEqual(actual: any, expected: any, message?: string): void;
-        export function notDeepEqual(acutal: any, expected: any, message?: string): void;
-        export function strictEqual(actual: any, expected: any, message?: string): void;
-        export function notStrictEqual(actual: any, expected: any, message?: string): void;
-        export var throws: {
-            (block: Function, message?: string): void;
-            (block: Function, error: Function, message?: string): void;
-            (block: Function, error: RegExp, message?: string): void;
-            (block: Function, error: (err: any) => boolean, message?: string): void;
-        };
-
-        export var doesNotThrow: {
-            (block: Function, message?: string): void;
-            (block: Function, error: Function, message?: string): void;
-            (block: Function, error: RegExp, message?: string): void;
-            (block: Function, error: (err: any) => boolean, message?: string): void;
-        };
-
-        export function ifError(value: any): void;
-    }
-
-    export = internal;
-}
-
-declare module "tty" {
-    import net = require("net");
-
-    export function isatty(fd: number): boolean;
-    export interface ReadStream extends net.Socket {
-        isRaw: boolean;
-        setRawMode(mode: boolean): void;
-    }
-    export interface WriteStream extends net.Socket {
-        columns: number;
-        rows: number;
-    }
-}
-
-declare module "domain" {
-    import events = require("events");
-
-    export class Domain extends events.EventEmitter {
-        run(fn: Function): void;
-        add(emitter: events.EventEmitter): void;
-        remove(emitter: events.EventEmitter): void;
-        bind(cb: (err: Error, data: any) => any): any;
-        intercept(cb: (data: any) => any): any;
-        dispose(): void;
-    }
-
-    export function create(): Domain;
-}
diff --git a/node/node-0.8.8.d.ts b/node/node-0.8.8.d.ts
deleted file mode 100644
index fa03e382ac..0000000000
--- a/node/node-0.8.8.d.ts
+++ /dev/null
@@ -1,1109 +0,0 @@
-// Type definitions for Node.js v0.8.8
-// Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/************************************************
-*                                               *
-*               Node.js v0.8.8 API              *
-*                                               *
-************************************************/
-
-/************************************************
-*                                               *
-*                   GLOBAL                      *
-*                                               *
-************************************************/
-declare var process: NodeProcess;
-declare var global: any;
-
-declare var __filename: string;
-declare var __dirname: string;
-
-declare function setTimeout(callback: () => void , ms: number): any;
-declare function clearTimeout(timeoutId: any);
-declare function setInterval(callback: () => void , ms: number): any;
-declare function clearInterval(intervalId: any);
-
-declare var require: {
-    (id: string): any;
-    resolve(): string;
-    cache: any;
-    extensions: any;
-}
-
-declare var module: {
-    exports: any;
-    require(id: string): any;
-    id: string;
-    filename: string;
-    loaded: boolean;
-    parent: any;
-    children: any[];
-}
-
-// Same as module.exports
-declare var exports: any;
-declare var SlowBuffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-};
-declare var Buffer: {
-    new (str: string, encoding?: string): Buffer;
-    new (size: number): Buffer;
-    new (array: any[]): Buffer;
-    prototype: Buffer;
-    isBuffer(obj: any): boolean;
-    byteLength(string: string, encoding?: string): number;
-    concat(list: Buffer[], totalLength?: number): Buffer;
-}
-
-/************************************************
-*                                               *
-*                   INTERFACES                  *
-*                                               *
-************************************************/
-interface ErrnoException extends Error {
-    errno?: number;
-    code?: string;
-    path?: string;
-    syscall?: string;
-    stack?: string;
-}
-
-interface EventEmitter {
-    addListener(event: string, listener: Function);
-    on(event: string, listener: Function);
-    once(event: string, listener: Function): void;
-    removeListener(event: string, listener: Function): void;
-    removeAllListener(event: string): void;
-    setMaxListeners(n: number): void;
-    listeners(event: string): { Function; }[];
-    emit(event: string, arg1?: any, arg2?: any): void;
-}
-
-interface WritableStream extends EventEmitter {
-    writable: boolean;
-    isTTY?: boolean;
-    write(str: string, encoding?: string, fd?: string): boolean;
-    write(buffer: Buffer): boolean;
-    end(): void;
-    end(str: string, enconding: string): void;
-    end(buffer: Buffer): void;
-    destroy(): void;
-    destroySoon(): void;
-}
-
-interface ReadableStream extends EventEmitter {
-    readable: boolean;
-    isTTY?: boolean;
-    setEncoding(encoding: string): void;
-    pause(): void;
-    resume(): void;
-    destroy(): void;
-    pipe(destination: WritableStream, options?: { end?: boolean; }): void;
-}
-
-interface NodeProcess extends EventEmitter {
-    stdout: WritableStream;
-    stderr: WritableStream;
-    stdin: ReadableStream;
-    argv: string[];
-    execPath: string;
-    abort(): void;
-    chdir(directory: string): void;
-    cwd(): void;
-    env: any;
-    exit(code?: number): void;
-    getgid(): number;
-    setgid(id: number): void;
-    getuid(): number;
-    setuid(id: number): void;
-    version: string;
-    versions: { http_parser: string; node: string; v8: string; ares: string; uv: string; zlib: string; openssl: string; };
-    config: {
-        target_defaults: {
-            cflags: any[];
-            default_configuration: string;
-            defines: string[];
-            include_dirs: string[];
-            libraries: string[];
-        };
-        variables: {
-        clang: number;
-        host_arch: string;
-        node_install_npm: boolean;
-        node_install_waf: boolean;
-        node_prefix: string;
-        node_shared_openssl: boolean;
-        node_shared_v8: boolean;
-        node_shared_zlib: boolean;
-        node_use_dtrace: boolean;
-        node_use_etw: boolean;
-        node_use_openssl: boolean;
-        target_arch: string;
-        v8_no_strict_aliasing: number;
-        v8_use_snapshot: boolean;
-        visibility: string;
-    };
-    };
-    kill(pid:number, signal?: string|number): void;
-    pid: number;
-    title: string;
-    arch: string;
-    platform: string;
-    memoryUsage(): { rss: number; heapTotal; number; heapUsed: number; };
-    nextTick(callback: Function): void;
-    umask(mask?: number): number;
-    uptime(): number;
-    hrtime(): number[];
-}
-
-// Buffer class
-interface Buffer {
-    [index: number]: number;
-    write(string: string, offset?: number, length?: number, encoding?: string): number;
-    toString(encoding?: string, start?: number, end?: number): string;
-    length: number;
-    copy(targetBuffer: Buffer, targetStart?: number, sourceStart?: number, sourceEnd?: number): number;
-    slice(start?: number, end?: number): Buffer;
-    readUInt8(offset: number, noAssert?: boolean): number;
-    readUInt16LE(offset: number, noAssert?: boolean): number;
-    readUInt16BE(offset: number, noAssert?: boolean): number;
-    readUInt32LE(offset: number, noAssert?: boolean): number;
-    readUInt32BE(offset: number, noAssert?: boolean): number;
-    readInt8(offset: number, noAssert?: boolean): number;
-    readInt16LE(offset: number, noAssert?: boolean): number;
-    readInt16BE(offset: number, noAssert?: boolean): number;
-    readInt32LE(offset: number, noAssert?: boolean): number;
-    readInt32BE(offset: number, noAssert?: boolean): number;
-    readFloatLE(offset: number, noAssert?: boolean): number;
-    readFloatBE(offset: number, noAssert?: boolean): number;
-    readDoubleLE(offset: number, noAssert?: boolean): number;
-    readDoubleBE(offset: number, noAssert?: boolean): number;
-    writeUInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeUInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt8(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt16BE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32LE(value: number, offset: number, noAssert?: boolean): void;
-    writeInt32BE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatLE(value: number, offset: number, noAssert?: boolean): void;
-    writeFloatBE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleLE(value: number, offset: number, noAssert?: boolean): void;
-    writeDoubleBE(value: number, offset: number, noAssert?: boolean): void;
-    fill(value: any, offset?: number, end?: number): void;
-    INSPECT_MAX_BYTES: number;
-}
-
-/************************************************
-*                                               *
-*                   MODULES                     *
-*                                               *
-************************************************/
-declare module "querystring" {
-    export function stringify(obj: any, sep?: string, eq?: string): string;
-    export function parse(str: string, sep?: string, eq?: string, options?: { maxKeys?: number; }): any;
-    export function escape(str: string): string;
-    export function unescape(str: string): string;
-}
-
-declare module "events" {
-    export interface NodeEventEmitter {
-        addListener(event: string, listener: Function);
-        on(event: string, listener: Function): any;
-        once(event: string, listener: Function): void;
-        removeListener(event: string, listener: Function): void;
-        removeAllListener(event: string): void;
-        setMaxListeners(n: number): void;
-        listeners(event: string): { Function; }[];
-        emit(event: string, arg1?: any, arg2?: any): void;
-    }
-
-    export var EventEmitter: NodeEventEmitter;
-}
-
-declare module "http" {
-    import events = require("events");
-    import net = require("net");
-    import stream = require("stream");
-
-    export interface Server extends events.NodeEventEmitter {
-        listen(port: number, hostname?: string, backlog?: number, callback?: Function): void;
-        listen(path: string, callback?: Function): void;
-        listen(handle: any, listeningListener?: Function): void;
-        close(cb?: any): void;
-        maxHeadersCount: number;
-    }
-    export interface ServerRequest extends events.NodeEventEmitter, stream.ReadableStream {
-        method: string;
-        url: string;
-        headers: string;
-        trailers: string;
-        httpVersion: string;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-        connection: net.NodeSocket;
-    }
-    export interface ServerResponse extends events.NodeEventEmitter, stream.WritableStream {
-        // Extended base methods
-        write(str: string, encoding?: string, fd?: string): boolean;
-        write(buffer: Buffer): boolean;
-
-        writeContinue(): void;
-        writeHead(statusCode: number, reasonPhrase?: string, headers?: any): void;
-        writeHead(statusCode: number, headers?: any): void;
-        statusCode: number;
-        setHeader(name: string, value: string): void;
-        sendDate: boolean;
-        getHeader(name: string): string;
-        removeHeader(name: string): void;
-        write(chunk: any, encoding?: string): any;
-        addTrailers(headers: any): void;
-        end(data?: any, encoding?: string): void;
-    }
-    export interface ClientRequest extends events.NodeEventEmitter, stream.WritableStream {
-        // Extended base methods
-        write(str: string, encoding?: string, fd?: string): boolean;
-        write(buffer: Buffer): boolean;
-
-        write(chunk: any, encoding?: string): void;
-        end(data?: any, encoding?: string): void;
-        abort(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: Function): void;
-        setSocketKeepAlive(enable?: boolean, initialDelay?: number): void;
-    }
-    export interface ClientResponse extends events.NodeEventEmitter, stream.ReadableStream {
-        statusCode: number;
-        httpVersion: string;
-        headers: any;
-        trailers: any;
-        setEncoding(encoding?: string): void;
-        pause(): void;
-        resume(): void;
-    }
-    export interface Agent { maxSockets: number; sockets: any; requests: any; }
-
-    export var STATUS_CODES;
-    export function createServer(requestListener?: (request: ServerRequest, response: ServerResponse) =>void ): Server;
-    export function createClient(port?: number, host?: string): any;
-    export function request(options: any, callback?: Function): ClientRequest;
-    export function get(options: any, callback?: Function): ClientRequest;
-    export var globalAgent: Agent;
-}
-
-declare module "cluster" {
-    import child_process = require("child_process");
-
-    export interface ClusterSettings {
-        exec: string;
-        args: string[];
-        silent: boolean;
-    }
-    export interface Worker {
-        id: string;
-        process: child_process.ChildProcess;
-        suicide: boolean;
-        send(message: any, sendHandle?: any): void;
-        destroy(): void;
-        disconnect(): void;
-    }
-
-
-    export var settings: ClusterSettings;
-    export var isMaster: boolean;
-    export var isWorker: boolean;
-    export function setupMaster(settings?: ClusterSettings): void;
-    export function fork(env?: any): Worker;
-    export function disconnect(callback?: Function): void;
-    export var workers: any;
-
-    // Event emitter
-    export function addListener(event: string, listener: Function): void;
-    export function on(event: string, listener: Function): any;
-    export function once(event: string, listener: Function): void;
-    export function removeListener(event: string, listener: Function): void;
-    export function removeAllListener(event: string): void;
-    export function setMaxListeners(n: number): void;
-    export function listeners(event: string): { Function; }[];
-    export function emit(event: string, arg1?: any, arg2?: any): void;
-}
-
-declare module "zlib" {
-    import stream = require("stream");
-    export interface ZlibOptions { chunkSize?: number; windowBits?: number; level?: number; memLevel?: number; strategy?: number; dictionary?: any; }
-
-    export interface Gzip extends stream.ReadWriteStream { }
-    export interface Gunzip extends stream.ReadWriteStream { }
-    export interface Deflate extends stream.ReadWriteStream { }
-    export interface Inflate extends stream.ReadWriteStream { }
-    export interface DeflateRaw extends stream.ReadWriteStream { }
-    export interface InflateRaw extends stream.ReadWriteStream { }
-    export interface Unzip extends stream.ReadWriteStream { }
-
-    export function createGzip(options: ZlibOptions): Gzip;
-    export function createGunzip(options: ZlibOptions): Gunzip;
-    export function createDeflate(options: ZlibOptions): Deflate;
-    export function createInflate(options: ZlibOptions): Inflate;
-    export function createDeflateRaw(options: ZlibOptions): DeflateRaw;
-    export function createInflateRaw(options: ZlibOptions): InflateRaw;
-    export function createUnzip(options: ZlibOptions): Unzip;
-
-    export function deflate(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function deflateRaw(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function gzip(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function gunzip(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function inflate(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function inflateRaw(buf: Buffer, callback: (error: Error, result) =>void ): void;
-    export function unzip(buf: Buffer, callback: (error: Error, result) =>void ): void;
-
-    // Constants
-    export var Z_NO_FLUSH: number;
-    export var Z_PARTIAL_FLUSH: number;
-    export var Z_SYNC_FLUSH: number;
-    export var Z_FULL_FLUSH: number;
-    export var Z_FINISH: number;
-    export var Z_BLOCK: number;
-    export var Z_TREES: number;
-    export var Z_OK: number;
-    export var Z_STREAM_END: number;
-    export var Z_NEED_DICT: number;
-    export var Z_ERRNO: number;
-    export var Z_STREAM_ERROR: number;
-    export var Z_DATA_ERROR: number;
-    export var Z_MEM_ERROR: number;
-    export var Z_BUF_ERROR: number;
-    export var Z_VERSION_ERROR: number;
-    export var Z_NO_COMPRESSION: number;
-    export var Z_BEST_SPEED: number;
-    export var Z_BEST_COMPRESSION: number;
-    export var Z_DEFAULT_COMPRESSION: number;
-    export var Z_FILTERED: number;
-    export var Z_HUFFMAN_ONLY: number;
-    export var Z_RLE: number;
-    export var Z_FIXED: number;
-    export var Z_DEFAULT_STRATEGY: number;
-    export var Z_BINARY: number;
-    export var Z_TEXT: number;
-    export var Z_ASCII: number;
-    export var Z_UNKNOWN: number;
-    export var Z_DEFLATED: number;
-    export var Z_NULL: number;
-}
-
-declare module "os" {
-    export function tmpDir(): string;
-    export function hostname(): string;
-    export function type(): string;
-    export function platform(): string;
-    export function arch(): string;
-    export function release(): string;
-    export function uptime(): number;
-    export function loadavg(): number[];
-    export function totalmem(): number;
-    export function freemem(): number;
-    export function cpus(): { model: string; speed: number; times: { user: number; nice: number; sys: number; idle: number; irq: number; }; }[];
-    export function networkInterfaces(): any;
-    export var EOL: string;
-}
-
-declare module "https" {
-    import tls = require("tls");
-    import events = require("events");
-    import http = require("http");
-
-    export interface ServerOptions {
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        crl?: any;
-        ciphers?: string;
-        honorCipherOrder?: boolean;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface RequestOptions {
-        host?: string;
-        hostname?: string;
-        port?: number;
-        path?: string;
-        method?: string;
-        headers?: any;
-        auth?: string;
-        agent?: any;
-        pfx?: any;
-        key?: any;
-        passphrase?: string;
-        cert?: any;
-        ca?: any;
-        ciphers?: string;
-        rejectUnauthorized?: boolean;
-    }
-
-    export interface NodeAgent {
-        maxSockets: number;
-        sockets: any;
-        requests: any;
-    }
-    export var Agent: {
-        new (options?: RequestOptions): NodeAgent;
-    };
-    export interface Server extends tls.Server { }
-    export function createServer(options: ServerOptions, requestListener?: Function): Server;
-    export function request(options: RequestOptions, callback?: (res: events.NodeEventEmitter) =>void ): http.ClientRequest;
-    export function get(options: RequestOptions, callback?: (res: events.NodeEventEmitter) =>void ): http.ClientRequest;
-    export var globalAgent: NodeAgent;
-}
-
-declare module "punycode" {
-    export function decode(string: string): string;
-    export function encode(string: string): string;
-    export function toUnicode(domain: string): string;
-    export function toASCII(domain: string): string;
-    export var ucs2: ucs2;
-    interface ucs2 {
-        decode(string: string): string;
-        encode(codePoints: number[]): string;
-    }
-    export var version;
-}
-
-declare module "repl" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface ReplOptions {
-        prompt?: string;
-        input?: stream.ReadableStream;
-        output?: stream.WritableStream;
-        terminal?: boolean;
-        eval?: Function;
-        useColors?: boolean;
-        useGlobal?: boolean;
-        ignoreUndefined?: boolean;
-        writer?: Function;
-    }
-    export function start(options: ReplOptions): events.NodeEventEmitter;
-}
-
-declare module "readline" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ReadLine extends events.NodeEventEmitter {
-        setPrompt(prompt: string, length: number): void;
-        prompt(preserveCursor?: boolean): void;
-        question(query: string, callback: Function): void;
-        pause(): void;
-        resume(): void;
-        close(): void;
-        write(data: any, key?: any): void;
-    }
-    export interface ReadLineOptions {
-        input: stream.ReadableStream;
-        output: stream.WritableStream;
-        completer?: Function;
-        terminal?: boolean;
-    }
-    export function createInterface(options: ReadLineOptions): ReadLine;
-}
-
-declare module "vm" {
-    export interface Context { }
-    export interface Script {
-        runInThisContext(): void;
-        runInNewContext(sandbox?: Context): void;
-    }
-    export function runInThisContext(code: string, filename?: string): void;
-    export function runInNewContext(code: string, sandbox?: Context, filename?: string): void;
-    export function runInContext(code: string, context: Context, filename?: string): void;
-    export function createContext(initSandbox?: Context): Context;
-    export function createScript(code: string, filename?: string): Script;
-}
-
-declare module "child_process" {
-    import events = require("events");
-    import stream = require("stream");
-
-    export interface ChildProcess extends events.NodeEventEmitter {
-        stdin: stream.WritableStream;
-        stdout: stream.ReadableStream;
-        stderr: stream.ReadableStream;
-        pid: number;
-        kill(signal?: string): void;
-        send(message: any, sendHandle: any): void;
-        connected: boolean;
-        disconnect(): void;
-    }
-
-    export function spawn(command: string, args?: string[], options?: {
-        cwd?: string;
-        stdio?: any;
-        custom?: any;
-        env?: any;
-        detached?: boolean;
-    }): ChildProcess;
-    export function exec(command: string, options: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function exec(command: string, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function execFile(file: string, args: string[], options: {
-        cwd?: string;
-        stdio?: any;
-        customFds?: any;
-        env?: any;
-        encoding?: string;
-        timeout?: number;
-        maxBuffer?: number;
-        killSignal?: string;
-    }, callback: (error: Error, stdout: Buffer, stderr: Buffer) =>void ): ChildProcess;
-    export function fork(modulePath: string, args?: string[], options?: {
-        cwd?: string;
-        env?: any;
-        encoding?: string;
-    }): ChildProcess;
-}
-
-declare module "url" {
-    export interface Url {
-        href: string;
-        protocol: string;
-        auth: string;
-        hostname: string;
-        port: string;
-        host: string;
-        pathname: string;
-        search: string;
-        query: string;
-        slashes: boolean;
-    }
-
-    export function parse(urlStr: string, parseQueryString? , slashesDenoteHost? ): Url;
-    export function format(url: Url): string;
-    export function resolve(from: string, to: string): string;
-}
-
-declare module "dns" {
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) =>void ): string[];
-}
-
-declare module "net" {
-    import stream = require("stream");
-    import events = require("events");
-
-    export interface NodeSocket extends stream.ReadWriteStream {
-        // Extended base methods
-        write(str: string, encoding?: string, fd?: string): boolean;
-        write(buffer: Buffer): boolean;
-
-        connect(port: number, host?: string, connectionListener?: Function): void;
-        connect(path: string, connectionListener?: Function): void;
-        bufferSize: number;
-        setEncoding(encoding?: string): void;
-        write(data: any, encoding?: string, callback?: Function): void;
-        end(data?: any, encoding?: string): void;
-        destroy(): void;
-        pause(): void;
-        resume(): void;
-        setTimeout(timeout: number, callback?: Function): void;
-        setNoDelay(noDelay?: boolean): void;
-        setKeepAlive(enable?: boolean, initialDelay?: number): void;
-        address(): { port: number; family: string; address: string; };
-        remoteAddress: string;
-        remotePort: number;
-        bytesRead: number;
-        bytesWritten: number;
-    }
-
-    export var Socket: {
-        new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): NodeSocket;
-    };
-
-    export interface Server extends events.NodeEventEmitter {
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): void;
-        listen(path: string, listeningListener?: Function): void;
-        listen(handle: any, listeningListener?: Function): void;
-        close(callback?: Function): void;
-        address(): { port: number; family: string; address: string; };
-        maxConnections: number;
-        connections: number;
-
-        /**
-         * events.EventEmitter
-         *   1. close
-         *   2. connection
-         *   3. error
-         *   4. listening
-         */
-        addListener(event: string, listener: Function): this;
-        addListener(event: "close", listener: () => void): this;
-        addListener(event: "connection", listener: (socket: NodeSocket) => void): this;
-        addListener(event: "error", listener: (err: Error) => void): this;
-        addListener(event: "listening", listener: () => void): this;
-
-        emit(event: string, ...args: any[]): boolean;
-        emit(event: "close"): boolean;
-        emit(event: "connection", socket: NodeSocket): boolean;
-        emit(event: "error", err: Error): boolean;
-        emit(event: "listening"): boolean;
-
-        on(event: string, listener: Function): this;
-        on(event: "close", listener: () => void): this;
-        on(event: "connection", listener: (socket: NodeSocket) => void): this;
-        on(event: "error", listener: (err: Error) => void): this;
-        on(event: "listening", listener: () => void): this;
-
-        once(event: string, listener: Function): this;
-        once(event: "close", listener: () => void): this;
-        once(event: "connection", listener: (socket: NodeSocket) => void): this;
-        once(event: "error", listener: (err: Error) => void): this;
-        once(event: "listening", listener: () => void): this;
-
-        prependListener(event: string, listener: Function): this;
-        prependListener(event: "close", listener: () => void): this;
-        prependListener(event: "connection", listener: (socket: NodeSocket) => void): this;
-        prependListener(event: "error", listener: (err: Error) => void): this;
-        prependListener(event: "listening", listener: () => void): this;
-
-        prependOnceListener(event: string, listener: Function): this;
-        prependOnceListener(event: "close", listener: () => void): this;
-        prependOnceListener(event: "connection", listener: (socket: NodeSocket) => void): this;
-        prependOnceListener(event: "error", listener: (err: Error) => void): this;
-        prependOnceListener(event: "listening", listener: () => void): this;
-    }
-    export function createServer(connectionListener?: (socket: NodeSocket) =>void ): Server;
-    export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: NodeSocket) =>void ): Server;
-    export function connect(options: { allowHalfOpen?: boolean; }, connectionListener?: Function): void;
-    export function connect(port: number, host?: string, connectionListener?: Function): void;
-    export function connect(path: string, connectionListener?: Function): void;
-    export function createConnection(options: { allowHalfOpen?: boolean; }, connectionListener?: Function): void;
-    export function createConnection(port: number, host?: string, connectionListener?: Function): void;
-    export function createConnection(path: string, connectionListener?: Function): void;
-    export function isIP(input: string): number;
-    export function isIPv4(input: string): boolean;
-    export function isIPv6(input: string): boolean;
-}
-
-declare module "dgram" {
-    import events = require("events");
-
-    export function createSocket(type: string, callback?: Function): Socket;
-
-    interface Socket extends events.NodeEventEmitter {
-        send(buf: Buffer, offset: number, length: number, port: number, address: string, callback?: Function): void;
-        bind(port: number, address?: string): void;
-        close(): void;
-        address: { address: string; family: string; port: number; };
-        setBroadcast(flag: boolean): void;
-        setMulticastTTL(ttl: number): void;
-        setMulticastLoopback(flag: boolean): void;
-        addMembership(multicastAddress: string, multicastInterface?: string): void;
-        dropMembership(multicastAddress: string, multicastInterface?: string): void;
-    }
-}
-
-declare module "fs" {
-    import stream = require("stream");
-
-    interface Stats {
-        isFile(): boolean;
-        isDirectory(): boolean;
-        isBlockDevice(): boolean;
-        isCharacterDevice(): boolean;
-        isSymbolicLink(): boolean;
-        isFIFO(): boolean;
-        isSocket(): boolean;
-        dev: number;
-        ino: number;
-        mode: number;
-        nlink: number;
-        uid: number;
-        gid: number;
-        rdev: number;
-        size: number;
-        blksize: number;
-        blocks: number;
-        atime: Date;
-        mtime: Date;
-        ctime: Date;
-    }
-
-    interface FSWatcher {
-        close(): void;
-    }
-
-    export interface ReadStream extends stream.ReadableStream { }
-    export interface WriteStream extends stream.WritableStream { }
-
-    export function rename(oldPath: string, newPath: string, callback?: Function): void;
-    export function renameSync(oldPath: string, newPath: string): void;
-    export function truncate(fd: string, len: number, callback?: Function): void;
-    export function truncateSync(fd: string, len: number): void;
-    export function chown(path: string, uid: number, gid: number, callback?: Function): void;
-    export function chownSync(path: string, uid: number, gid: number): void;
-    export function fchown(fd: string, uid: number, gid: number, callback?: Function): void;
-    export function fchownSync(fd: string, uid: number, gid: number): void;
-    export function lchown(path: string, uid: number, gid: number, callback?: Function): void;
-    export function lchownSync(path: string, uid: number, gid: number): void;
-    export function chmod(path: string, mode: string, callback?: Function): void;
-    export function chmodSync(path: string, mode: string): void;
-    export function fchmod(fd: string, mode: string, callback?: Function): void;
-    export function fchmodSync(fd: string, mode: string): void;
-    export function lchmod(path: string, mode: string, callback?: Function): void;
-    export function lchmodSync(path: string, mode: string): void;
-    export function stat(path: string, callback?: (err: ErrnoException, stats: Stats) =>any): Stats;
-    export function lstat(path: string, callback?: (err: ErrnoException, stats: Stats) =>any): Stats;
-    export function fstat(fd: string, callback?: (err: ErrnoException, stats: Stats) =>any): Stats;
-    export function statSync(path: string): Stats;
-    export function lstatSync(path: string): Stats;
-    export function fstatSync(fd: string): Stats;
-    export function link(srcpath: string, dstpath: string, callback?: Function): void;
-    export function linkSync(srcpath: string, dstpath: string): void;
-    export function symlink(srcpath: string, dstpath: string, type?: string, callback?: Function): void;
-    export function symlinkSync(srcpath: string, dstpath: string, type?: string): void;
-    export function readlink(path: string, callback?: (err: ErrnoException, linkString: string) =>any): void;
-    export function realpath(path: string, callback?: (err: ErrnoException, resolvedPath: string) =>any): void;
-    export function realpath(path: string, cache: string, callback: (err: ErrnoException, resolvedPath: string) =>any): void;
-    export function realpathSync(path: string, cache?: string): void;
-    export function unlink(path: string, callback?: Function): void;
-    export function unlinkSync(path: string): void;
-    export function rmdir(path: string, callback?: Function): void;
-    export function rmdirSync(path: string): void;
-    export function mkdir(path: string, mode?: string, callback?: Function): void;
-    export function mkdirSync(path: string, mode?: string): void;
-    export function readdir(path: string, callback?: (err: ErrnoException, files: string[]) => void): void;
-    export function readdirSync(path: string): string[];
-    export function close(fd: string, callback?: Function): void;
-    export function closeSync(fd: string): void;
-    export function open(path: string, flags: string, mode?: string, callback?: (err: ErrnoException, fd: string) =>any): void;
-    export function openSync(path: string, flags: string, mode?: string): void;
-    export function utimes(path: string, atime: number, mtime: number, callback?: Function): void;
-    export function utimesSync(path: string, atime: number, mtime: number): void;
-    export function futimes(fd: string, atime: number, mtime: number, callback?: Function): void;
-    export function futimesSync(fd: string, atime: number, mtime: number): void;
-    export function fsync(fd: string, callback?: Function): void;
-    export function fsyncSync(fd: string): void;
-    export function write(fd: string, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: Error, written: number, buffer: Buffer) =>any): void;
-    export function writeSync(fd: string, buffer: Buffer, offset: number, length: number, position: number): void;
-    export function read(fd: string, buffer: Buffer, offset: number, length: number, position: number, callback?: (err: Error, bytesRead: number, buffer: Buffer) => void): void;
-    export function readSync(fd: string, buffer: Buffer, offset: number, length: number, position?: number): any[];
-    export function readFile(filename: string, encoding: string, callback: (err: ErrnoException, data: string) => void ): void;
-    export function readFile(filename: string, callback: (err: ErrnoException, data: Buffer) => void ): void;
-    export function readFileSync(filename: string): Buffer;
-    export function readFileSync(filename: string, encoding: string): string;
-    export function writeFile(filename: string, data: any, callback?: (err) => void): void;
-    export function writeFile(filename: string, data: any, encoding?: string, callback?: (err) => void): void;
-    export function writeFileSync(filename: string, data: any, encoding?: string): void;
-    export function appendFile(filename: string, data: any, encoding?: string, callback?: Function): void;
-    export function appendFileSync(filename: string, data: any, encoding?: string): void;
-    export function watchFile(filename: string, listener: { curr: Stats; prev: Stats; }): void;
-    export function watchFile(filename: string, options: { persistent?: boolean; interval?: number; }, listener: { curr: Stats; prev: Stats; }): void;
-    export function unwatchFile(filename: string, listener?: Stats): void;
-    export function watch(filename: string, options?: { persistent?: boolean; }, listener?: (event: string, filename: string) =>any): FSWatcher;
-    export function exists(path: string, callback?: (exists: boolean) =>void ): void;
-    export function existsSync(path: string): boolean;
-    export function createReadStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        fd?: string;
-        mode?: number;
-        bufferSize?: number;
-    }): ReadStream;
-    export function createWriteStream(path: string, options?: {
-        flags?: string;
-        encoding?: string;
-        string?: string;
-    }): WriteStream;
-}
-
-declare module "path" {
-    export function normalize(p: string): string;
-    export function join(...paths: any[]): string;
-    export function resolve(from: string, to: string): string;
-    export function resolve(from: string, from2: string, to: string): string;
-    export function resolve(from: string, from2: string, from3: string, to: string): string;
-    export function resolve(from: string, from2: string, from3: string, from4: string, to: string): string;
-    export function resolve(from: string, from2: string, from3: string, from4: string, from5: string, to: string): string;
-    export function relative(from: string, to: string): string;
-    export function dirname(p: string): string;
-    export function basename(p: string, ext?: string): string;
-    export function extname(p: string): string;
-    export var sep: string;
-}
-
-declare module "string_decoder" {
-    export interface NodeStringDecoder {
-        write(buffer: Buffer): string;
-        detectIncompleteChar(buffer: Buffer): number;
-    }
-    export var StringDecoder: {
-        new (encoding: string): NodeStringDecoder;
-    };
-}
-
-declare module "tls" {
-    import crypto = require("crypto");
-    import net = require("net");
-    import stream = require("stream");
-
-    var CLIENT_RENEG_LIMIT: number;
-    var CLIENT_RENEG_WINDOW: number;
-
-    export interface TlsOptions {
-        pfx?: any;   //string or buffer
-        key?: any;   //string or buffer
-        passphrase?: string;
-        cert?: any;
-        ca?: any;    //string or buffer
-        crl?: any;   //string or string array
-        ciphers?: string;
-        honorCipherOrder?: any;
-        requestCert?: boolean;
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //array or Buffer;
-        SNICallback?: (servername: string) => any;
-    }
-
-    export interface ConnectionOptions {
-        host?: string;
-        port?: number;
-        socket?: net.NodeSocket;
-        pfx?: any;   //string | Buffer
-        key?: any;   //string | Buffer
-        passphrase?: string;
-        cert?: any;  //string | Buffer
-        ca?: any;    //Array of string | Buffer
-        rejectUnauthorized?: boolean;
-        NPNProtocols?: any;  //Array of string | Buffer
-        servername?: string;
-    }
-
-    export interface Server extends net.Server {
-        // Extended base methods
-        listen(port: number, host?: string, backlog?: number, listeningListener?: Function): void;
-        listen(path: string, listeningListener?: Function): void;
-        listen(handle: any, listeningListener?: Function): void;
-
-        listen(port: number, host?: string, callback?: Function): void;
-        close(): void;
-        address(): { port: number; family: string; address: string; };
-        addContext(hostName: string, credentials: {
-            key: string;
-            cert: string;
-            ca: string;
-        }): void;
-        maxConnections: number;
-        connections: number;
-    }
-
-    export interface ClearTextStream extends stream.ReadWriteStream {
-        authorized: boolean;
-        authorizationError: Error;
-        getPeerCertificate(): any;
-        getCipher: {
-            name: string;
-            version: string;
-        };
-        address: {
-            port: number;
-            family: string;
-            address: string;
-        };
-        remoteAddress: string;
-        remotePort: number;
-    }
-
-    export interface SecurePair {
-        encrypted: any;
-        cleartext: any;
-    }
-
-    export function createServer(options: TlsOptions, secureConnectionListener?: (cleartextStream: ClearTextStream) =>void ): Server;
-    export function connect(options: TlsOptions, secureConnectionListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, host?: string, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function connect(port: number, options?: ConnectionOptions, secureConnectListener?: () =>void ): ClearTextStream;
-    export function createSecurePair(credentials?: crypto.Credentials, isServer?: boolean, requestCert?: boolean, rejectUnauthorized?: boolean): SecurePair;
-}
-
-declare module "crypto" {
-    export interface CredentialDetails {
-        pfx: string;
-        key: string;
-        passphrase: string;
-        cert: string;
-        ca: any;    //string | string array
-        crl: any;   //string | string array
-        ciphers: string;
-    }
-    export interface Credentials { context?: any; }
-    export function createCredentials(details: CredentialDetails): Credentials;
-    export function createHash(algorithm: string): Hash;
-    export function createHmac(algorithm: string, key: string): Hmac;
-    interface Hash {
-        update(data: any, input_encoding?: string): void;
-        digest(encoding?: string): string;
-    }
-    interface Hmac {
-        update(data: any): void;
-        digest(encoding?: string): void;
-    }
-    export function createCipher(algorithm: string, password: any): Cipher;
-    export function createCipheriv(algorithm: string, key: any, iv: any): Cipher;
-    interface Cipher {
-        update(data: any, input_encoding?: string, output_encoding?: string): string;
-        final(output_encoding?: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-        createDecipher(algorithm: string, password: any): Decipher;
-        createDecipheriv(algorithm: string, key: any, iv: any): Decipher;
-    }
-    interface Decipher {
-        update(data: any, input_encoding?: string, output_encoding?: string): void;
-        final(output_encoding?: string): string;
-        setAutoPadding(auto_padding: boolean): void;
-    }
-    export function createSign(algorithm: string): Signer;
-    interface Signer {
-        update(data: any): void;
-        sign(private_key: string, output_format: string): string;
-    }
-    export function createVerify(algorith: string): Verify;
-    interface Verify {
-        update(data: any): void;
-        verify(object: string, signature: string, signature_format?: string): boolean;
-    }
-    export function createDiffieHellman(prime_length: number): DiffieHellman;
-    export function createDiffieHellman(prime: number, encoding?: string): DiffieHellman;
-    interface DiffieHellman {
-        generateKeys(encoding?: string): string;
-        computeSecret(other_public_key: string, input_encoding?: string, output_encoding?: string): string;
-        getPrime(encoding?: string): string;
-        getGenerator(encoding: string): string;
-        getPublicKey(encoding?: string): string;
-        getPrivateKey(encoding?: string): string;
-        setPublicKey(public_key: string, encoding?: string): void;
-        setPrivateKey(public_key: string, encoding?: string): void;
-    }
-    export function getDiffieHellman(group_name: string): DiffieHellman;
-    export function pbkdf2(password: string|Buffer, salt: string|Buffer, iterations: number, keylen: number, callback: (err: Error, derivedKey: string) => any): void;
-    export function randomBytes(size: number, callback?: (err: Error, buf: Buffer) =>void );
-}
-
-declare module "stream" {
-    import events = require("events");
-
-    export interface WritableStream extends events.NodeEventEmitter {
-        writable: boolean;
-        write(str: string, encoding?: string, fd?: string): boolean;
-        write(buffer: Buffer): boolean;
-        end(): void;
-        end(str: string, enconding: string): void;
-        end(buffer: Buffer): void;
-        destroy(): void;
-        destroySoon(): void;
-    }
-
-    export interface ReadableStream extends events.NodeEventEmitter {
-        readable: boolean;
-        setEncoding(encoding: string): void;
-        pause(): void;
-        resume(): void;
-        destroy(): void;
-        pipe(destination: WritableStream, options?: { end?: boolean; }): void;
-    }
-
-    export interface ReadWriteStream extends ReadableStream, WritableStream { }
-}
-
-declare module "util" {
-    export function format(format: any, ...param: any[]): string;
-    export function debug(string: string): void;
-    export function error(...param: any[]): void;
-    export function puts(...param: any[]): void;
-    export function print(...param: any[]): void;
-    export function log(string: string): void;
-    export function inspect(object: any, showHidden?: boolean, depth?: number, color?: boolean): void;
-    export function isArray(object: any): boolean;
-    export function isRegExp(object: any): boolean;
-    export function isDate(object: any): boolean;
-    export function isError(object: any): boolean;
-    export function inherits(constructor: any, superConstructor: any): void;
-}
-
-declare module "assert" {
-    export function internal(booleanValue: boolean, message?: string): void;
-    export module internal {
-        export function fail(actual: any, expected: any, message: string, operator: string): void;
-        export function assert(value: any, message: string): void;
-        export function ok(value: any, message?: string): void;
-        export function equal(actual: any, expected: any, message?: string): void;
-        export function notEqual(actual: any, expected: any, message?: string): void;
-        export function deepEqual(actual: any, expected: any, message?: string): void;
-        export function notDeepEqual(acutal: any, expected: any, message?: string): void;
-        export function strictEqual(actual: any, expected: any, message?: string): void;
-        export function notStrictEqual(actual: any, expected: any, message?: string): void;
-        export function throws(block: any, error?: any, messsage?: string): void;
-        export function doesNotThrow(block: any, error?: any, messsage?: string): void;
-        export function ifError(value: any): void;
-    }
-}
-
-declare module "tty" {
-    import net = require("net");
-
-    export function isatty(fd: string): boolean;
-    export interface ReadStream extends net.NodeSocket {
-        isRaw: boolean;
-        setRawMode(mode: boolean): void;
-    }
-    export interface WriteStream extends net.NodeSocket {
-        columns: number;
-        rows: number;
-    }
-}
-
-declare module "domain" {
-    import events = require("events");
-
-    export interface Domain extends events.NodeEventEmitter { }
-
-    export function create(): Domain;
-    export function run(fn: Function): void;
-    export function add(emitter: events.NodeEventEmitter): void;
-    export function remove(emitter: events.NodeEventEmitter): void;
-    export function bind(cb: (er: Error, data: any) =>any): any;
-    export function intercept(cb: (data: any) => any): any;
-    export function dispose(): void;
-}
diff --git a/node/node-0.12.d.ts b/node/v0/index.d.ts
similarity index 99%
rename from node/node-0.12.d.ts
rename to node/v0/index.d.ts
index 65541958fb..176195a077 100644
--- a/node/node-0.12.d.ts
+++ b/node/v0/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Node.js v0.12.0
+// Type definitions for Node.js 0.12
 // Project: http://nodejs.org/
 // Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/node/node-0.12-tests.ts b/node/v0/node-tests.ts
similarity index 100%
rename from node/node-0.12-tests.ts
rename to node/v0/node-tests.ts
diff --git a/node/v0/tsconfig.json b/node/v0/tsconfig.json
new file mode 100644
index 0000000000..db6f424151
--- /dev/null
+++ b/node/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "node": ["node/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "node-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/node/node-4.d.ts b/node/v4/index.d.ts
similarity index 99%
rename from node/node-4.d.ts
rename to node/v4/index.d.ts
index d8c6308c36..027387719d 100644
--- a/node/node-4.d.ts
+++ b/node/v4/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Node.js v4.x
+// Type definitions for Node.js 4.2
 // Project: http://nodejs.org/
 // Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/node/node-4-tests.ts b/node/v4/node-tests.ts
similarity index 99%
rename from node/node-4-tests.ts
rename to node/v4/node-tests.ts
index 35d1ec70c9..d61693f1a6 100644
--- a/node/node-4-tests.ts
+++ b/node/v4/node-tests.ts
@@ -1,4 +1,3 @@
-/// <reference path="node-4.d.ts" />
 import * as assert from "assert";
 import * as fs from "fs";
 import * as events from "events";
@@ -700,7 +699,7 @@ namespace readline_tests {
         result = readline.createInterface(input, output, completer, terminal);
         result = readline.createInterface({
              input: input,
-             completer: function(str: string): readline.CompleteResult {
+             completer: function(str: string): readline.CompleterResult {
                  return [['test'], 'test'];
              }
          });
diff --git a/node/v4/tsconfig.json b/node/v4/tsconfig.json
new file mode 100644
index 0000000000..c91196fd30
--- /dev/null
+++ b/node/v4/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "node": ["node/v4"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "node-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/notNeededPackages.json b/notNeededPackages.json
index 80dcb22e82..d948ee2016 100644
--- a/notNeededPackages.json
+++ b/notNeededPackages.json
@@ -1,10 +1,5 @@
 {
     "packages": [
-        {
-            "libraryName": "Angular 2",
-            "typingsPackageName": "angular2",
-            "sourceRepoURL": "https://github.com/angular/angular"
-        },
         {
             "libraryName": "Moment",
             "typingsPackageName": "moment",
diff --git a/notify.js/notify.js.tests.ts b/notify.js/notify.js-tests.ts
similarity index 100%
rename from notify.js/notify.js.tests.ts
rename to notify.js/notify.js-tests.ts
diff --git a/notify.js/tsconfig.json b/notify.js/tsconfig.json
index f189e43fd3..36cd2f3194 100644
--- a/notify.js/tsconfig.json
+++ b/notify.js/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "notify.js.tests.ts"
+        "notify.js-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/nouislider/nouislider-7.0.10.d.ts b/nouislider/v7/index.d.ts
similarity index 100%
rename from nouislider/nouislider-7.0.10.d.ts
rename to nouislider/v7/index.d.ts
diff --git a/nouislider/nouislider-tests-7.0.10.ts b/nouislider/v7/nouislider-tests.ts
similarity index 100%
rename from nouislider/nouislider-tests-7.0.10.ts
rename to nouislider/v7/nouislider-tests.ts
diff --git a/nouislider/v7/tsconfig.json b/nouislider/v7/tsconfig.json
new file mode 100644
index 0000000000..1a15cc840f
--- /dev/null
+++ b/nouislider/v7/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "nouislider": ["nouislider/v7"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "nouislider-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/nouislider/nouislider-8.0.2.d.ts b/nouislider/v8/index.d.ts
similarity index 99%
rename from nouislider/nouislider-8.0.2.d.ts
rename to nouislider/v8/index.d.ts
index b3bd58c727..5f69099eab 100644
--- a/nouislider/nouislider-8.0.2.d.ts
+++ b/nouislider/v8/index.d.ts
@@ -2,7 +2,7 @@
 // Project: https://github.com/leongersen/noUiSlider
 // Definitions by: Patrick Davies <https://github.com/bleuarg>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-/// <reference path="../wnumb/wnumb.d.ts"/>
+/// <reference types="wnumb"/>
 
 declare namespace noUiSlider {
     /**
diff --git a/nouislider/nouislider-tests-8.0.2.ts b/nouislider/v8/nouislider-tests.ts
similarity index 97%
rename from nouislider/nouislider-tests-8.0.2.ts
rename to nouislider/v8/nouislider-tests.ts
index 2739e609ce..d9faa94aab 100644
--- a/nouislider/nouislider-tests-8.0.2.ts
+++ b/nouislider/v8/nouislider-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="nouislider.d.ts" />
-
 var testHtmlElement = document.getElementById('test');
 
 /**
diff --git a/nouislider/v8/tsconfig.json b/nouislider/v8/tsconfig.json
new file mode 100644
index 0000000000..7076693ad8
--- /dev/null
+++ b/nouislider/v8/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "nouislider": ["nouislider/v8"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "nouislider-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/numbro/numbro-commonjs-tests.ts b/numbro/numbro-commonjs-tests.ts
deleted file mode 100644
index 3dc0eba233..0000000000
--- a/numbro/numbro-commonjs-tests.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-
-import numbro = require("numbro");
-
-var valueFormat: string = numbro(1000).format('0,0');
-// '1,000'
-
-var valueUnformat: number = numbro().unformat('($10,000.00)');
-// '-10000'
-
-var value3: Numbro = numbro(1000);
-var added: Numbro = value3.add(10);
-// 1010
-
-var value4: Numbro = numbro(1000);
-var formatValue4a: string = value4.format('0,0');
-// '1,000'
-var formatValue4b: number = value4.value();
-// 1000
-
-var value5: Numbro = numbro();
-value5.set(1000);
-var value5Num: number = value5.value();
-// 1000
-
-var value6: Numbro = numbro(1000);
-var value: number = 100;
-var difference = value6.difference(value);
-// 900
-
-var value7: Numbro = numbro(0);
-numbro.zeroFormat('N/A');
-var zeroString: string = value7.format('0.0');
-// 'N/A'
-
-var a: Numbro = numbro(1000);
-var b: Numbro = numbro(a);
-var c: Numbro = a.clone();
-
-var aVal: number = a.set(2000).value();
-// 2000
-var bVal: number = b.value();
-// 1000
-var cVal: number = c.add(10).value();
-// 1010
diff --git a/numeral/numeraljs-commonjs-tests.ts b/numeral/numeraljs-commonjs-tests.ts
deleted file mode 100644
index 983f0ebc82..0000000000
--- a/numeral/numeraljs-commonjs-tests.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-
-import numeral = require("numeral");
-
-var valueFormat: string = numeral(1000).format('0,0');
-// '1,000'
-
-var valueUnformat: number = numeral().unformat('($10,000.00)');
-// '-10000'
-
-var value3: Numeral = numeral(1000);
-var added: Numeral = value3.add(10);
-// 1010
-
-var value4: Numeral = numeral(1000);
-var formatValue4a: string = value4.format('0,0');
-// '1,000'
-var formatValue4b: number = value4.value();
-// 1000
-
-var value5: Numeral = numeral();
-value5.set(1000);
-var value5Num: number = value5.value();
-// 1000
-
-var value6: Numeral = numeral(1000);
-var value: number = 100;
-var difference = value6.difference(value);
-// 900
-
-var value7: Numeral = numeral(0);
-numeral.zeroFormat('N/A');
-var zeroString: string = value7.format('0.0');
-// 'N/A'
-
-var a: Numeral = numeral(1000);
-var b: Numeral = numeral(a);
-var c: Numeral = a.clone();
-
-var aVal: number = a.set(2000).value();
-// 2000
-var bVal: number = b.value();
-// 1000
-var cVal: number = c.add(10).value();
-// 1010
diff --git a/numeral/tsconfig.json b/numeral/tsconfig.json
index 7c0e5858fb..61386fac51 100644
--- a/numeral/tsconfig.json
+++ b/numeral/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "numeraljs-commonjs-tests.ts"
+        "numeraljs-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/nvd3/nvd3-test-boxplot.ts b/nvd3/test/boxplot.ts
similarity index 100%
rename from nvd3/nvd3-test-boxplot.ts
rename to nvd3/test/boxplot.ts
diff --git a/nvd3/nvd3-test-bullet.ts b/nvd3/test/bullet.ts
similarity index 100%
rename from nvd3/nvd3-test-bullet.ts
rename to nvd3/test/bullet.ts
diff --git a/nvd3/nvd3-test-bulletChart.ts b/nvd3/test/bulletChart.ts
similarity index 100%
rename from nvd3/nvd3-test-bulletChart.ts
rename to nvd3/test/bulletChart.ts
diff --git a/nvd3/nvd3-test-candlestick.ts b/nvd3/test/candlestick.ts
similarity index 100%
rename from nvd3/nvd3-test-candlestick.ts
rename to nvd3/test/candlestick.ts
diff --git a/nvd3/nvd3-test-candlestickChart.ts b/nvd3/test/candlestickChart.ts
similarity index 100%
rename from nvd3/nvd3-test-candlestickChart.ts
rename to nvd3/test/candlestickChart.ts
diff --git a/nvd3/nvd3-test-cumulativeLineChart.ts b/nvd3/test/cumulativeLineChart.ts
similarity index 100%
rename from nvd3/nvd3-test-cumulativeLineChart.ts
rename to nvd3/test/cumulativeLineChart.ts
diff --git a/nvd3/nvd3-test-discreteBarChart.ts b/nvd3/test/discreteBarChart.ts
similarity index 100%
rename from nvd3/nvd3-test-discreteBarChart.ts
rename to nvd3/test/discreteBarChart.ts
diff --git a/nvd3/nvd3-test-donutChart.ts b/nvd3/test/donutChart.ts
similarity index 100%
rename from nvd3/nvd3-test-donutChart.ts
rename to nvd3/test/donutChart.ts
diff --git a/nvd3/nvd3-test-furiousLegend.ts b/nvd3/test/furiousLegend.ts
similarity index 100%
rename from nvd3/nvd3-test-furiousLegend.ts
rename to nvd3/test/furiousLegend.ts
diff --git a/nvd3/nvd3-test-historicalBar.ts b/nvd3/test/historicalBar.ts
similarity index 100%
rename from nvd3/nvd3-test-historicalBar.ts
rename to nvd3/test/historicalBar.ts
diff --git a/nvd3/nvd3-test-historicalBarChart.ts b/nvd3/test/historicalBarChart.ts
similarity index 100%
rename from nvd3/nvd3-test-historicalBarChart.ts
rename to nvd3/test/historicalBarChart.ts
diff --git a/nvd3/nvd3-test-legend.ts b/nvd3/test/legend.ts
similarity index 100%
rename from nvd3/nvd3-test-legend.ts
rename to nvd3/test/legend.ts
diff --git a/nvd3/nvd3-test-line.ts b/nvd3/test/line.ts
similarity index 100%
rename from nvd3/nvd3-test-line.ts
rename to nvd3/test/line.ts
diff --git a/nvd3/nvd3-test-lineChart.ts b/nvd3/test/lineChart.ts
similarity index 100%
rename from nvd3/nvd3-test-lineChart.ts
rename to nvd3/test/lineChart.ts
diff --git a/nvd3/nvd3-test-lineChartLogScale.ts b/nvd3/test/lineChartLogScale.ts
similarity index 100%
rename from nvd3/nvd3-test-lineChartLogScale.ts
rename to nvd3/test/lineChartLogScale.ts
diff --git a/nvd3/nvd3-test-lineChartSVGResize.ts b/nvd3/test/lineChartSVGResize.ts
similarity index 100%
rename from nvd3/nvd3-test-lineChartSVGResize.ts
rename to nvd3/test/lineChartSVGResize.ts
diff --git a/nvd3/nvd3-test-linePlusBarChart.ts b/nvd3/test/linePlusBarChart.ts
similarity index 100%
rename from nvd3/nvd3-test-linePlusBarChart.ts
rename to nvd3/test/linePlusBarChart.ts
diff --git a/nvd3/nvd3-test-lineWithFocusChart.ts b/nvd3/test/lineWithFocusChart.ts
similarity index 100%
rename from nvd3/nvd3-test-lineWithFocusChart.ts
rename to nvd3/test/lineWithFocusChart.ts
diff --git a/nvd3/nvd3-test-lineWithFocusChartx2AxisLabel.ts b/nvd3/test/lineWithFocusChartx2AxisLabel.ts
similarity index 100%
rename from nvd3/nvd3-test-lineWithFocusChartx2AxisLabel.ts
rename to nvd3/test/lineWithFocusChartx2AxisLabel.ts
diff --git a/nvd3/nvd3-test-monitoringChart.ts b/nvd3/test/monitoringChart.ts
similarity index 100%
rename from nvd3/nvd3-test-monitoringChart.ts
rename to nvd3/test/monitoringChart.ts
diff --git a/nvd3/nvd3-test-multiChart.ts b/nvd3/test/multiChart.ts
similarity index 100%
rename from nvd3/nvd3-test-multiChart.ts
rename to nvd3/test/multiChart.ts
diff --git a/nvd3/nvd3-test-multibarChart.ts b/nvd3/test/multibarChart.ts
similarity index 100%
rename from nvd3/nvd3-test-multibarChart.ts
rename to nvd3/test/multibarChart.ts
diff --git a/nvd3/nvd3-test-multibarChart2.ts b/nvd3/test/multibarChart2.ts
similarity index 100%
rename from nvd3/nvd3-test-multibarChart2.ts
rename to nvd3/test/multibarChart2.ts
diff --git a/nvd3/nvd3-test-multibarHorizontalChart.ts b/nvd3/test/multibarHorizontalChart.ts
similarity index 100%
rename from nvd3/nvd3-test-multibarHorizontalChart.ts
rename to nvd3/test/multibarHorizontalChart.ts
diff --git a/nvd3/nvd3-test-ohlc.ts b/nvd3/test/ohlc.ts
similarity index 100%
rename from nvd3/nvd3-test-ohlc.ts
rename to nvd3/test/ohlc.ts
diff --git a/nvd3/nvd3-test-ohlcChart.ts b/nvd3/test/ohlcChart.ts
similarity index 100%
rename from nvd3/nvd3-test-ohlcChart.ts
rename to nvd3/test/ohlcChart.ts
diff --git a/nvd3/nvd3-test-parallelCoordinates.ts b/nvd3/test/parallelCoordinates.ts
similarity index 100%
rename from nvd3/nvd3-test-parallelCoordinates.ts
rename to nvd3/test/parallelCoordinates.ts
diff --git a/nvd3/nvd3-test-parallelCoordinatesChart.ts b/nvd3/test/parallelCoordinatesChart.ts
similarity index 100%
rename from nvd3/nvd3-test-parallelCoordinatesChart.ts
rename to nvd3/test/parallelCoordinatesChart.ts
diff --git a/nvd3/nvd3-test-pie.ts b/nvd3/test/pie.ts
similarity index 100%
rename from nvd3/nvd3-test-pie.ts
rename to nvd3/test/pie.ts
diff --git a/nvd3/nvd3-test-pieChart.ts b/nvd3/test/pieChart.ts
similarity index 100%
rename from nvd3/nvd3-test-pieChart.ts
rename to nvd3/test/pieChart.ts
diff --git a/nvd3/nvd3-test-scatter.ts b/nvd3/test/scatter.ts
similarity index 100%
rename from nvd3/nvd3-test-scatter.ts
rename to nvd3/test/scatter.ts
diff --git a/nvd3/nvd3-test-scatterChart.ts b/nvd3/test/scatterChart.ts
similarity index 95%
rename from nvd3/nvd3-test-scatterChart.ts
rename to nvd3/test/scatterChart.ts
index ed8a0859a1..ed7ef2ceeb 100644
--- a/nvd3/nvd3-test-scatterChart.ts
+++ b/nvd3/test/scatterChart.ts
@@ -33,7 +33,7 @@ namespace nvd3_test_scatterChart {
 
         nv.utils.windowResize(chart.update);
 
-        chart.dispatch.on('stateChange', function (e) { ('New State:', JSON.stringify(e)); });
+        chart.dispatch.on('stateChange', function (e) { JSON.stringify(e); });
         return chart;
     });
 
diff --git a/nvd3/nvd3-test-scatterPlusLineChart.ts b/nvd3/test/scatterPlusLineChart.ts
similarity index 100%
rename from nvd3/nvd3-test-scatterPlusLineChart.ts
rename to nvd3/test/scatterPlusLineChart.ts
diff --git a/nvd3/nvd3-test-sparkLine.ts b/nvd3/test/sparkLine.ts
similarity index 100%
rename from nvd3/nvd3-test-sparkLine.ts
rename to nvd3/test/sparkLine.ts
diff --git a/nvd3/nvd3-test-sparkLinePlus.ts b/nvd3/test/sparkLinePlus.ts
similarity index 100%
rename from nvd3/nvd3-test-sparkLinePlus.ts
rename to nvd3/test/sparkLinePlus.ts
diff --git a/nvd3/nvd3-test-stackArea.ts b/nvd3/test/stackArea.ts
similarity index 100%
rename from nvd3/nvd3-test-stackArea.ts
rename to nvd3/test/stackArea.ts
diff --git a/nvd3/nvd3-test-stackAreaChart.ts b/nvd3/test/stackAreaChart.ts
similarity index 100%
rename from nvd3/nvd3-test-stackAreaChart.ts
rename to nvd3/test/stackAreaChart.ts
diff --git a/nvd3/nvd3-test-sunburst.ts b/nvd3/test/sunburst.ts
similarity index 100%
rename from nvd3/nvd3-test-sunburst.ts
rename to nvd3/test/sunburst.ts
diff --git a/nvd3/nvd3-test-timeSeries.ts b/nvd3/test/timeSeries.ts
similarity index 100%
rename from nvd3/nvd3-test-timeSeries.ts
rename to nvd3/test/timeSeries.ts
diff --git a/nvd3/nvd3-test-tooltip.ts b/nvd3/test/tooltip.ts
similarity index 100%
rename from nvd3/nvd3-test-tooltip.ts
rename to nvd3/test/tooltip.ts
diff --git a/nvd3/tsconfig.json b/nvd3/tsconfig.json
index 41a2cb5115..dfd13f4b81 100644
--- a/nvd3/tsconfig.json
+++ b/nvd3/tsconfig.json
@@ -3,12 +3,52 @@
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": false,
-        "noImplicitThis": true,
+        "noImplicitThis": false,
         "strictNullChecks": false,
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "test/boxplot.ts",
+        "test/bullet.ts",
+        "test/bulletChart.ts",
+        "test/candlestick.ts",
+        "test/candlestickChart.ts",
+        "test/cumulativeLineChart.ts",
+        "test/discreteBarChart.ts",
+        "test/donutChart.ts",
+        "test/furiousLegend.ts",
+        "test/historicalBar.ts",
+        "test/historicalBarChart.ts",
+        "test/legend.ts",
+        "test/line.ts",
+        "test/lineChart.ts",
+        "test/lineChartLogScale.ts",
+        "test/lineChartSVGResize.ts",
+        "test/linePlusBarChart.ts",
+        "test/lineWithFocusChart.ts",
+        "test/lineWithFocusChartx2AxisLabel.ts",
+        "test/monitoringChart.ts",
+        "test/multiChart.ts",
+        "test/multibarChart.ts",
+        "test/multibarChart2.ts",
+        "test/multibarHorizontalChart.ts",
+        "test/ohlc.ts",
+        "test/ohlcChart.ts",
+        "test/parallelCoordinates.ts",
+        "test/parallelCoordinatesChart.ts",
+        "test/pie.ts",
+        "test/pieChart.ts",
+        "test/scatter.ts",
+        "test/scatterChart.ts",
+        "test/scatterPlusLineChart.ts",
+        "test/sparkLine.ts",
+        "test/sparkLinePlus.ts",
+        "test/stackArea.ts",
+        "test/stackAreaChart.ts",
+        "test/sunburst.ts",
+        "test/timeSeries.ts",
+        "test/tooltip.ts"
     ]
 }
\ No newline at end of file
diff --git a/openlayers/openlayers-3.14.2-tests.ts b/openlayers/openlayers-3.14.2-tests.ts
deleted file mode 100644
index 69c44b82d6..0000000000
--- a/openlayers/openlayers-3.14.2-tests.ts
+++ /dev/null
@@ -1,724 +0,0 @@
-/// <reference path="openlayers-3.14.2.d.ts" />
-
-// Basic type variables for test functions
-var anyValue: any;
-var voidValue: void;
-var numberValue: number;
-var booleanValue: boolean;
-var stringValue: string;
-var stringArray: Array<string>;
-var jsonValue: JSON;
-var voidOrBooleanValue: void | boolean;
-var domEventTarget: EventTarget;
-var fn: Function;
-var object: Object;
-
-// Callback predefinitions for OpenLayers
-var preRenderFunction: ol.PreRenderFunction;
-var transformFunction: ol.TransformFunction;
-var coordinateFormatType: ol.CoordinateFormatType;
-var featureStyleFunction: ol.FeatureStyleFunction;
-var featureLoader: ol.FeatureLoader;
-var easingFunction: (t: number) => number;
-var drawGeometryFunction: ol.interaction.DrawGeometryFunctionType;
-
-// Type variables for OpenLayers
-var attribution: ol.Attribution;
-var boundingCoordinates: Array<ol.Coordinate>;
-var circle: ol.geom.Circle;
-var color: ol.Color;
-var coordinate: ol.Coordinate;
-var coordinatesArray: Array<ol.Coordinate>;
-var coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
-var extent: ol.Extent;
-var olEvent: ol.events.Event;
-var eventKey: ol.events.Key;
-var eventKeyArray: Array<ol.events.Key>;
-var eventKeyMixed: ol.events.Key | Array<ol.events.Key>;
-var eventTarget: ol.events.EventTarget;
-var feature: ol.Feature;
-var featureArray: Array<ol.Feature>;
-var featureCollection: ol.Collection<ol.Feature>;
-var featureFormat: ol.format.Feature;
-var featureUrlFunction: ol.FeatureUrlFunction;
-var graticule: ol.Graticule;
-var geometriesArray: Array<ol.geom.Geometry>;
-var geometry: ol.geom.Geometry;
-var geometryCollection: ol.geom.GeometryCollection;
-var geometryLayout: ol.geom.GeometryLayout;
-var geometryType: ol.geom.GeometryType;
-var linearRing: ol.geom.LinearRing;
-var lineString: ol.geom.LineString;
-var loadingStrategy: ol.LoadingStrategy;
-var logoOptions: olx.LogoOptions;
-var mapBrowserEvent: ol.MapBrowserEvent;
-var multiLineString: ol.geom.MultiLineString;
-var multiPoint: ol.geom.MultiPoint;
-var multiPolygon: ol.geom.MultiPolygon;
-var point: ol.geom.Point;
-var polygon: ol.geom.Polygon;
-var projection: ol.proj.Projection;
-var projectionLike: ol.proj.ProjectionLike;
-var simpleGeometry: ol.geom.SimpleGeometry;
-var size: ol.Size;
-var style: ol.style.Style;
-var styleArray: Array<ol.style.Style>;
-var styleFunction: ol.style.StyleFunction;
-var tilegrid: ol.tilegrid.TileGrid;
-var transformFn: ol.TransformFunction;
-var vectorSource: ol.source.Vector;
-var units: ol.proj.Units;
-
-//
-// ol.Attribution
-//
-
-var attribution: ol.Attribution = new ol.Attribution({
-    html: stringValue,
-});
-
-//
-// ol.color
-//
-color = ol.color.asArray(color);
-color = ol.color.asArray(stringValue);
-stringValue = ol.color.asString(color);
-stringValue = ol.color.asString(stringValue);
-
-//
-// ol.extent
-//
-transformFunction = function (input: number[]) {
-    var returnData: number[];
-    return returnData;
-};
-transformFunction = function (input: number[], output: number[]) {
-    var returnData: number[];
-    return returnData;
-};
-transformFunction = function (input: number[], output: number[], dimension: number) {
-    var returnData: number[];
-    return returnData;
-}
-extent = ol.extent.applyTransform(extent, transformFunction);
-ol.extent.applyTransform(extent, transformFunction, extent);
-extent = ol.extent.boundingExtent(boundingCoordinates)
-extent = ol.extent.buffer(extent, numberValue);
-ol.extent.buffer(extent, numberValue, extent);
-booleanValue = ol.extent.containsCoordinate(extent, coordinate);
-booleanValue = ol.extent.containsExtent(extent, extent);
-booleanValue = ol.extent.containsXY(extent, numberValue, numberValue);
-extent = ol.extent.createEmpty();
-booleanValue = ol.extent.equals(extent, extent);
-extent = ol.extent.extend(extent, extent);
-coordinate = ol.extent.getBottomLeft(extent);
-coordinate = ol.extent.getBottomRight(extent);
-coordinate = ol.extent.getCenter(extent);
-numberValue = ol.extent.getHeight(extent);
-extent = ol.extent.getIntersection(extent, extent);
-ol.extent.getIntersection(extent, extent, extent);
-size = ol.extent.getSize(extent);
-coordinate = ol.extent.getTopLeft(extent);
-coordinate = ol.extent.getTopRight(extent);
-numberValue = ol.extent.getWidth(extent);
-booleanValue = ol.extent.intersects(extent, extent);
-booleanValue = ol.extent.isEmpty(extent);
-
-//
-// ol.featureloader
-//
-featureLoader = ol.featureloader.xhr(stringValue, featureFormat);
-
-//
-// ol.loadingstrategy
-//
-loadingStrategy = ol.loadingstrategy.all;
-loadingStrategy = ol.loadingstrategy.bbox;
-loadingStrategy = ol.loadingstrategy.tile(tilegrid);
-
-//
-//
-// ol.geom.Circle
-//
-booleanValue = circle.intersectsExtent(extent);
-circle = circle.transform(projectionLike, projectionLike);
-
-//
-//
-// ol.geom.Geometry
-//
-var geometryResult: ol.geom.Geometry;
-coordinate = geometryResult.getClosestPoint(coordinate);
-geometryResult.getClosestPoint(coordinate, coordinate);
-extent = geometryResult.getExtent();
-geometryResult.getExtent(extent);
-geometryResult.transform(projectionLike, projectionLike);
-
-//
-//
-// ol.geom.GeometryCollection
-//
-geometryCollection = new ol.geom.GeometryCollection(geometriesArray)
-geometryCollection = new ol.geom.GeometryCollection();
-voidValue = geometryCollection.applyTransform(transformFn);
-geometryCollection = geometryCollection.clone();
-geometriesArray = geometryCollection.getGeometries();
-geometryType = geometryCollection.getType();
-booleanValue = geometryCollection.intersectsExtent(extent);
-voidValue = geometryCollection.setGeometries(geometriesArray);
-
-//
-//
-// ol.geom.LinearRing
-//
-linearRing = new ol.geom.LinearRing(coordinatesArray);
-linearRing = new ol.geom.LinearRing(coordinatesArray, geometryLayout);
-linearRing = linearRing.clone();
-numberValue = linearRing.getArea();
-coordinatesArray = linearRing.getCoordinates();
-geometryType = linearRing.getType();
-voidValue = linearRing.setCoordinates(coordinatesArray);
-voidValue = linearRing.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.LineString
-//
-lineString = new ol.geom.LineString(coordinatesArray);
-lineString = new ol.geom.LineString(coordinatesArray, geometryLayout);
-voidValue = lineString.appendCoordinate(coordinate);
-lineString = lineString.clone();
-coordinate = lineString.getCoordinateAtM(numberValue);
-coordinate = lineString.getCoordinateAtM(numberValue, booleanValue);
-coordinatesArray = lineString.getCoordinates();
-numberValue = lineString.getLength();
-geometryType = lineString.getType();
-booleanValue = lineString.intersectsExtent(extent);
-voidValue = lineString.setCoordinates(coordinatesArray);
-voidValue = lineString.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.MultiLineString
-//
-var lineStringsArray: Array<ol.geom.LineString>;
-
-multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2);
-multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout);
-voidValue = multiLineString.appendLineString(lineString);
-multiLineString = multiLineString.clone();
-coordinate = multiLineString.getCoordinateAtM(numberValue);
-coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue);
-coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue, booleanValue);
-coordinatesArrayDim2 = multiLineString.getCoordinates();
-lineString = multiLineString.getLineString(numberValue);
-lineStringsArray = multiLineString.getLineStrings();
-geometryType = multiLineString.getType();
-booleanValue = multiLineString.intersectsExtent(extent);
-voidValue = multiLineString.setCoordinates(coordinatesArrayDim2);
-voidValue = multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout);
-
-//
-//
-// ol.geom.MultiPoint
-//
-var pointsArray: Array<ol.geom.Point>;
-
-multiPoint = new ol.geom.MultiPoint(coordinatesArray);
-multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout);
-voidValue = multiPoint.appendPoint(point);
-multiPoint = multiPoint.clone();
-coordinatesArray = multiPoint.getCoordinates();
-point = multiPoint.getPoint(numberValue);
-pointsArray = multiPoint.getPoints();
-geometryType = multiPoint.getType();
-booleanValue = multiPoint.intersectsExtent(extent);
-voidValue = multiPoint.setCoordinates(coordinatesArray);
-voidValue = multiPoint.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.MultiPolygon
-//
-var coordinatesArrayDim3: Array<Array<Array<ol.Coordinate>>>;
-var polygonsArray: Array<ol.geom.Polygon>;
-
-multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3);
-multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3, geometryLayout);
-voidValue = multiPolygon.appendPolygon(polygon);
-multiPolygon = multiPolygon.clone();
-numberValue = multiPolygon.getArea();
-coordinatesArrayDim3 = multiPolygon.getCoordinates();
-coordinatesArrayDim3 = multiPolygon.getCoordinates(booleanValue);
-multiPoint = multiPolygon.getInteriorPoints();
-polygon = multiPolygon.getPolygon(numberValue);
-polygonsArray = multiPolygon.getPolygons();
-geometryType = multiPolygon.getType();
-booleanValue = multiPolygon.intersectsExtent(extent);
-voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3);
-voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3, geometryLayout);
-
-//
-//
-// ol.geom.Point
-//
-point = new ol.geom.Point(coordinate);
-point = new ol.geom.Point(coordinate, geometryLayout);
-point = point.clone();
-coordinate = point.getCoordinates();
-geometryType = point.getType();
-booleanValue = point.intersectsExtent(extent);
-voidValue = point.setCoordinates(coordinate);
-voidValue = point.setCoordinates(coordinate, geometryLayout);
-
-//
-//
-// ol.geom.Polygon
-//
-var localSphere: ol.Sphere;
-var linearRingsArray: Array<ol.geom.LinearRing>;
-
-polygon = new ol.geom.Polygon(coordinatesArrayDim2);
-polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout);
-polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue);
-polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue, numberValue);
-polygon = ol.geom.Polygon.fromCircle(circle);
-polygon = ol.geom.Polygon.fromCircle(circle, numberValue);
-polygon = ol.geom.Polygon.fromCircle(circle, numberValue, numberValue);
-polygon = ol.geom.Polygon.fromExtent(extent);
-voidValue = polygon.appendLinearRing(linearRing);
-polygon = polygon.clone();
-numberValue = polygon.getArea();
-coordinatesArrayDim2 = polygon.getCoordinates();
-coordinatesArrayDim2 = polygon.getCoordinates(booleanValue);
-point = polygon.getInteriorPoint();
-linearRing = polygon.getLinearRing(numberValue);
-numberValue = polygon.getLinearRingCount();
-linearRingsArray = polygon.getLinearRings();
-geometryType = polygon.getType();
-booleanValue = polygon.intersectsExtent(extent);
-voidValue = polygon.setCoordinates([[coordinate]]);
-voidValue = polygon.setCoordinates([[coordinate]], geometryLayout);
-
-//
-//
-// ol.geom.SimpleGeometry
-//
-simpleGeometry.applyTransform(transformFn);
-coordinate = simpleGeometry.getFirstCoordinate();
-coordinate = simpleGeometry.getLastCoordinate();
-geometryLayout = simpleGeometry.getLayout();
-voidValue = simpleGeometry.translate(numberValue, numberValue);
-
-//
-// ol.source
-//
-var featureCallback: (f: ol.Feature) => any;
-vectorSource = new ol.source.Vector({
-    attributions: [attribution],
-    features: featureCollection,
-    format: featureFormat,
-    loader: featureLoader,
-    logo: logoOptions,
-    strategy: loadingStrategy,
-    url: stringValue,
-    useSpatialIndex: booleanValue,
-    wrapX: booleanValue
-});
-vectorSource = new ol.source.Vector({
-    features: featureArray
-});
-vectorSource = new ol.source.Vector({
-    url: featureUrlFunction,
-    loader: featureLoader
-});
-voidValue = vectorSource.addFeature(feature);
-voidValue = vectorSource.addFeatures(featureArray);
-voidValue = vectorSource.clear();
-voidValue = vectorSource.clear(booleanValue);
-anyValue = vectorSource.forEachFeature(featureCallback);
-anyValue = vectorSource.forEachFeature(featureCallback, object);
-anyValue = vectorSource.forEachFeatureInExtent(extent, featureCallback, object);
-anyValue = vectorSource.forEachFeatureIntersectingExtent(extent, featureCallback, object);
-feature = vectorSource.getClosestFeatureToCoordinate(coordinate);
-extent = vectorSource.getExtent();
-feature = vectorSource.getFeatureById(stringValue);
-feature = vectorSource.getFeatureById(numberValue);
-featureArray = vectorSource.getFeatures();
-featureArray = vectorSource.getFeaturesAtCoordinate(coordinate);
-featureCollection = vectorSource.getFeaturesCollection();
-featureArray = vectorSource.getFeaturesInExtent(extent);
-voidValue = vectorSource.removeFeature(feature);
-
-//
-// ol.Feature
-//
-feature = new ol.Feature();
-feature = new ol.Feature(geometry);
-feature = new ol.Feature({
-    geometry: geometry,
-    a: numberValue,
-    b: stringValue,
-    c: null,
-    d: object
-});
-feature = feature.clone();
-geometry = feature.getGeometry();
-stringValue = feature.getGeometryName();
-var featureGetId: string | number = feature.getId();
-var featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
-featureStyleFunction = feature.getStyleFunction();
-voidValue = feature.setGeometry(geometry);
-voidValue = feature.setGeometryName(stringValue);
-voidValue = feature.setId(stringValue);
-voidValue = feature.setId(numberValue);
-voidValue = feature.setStyle(style);
-voidValue = feature.setStyle(styleArray);
-voidValue = feature.setStyle(featureStyleFunction);
-voidValue = feature.setProperties(object);
-
-//
-// ol.View
-//
-
-var view: ol.View = new ol.View({
-    center: [0, 0],
-    zoom: numberValue,
-});
-
-//
-// ol.layer.Tile
-//
-var tileLayer: ol.layer.Tile = new ol.layer.Tile({
-    source: new ol.source.MapQuest({ layer: 'osm' })
-});
-
-//
-// ol.Object
-//
-var olObject: ol.Object = new ol.Object({
-    a: numberValue,
-    b: stringValue,
-    c: booleanValue,
-    d: voidValue,
-    e: object,
-    f: fn
-});
-anyValue = olObject.get(stringValue);
-stringArray = olObject.getKeys();
-object = olObject.getProperties();
-voidValue = olObject.set(stringValue, anyValue);
-voidValue = olObject.set(stringValue, anyValue, booleanValue);
-voidValue = olObject.setProperties(object, booleanValue);
-voidValue = olObject.unset(stringValue, booleanValue);
-
-//
-// ol.Observable
-//
-ol.Observable.unByKey(eventKey);
-var observable: ol.Observable = new ol.Observable();
-voidValue = observable.changed();
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: domEventTarget});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: eventTarget});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {}});
-voidOrBooleanValue = observable.dispatchEvent(olEvent);
-voidOrBooleanValue = observable.dispatchEvent(stringValue);
-numberValue = observable.getRevision();
-eventKeyMixed = observable.on(stringValue, fn);
-eventKeyMixed = observable.on([stringValue, stringValue], fn, {});
-eventKeyMixed = observable.once(stringValue, fn);
-eventKeyMixed = observable.once([stringValue, stringValue], fn, {});
-voidValue = observable.un(stringValue, fn);
-voidValue = observable.un([stringValue, stringValue], fn, {});
-voidValue = observable.unByKey(eventKey);
-voidValue = observable.unByKey(eventKeyArray);
-
-//
-// ol.proj
-//
-var getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
-projection = new ol.proj.Projection({
-    code:stringValue,
-});
-stringValue = projection.getCode();
-extent = projection.getExtent();
-numberValue = projection.getMetersPerUnit();
-numberValue = projection.getPointResolution(numberValue, coordinate);
-units = projection.getUnits();
-extent = projection.getWorldExtent();
-booleanValue = projection.isGlobal();
-voidValue = projection.setExtent(extent);
-voidValue = projection.setGetPointResolution(getPointResolutionFn);
-voidValue = projection.setGlobal(booleanValue);
-voidValue = projection.setWorldExtent(extent);
-
-//
-// ol.Map
-//
-
-var map: ol.Map = new ol.Map({
-    view: view,
-    layers: [tileLayer],
-    target: stringValue
-});
-voidValue = map.beforeRender(preRenderFunction);
-
-//
-// ol.source.ImageWMS
-//
-var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
-    serverType: stringValue,
-    url:stringValue
-});
-
-//
-// ol.source.Source
-//
-const source = imageWMS as ol.source.Source;
-projection = source.getProjection();
-
-//
-// ol.source.TileWMS
-//
-var tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
-    params: {},
-    serverType: stringValue,
-    url:stringValue
-});
-
-voidValue = tileWMS.updateParams(tileWMS.getParams());
-stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
-
-//
-// ol.source.WMTS
-//
-var wmts: ol.source.WMTS = new ol.source.WMTS({
-    tileGrid: new ol.tilegrid.WMTS({}),
-    layer: "",
-    style: "",
-    matrixSet: "",
-    wrapX: true
-});
-
-//
-// ol.animation
-//
-var bounceOptions: olx.animation.BounceOptions;
-bounceOptions.duration = numberValue;
-bounceOptions.start = numberValue;
-bounceOptions.resolution = numberValue;
-bounceOptions.easing = easingFunction;
-preRenderFunction = ol.animation.bounce(bounceOptions);
-
-var panOptions: olx.animation.PanOptions;
-panOptions.duration = numberValue;
-panOptions.start = numberValue;
-panOptions.source = coordinate;
-panOptions.easing = easingFunction;
-preRenderFunction = ol.animation.pan(panOptions);
-
-var rotateOptions: olx.animation.RotateOptions;
-rotateOptions.duration = numberValue;
-rotateOptions.start = numberValue;
-rotateOptions.anchor = coordinate;
-rotateOptions.rotation = numberValue;
-rotateOptions.easing = easingFunction;
-preRenderFunction = ol.animation.rotate(rotateOptions);
-
-var zoomOptions: olx.animation.ZoomOptions;
-zoomOptions.duration = numberValue;
-zoomOptions.start = numberValue;
-zoomOptions.resolution = numberValue;
-zoomOptions.easing = easingFunction;
-preRenderFunction = ol.animation.zoom(zoomOptions);
-voidValue = map.beforeRender(preRenderFunction);
-
-//
-// ol.coordinate
-//
-coordinate = ol.coordinate.add(coordinate, coordinate);
-coordinateFormatType = ol.coordinate.createStringXY();
-coordinateFormatType = ol.coordinate.createStringXY(numberValue);
-stringValue = ol.coordinate.format(coordinate, stringValue);
-stringValue = ol.coordinate.format(coordinate, stringValue, numberValue);
-coordinate = ol.coordinate.rotate(coordinate, numberValue);
-stringValue = ol.coordinate.toStringHDMS();
-stringValue = ol.coordinate.toStringHDMS(coordinate);
-stringValue = ol.coordinate.toStringXY();
-stringValue = ol.coordinate.toStringXY(coordinate);
-stringValue = ol.coordinate.toStringXY(coordinate, numberValue);
-
-//
-// ol.easing
-//
-easingFunction = ol.easing.easeIn;
-easingFunction = ol.easing.easeOut;
-easingFunction = ol.easing.inAndOut;
-easingFunction = ol.easing.linear;
-easingFunction = ol.easing.upAndDown;
-
-//
-// ol.Geolocation
-//
-var geolocation: ol.Geolocation = new ol.Geolocation({
-    projection: projection
-});
-coordinate = geolocation.getPosition();
-
-//
-// ol.Graticule
-//
-
-graticule = new ol.Graticule();
-graticule = new ol.Graticule({
-    map: map,
-});
-var graticuleMap: ol.Map = graticule.getMap();
-var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
-var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
-voidValue = graticule.setMap(graticuleMap);
-
-//
-// ol.DeviceOrientation
-//
-
-var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
-    tracking: true,
-});
-numberValue = deviceOrientation.getHeading();
-
-//
-// ol.Overlay
-//
-
-var popup: ol.Overlay = new ol.Overlay({
-    element: document.getElementById('popup')
-});
-voidValue = map.addOverlay(popup);
-var popupElement: Element = popup.getElement();
-var popupMap: ol.Map = popup.getMap();
-var popupOffset: Array<number> = popup.getOffset();
-coordinate = popup.getPosition();
-var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
-voidValue = popup.setElement(popupElement);
-voidValue = popup.setMap(popupMap);
-voidValue = popup.setOffset(popupOffset);
-voidValue = popup.setPosition(coordinate);
-voidValue = popup.setPositioning(popupPositioning);
-
-
-//
-// ol.format.GeoJSON
-//
-
-var geojsonOptions: olx.format.GeoJSONOptions;
-geojsonOptions.defaultDataProjection = "EPSG";
-geojsonOptions.defaultDataProjection = projection;
-geojsonOptions.geometryName = "geom";
-
-var geojsonFormat: ol.format.GeoJSON;
-geojsonFormat = new ol.format.GeoJSON();
-geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
-
-// Test options
-var readOptions: olx.format.ReadOptions;
-readOptions.dataProjection = "EPSG";
-readOptions.dataProjection = projection;
-readOptions.featureProjection = "EPSG";
-readOptions.featureProjection = projection;
-
-var writeOptions: olx.format.WriteOptions;
-writeOptions.dataProjection = "EPSG";
-writeOptions.dataProjection = projection;
-writeOptions.featureProjection = "EPSG";
-writeOptions.featureProjection = projection;
-writeOptions.rightHanded = false;
-
-// Test functions
-feature = geojsonFormat.readFeature("json");
-feature = geojsonFormat.readFeature("json", readOptions);
-featureArray = geojsonFormat.readFeatures("json");
-featureArray = geojsonFormat.readFeatures("json", readOptions);
-geometry = geojsonFormat.readGeometry("geometry");
-geometry = geojsonFormat.readGeometry("geometry", readOptions);
-stringValue = geojsonFormat.writeFeature(feature);
-stringValue = geojsonFormat.writeFeature(feature, writeOptions);
-stringValue = geojsonFormat.writeFeatures(featureArray);
-stringValue = geojsonFormat.writeFeatures(featureArray, writeOptions);
-stringValue = geojsonFormat.writeGeometry(geometry);
-stringValue = geojsonFormat.writeGeometry(geometry, writeOptions);
-jsonValue = geojsonFormat.writeFeatureObject(feature);
-jsonValue = geojsonFormat.writeFeatureObject(feature, writeOptions);
-jsonValue = geojsonFormat.writeFeaturesObject(featureArray);
-jsonValue = geojsonFormat.writeFeaturesObject(featureArray, writeOptions);
-jsonValue = geojsonFormat.writeGeometryObject(geometry);
-jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions);
-
-//
-// ol.interactions
-//
-var modify: ol.interaction.Modify = new ol.interaction.Modify({
-    features: new ol.Collection<ol.Feature>(featureArray)
-});
-
-var draw: ol.interaction.Draw = new ol.interaction.Draw({
-    type: "Point",
-    clickTolerance: numberValue,
-    features: new ol.Collection([]),
-    source: vectorSource,
-    snapTolerance: numberValue,
-    maxPoints: numberValue,
-    minPoints: numberValue,
-    style: style,
-    geometryFunction: drawGeometryFunction,
-    geometryName: stringValue,
-    condition: ol.events.condition.never,
-    freehandCondition: ol.events.condition.never,
-    wrapX: booleanValue
-});
-draw = new ol.interaction.Draw({
-    type: "Point",
-    style: styleArray
-});
-draw = new ol.interaction.Draw({
-    type: "Point",
-    style: styleFunction
-});
-var styleFunctionAsStyle = function(feature: ol.Feature, resolution: number): ol.style.Style { return style; }
-draw = new ol.interaction.Draw({
-    type: "Point",
-    style: styleFunctionAsStyle
-});
-var styleFunctionAsArray = function(feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
-draw = new ol.interaction.Draw({
-    type: "Point",
-    style: styleFunctionAsArray
-});
-
-var dragbox: ol.interaction.DragBox = new ol.interaction.DragBox({
-    className: stringValue,
-    condition: ol.events.condition.always,
-    boxEndCondition: function (mapBrowserEvent: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel) {
-        var width: number = endPixel[0] - startPixel[0];
-        var height: number = endPixel[1] - startPixel[1];
-        return booleanValue;
-    }
-});
-polygon = dragbox.getGeometry();
-
-var interaction: ol.interaction.Interaction = new ol.interaction.Interaction({
-    handleEvent: function (e: ol.MapBrowserEvent) {
-        return booleanValue;
-    }
-});
-booleanValue = interaction.handleEvent(mapBrowserEvent);
-booleanValue = interaction.getActive();
-map = interaction.getMap();
-voidValue = interaction.setActive(true);
-
-
-
-const select: ol.interaction.Select = new ol.interaction.Select({
-    layers: (layer: ol.layer.Layer) => true,
-});
diff --git a/openlayers/openlayers-3.14.2.d.ts b/openlayers/openlayers-3.14.2.d.ts
deleted file mode 100644
index 23b25f8a2e..0000000000
--- a/openlayers/openlayers-3.14.2.d.ts
+++ /dev/null
@@ -1,4893 +0,0 @@
-// Type definitions for OpenLayers v3.14.2
-// Project: http://openlayers.org/
-// Definitions by: Wouter Goedhart <https://github.com/woutergd>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// we can't use Object, Event, EventTarget, etc within the namespace because they would refer to OpenLayer's versions.
-declare type GlobalObject = Object;
-declare type GlobalEvent = Event;
-declare type GlobalEventTarget = EventTarget;
-
-declare namespace olx {
-
-    interface AttributionOptions {
-
-        /** HTML markup for this attribution. */
-        html: string;
-    }
-
-    interface DeviceOrientationOptions {
-
-        /**
-         * Start tracking. Default is false.
-         */
-        tracking?: boolean;
-    }
-
-    interface FrameState {
-
-        /**
-         *
-         */
-        pixelRatio: number;
-
-        /**
-         *
-         */
-        time: number;
-
-        /**
-         *
-         */
-        viewState: olx.ViewState;
-    }
-
-    interface FeatureOverlayOptions {
-
-        /**
-         * Features
-         */
-        features?: Array<ol.Feature> | ol.Collection<ol.Feature> | ol.style.StyleFunction;
-
-        /**
-         * Map
-         */
-        map: ol.Map;
-
-        /**
-         * Style
-         */
-        style: ol.style.Style | Array<ol.style.Style>;
-    }
-
-    interface GeolocationOptions {
-
-        /**
-         * Start Tracking. Default is false.
-         */
-        tracking?: boolean;
-
-        /**
-         * Tracking options. See http://www.w3.org/TR/geolocation-API/#position_options_interface.
-         */
-        trackingOptions?: PositionOptions;
-
-        /**
-         * The projection the position is reported in.
-         */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-    }
-
-    interface GraticuleOptions {
-
-        /** Reference to an ol.Map object. */
-        map?: ol.Map;
-
-        /** The maximum number of meridians and parallels from the center of the map. The default value is 100, which means that at most 200 meridians and 200 parallels will be displayed. The default value is appropriate for conformal projections like Spherical Mercator. If you increase the value more lines will be drawn and the drawing performance will decrease. */
-        maxLines?: number;
-
-        /** The stroke style to use for drawing the graticule. If not provided, the lines will be drawn with rgba(0,0,0,0.2), a not fully opaque black. */
-        strokeStyle?: ol.style.Stroke;
-
-        /** The target size of the graticule cells, in pixels. Default value is 100 pixels. */
-        targetSize?: number;
-    }
-
-    interface BaseWMSOptions {
-
-        /** Attributions. */
-        attributions?: Array<ol.Attribution>;
-
-        /** WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. */
-        params?: any;
-
-        /** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
-        crossOrigin?: string;
-
-        /** experimental Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true. */
-        hidpi?: boolean;
-
-        /** experimental The type of the remote WMS server: mapserver, geoserver or qgis. Only needed if hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** Logo. */
-        logo?: olx.LogoOptions;
-
-        /** experimental Projection. */
-        projection?: ol.proj.ProjectionLike;
-    }
-
-    interface ImageWMSOptions extends BaseWMSOptions {
-
-        /** experimental Optional function to load an image given a URL. */
-        imageLoadFunction?: ol.ImageLoadFunctionType;
-
-        /** Ratio. 1 means image requests are the size of the map viewport, 2 means twice the width and height of the map viewport, and so on. Must be 1 or higher. Default is 1.5. */
-        ratio?: number;
-
-        /** Resolutions. If specified, requests will be made for these resolutions only. */
-        resolutions?: Array<number>;
-    }
-
-    interface TileWMSOptions {
-
-        attributions?: Array<ol.Attribution>;
-
-        /**WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. Required.*/
-        params: GlobalObject;
-        /**The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.*/
-        crossOrigin?: string;
-
-        /** The size in pixels of the gutter around image tiles to ignore. By setting this property to a non-zero value, images will be requested that are wider and taller than the tile size by a value of 2 x gutter. Defaults to zero. Using a non-zero value allows artifacts of rendering at tile edges to be ignored. If you control the WMS service it is recommended to address "artifacts at tile edges" issues by properly configuring the WMS service. For example, MapServer has a tile_map_edge_buffer configuration parameter for this. See http://mapserver.org/output/tile_mode.html. */
-        gutter?: number;
-
-        /** Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true.*/
-        hidpi?: boolean;
-
-        logo?: string | olx.LogoOptions;
-
-        /** Tile grid. Base this on the resolutions, tilesize and extent supported by the server. If this is not defined, a default grid will be used: if there is a projection extent, the grid will be based on that; if not, a grid based on a global extent with origin at 0,0 will be used. */
-        tileGrid?: ol.tilegrid.TileGrid;
-
-        /** experimental Maximum zoom. */
-        maxZoom?: number;
-
-        projection?: ol.proj.ProjectionLike;
-        reprojectionErrorThreshold?: number;
-
-        /** experimental Optional function to load a tile given a URL. */
-        tileLoadFunction?: ol.TileLoadFunctionType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** WMS service urls. Use this instead of url when the WMS supports multiple urls for GetMap requests. */
-        urls?: Array<string>;
-
-        /** experimental The type of the remote WMS server. Currently only used when hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** experimental Whether to wrap the world horizontally. When set to false, only one world will be rendered. When true, tiles will be requested for one world only, but they will be wrapped horizontally to render multiple worlds. The default is true. */
-        wrapX?: boolean;
-    }
-    /**
-     * Object literal with config options for the map logo.
-     */
-    interface LogoOptions {
-        /**
-         * Link url for the logo. Will be followed when the logo is clicked.
-         */
-        href: string;
-
-        /**
-         * Image src for the logo
-         */
-        src: string;
-
-    }
-
-    interface MapOptions {
-
-        /** Controls initially added to the map. If not specified, ol.control.defaults() is used. */
-        controls?: any;
-
-        /** The ratio between physical pixels and device-independent pixels (dips) on the device. If undefined then it gets set by using window.devicePixelRatio. */
-        pixelRatio?: number;
-
-        /** Interactions that are initially added to the map. If not specified, ol.interaction.defaults() is used. */
-        interactions?: any;
-
-        /** The element to listen to keyboard events on. This determines when the KeyboardPan and KeyboardZoom interactions trigger. For example, if this option is set to document the keyboard interactions will always trigger. If this option is not specified, the element the library listens to keyboard events on is the map target (i.e. the user-provided div for the map). If this is not document the target element needs to be focused for key events to be emitted, requiring that the target element has a tabindex attribute. */
-        keyboardEventTarget?: any;
-
-        /** Layers. If this is not defined, a map with no layers will be rendered. Note that layers are rendered in the order supplied, so if you want, for example, a vector layer to appear on top of a tile layer, it must come after the tile layer. */
-        layers?: Array<any>
-
-        /** When set to true, tiles will be loaded during animations. This may improve the user experience, but can also make animations stutter on devices with slow memory. Default is false. */
-        loadTilesWhileAnimating?: boolean;
-
-        /** When set to true, tiles will be loaded while interacting with the map. This may improve the user experience, but can also make map panning and zooming choppy on devices with slow memory. Default is false. */
-        loadTilesWhileInteracting?: boolean;
-
-        /** The map logo. A logo to be displayed on the map at all times. If a string is provided, it will be set as the image source of the logo. If an object is provided, the src property should be the URL for an image and the href property should be a URL for creating a link. To disable the map logo, set the option to false. By default, the OpenLayers 3 logo is shown. */
-        logo?: any;
-
-        /** Overlays initially added to the map. By default, no overlays are added. */
-        overlays?: any;
-
-        /** Renderer. By default, Canvas, DOM and WebGL renderers are tested for support in that order, and the first supported used. Specify a ol.RendererType here to use a specific renderer. Note that at present only the Canvas renderer supports vector data. */
-        renderer?: any;
-
-        /** The container for the map, either the element itself or the id of the element. If not specified at construction time, ol.Map#setTarget must be called for the map to be rendered. */
-        target?: any;
-
-        /** The map's view. No layer sources will be fetched unless this is specified at construction time or through ol.Map#setView. */
-        view?: ViewOptions;
-    }
-
-    interface OverlayOptions {
-
-        /**
-         * The overlay element.
-         */
-        element?: Element;
-
-        /**
-         * Offsets in pixels used when positioning the overlay. The fist element in the array is the horizontal offset. A positive value shifts the overlay right. The second element in the array is the vertical offset. A positive value shifts the overlay down. Default is [0, 0].
-         */
-        offset?: Array<number>;
-
-        /**
-         * The overlay position in map projection.
-         */
-        position?: ol.Coordinate;
-
-        /**
-         * Defines how the overlay is actually positioned with respect to its position property. Possible values are 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', and 'top-right'. Default is 'top-left'.
-         */
-        positioning?: ol.OverlayPositioning;
-
-        /**
-         * Whether event propagation to the map viewport should be stopped. Default is true. If true the overlay is placed in the same container as that of the controls (CSS class name ol-overlaycontainer-stopevent); if false it is placed in the container with CSS class name ol-overlaycontainer.
-         */
-        stopEvent?: boolean;
-
-        /**
-         * Whether the overlay is inserted first in the overlay container, or appended. Default is true. If the overlay is placed in the same container as that of the controls (see the stopEvent option) you will probably set insertFirst to true so the overlay is displayed below the controls.
-         */
-        insertFirst?: boolean;
-
-        /**
-         * If set to true the map is panned when calling setPosition, so that the overlay is entirely visible in the current viewport. The default is false.
-         */
-        autoPan?: boolean;
-
-        /**
-         * The options used to create a ol.animation.pan animation. This animation is only used when autoPan is enabled. By default the default options for ol.animation.pan are used. If set to null the panning is not animated.
-         */
-        autoPanAnimation?: olx.animation.PanOptions;
-
-        /**
-         * The margin (in pixels) between the overlay and the borders of the map when autopanning. The default is 20.
-         */
-        autoPanMargin?: number;
-    }
-
-    interface ViewOptions {
-
-        /** The initial center for the view. The coordinate system for the center is specified with the projection option. Default is undefined, and layer sources will not be fetched if this is not set. */
-        center?: ol.Coordinate;
-
-        /** Rotation constraint. false means no constraint. true means no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example, 4 will constrain the rotation to 0, 90, 180, and 270 degrees. The default is true. */
-        constrainRotation?: boolean;
-
-        /** Enable rotation. Default is true. If false a rotation constraint that always sets the rotation to zero is used. The constrainRotation option has no effect if enableRotation is false. */
-        enableRotation?: boolean;
-
-        /**The extent that constrains the center, in other words, center cannot be set outside this extent. Default is undefined. */
-        extent?: ol.Extent;
-
-        /** The maximum resolution used to determine the resolution constraint. It is used together with minResolution (or maxZoom) and zoomFactor. If unspecified it is calculated in such a way that the projection's validity extent fits in a 256x256 px tile. If the projection is Spherical Mercator (the default) then maxResolution defaults to 40075016.68557849 / 256 = 156543.03392804097. */
-        maxResolution?: number;
-
-        /** The minimum resolution used to determine the resolution constraint. It is used together with maxResolution (or minZoom) and zoomFactor. If unspecified it is calculated assuming 29 zoom levels (with a factor of 2). If the projection is Spherical Mercator (the default) then minResolution defaults to 40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253. */
-        minResolution?: number;
-
-        /** The maximum zoom level used to determine the resolution constraint. It is used together with minZoom (or maxResolution) and zoomFactor. Default is 28. Note that if minResolution is also provided, it is given precedence over maxZoom. */
-        maxZoom?: number;
-
-        /** The minimum zoom level used to determine the resolution constraint. It is used together with maxZoom (or minResolution) and zoomFactor. Default is 0. Note that if maxResolution is also provided, it is given precedence over minZoom. */
-        minZoom?: number;
-
-        /** The projection. Default is EPSG:3857 (Spherical Mercator). */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-        /** The initial resolution for the view. The units are projection units per pixel (e.g. meters per pixel). An alternative to setting this is to set zoom. Default is undefined, and layer sources will not be fetched if neither this nor zoom are defined. */
-        resolution?: number;
-
-        /** Resolutions to determine the resolution constraint. If set the maxResolution, minResolution, minZoom, maxZoom, and zoomFactor options are ignored. */
-        resolutions?: Array<number>;
-
-        /** The initial rotation for the view in radians (positive rotation clockwise). Default is 0. */
-        rotation?: number;
-
-        /** Only used if resolution is not defined. Zoom level used to calculate the initial resolution for the view. The initial resolution is determined using the ol.View#constrainResolution method. */
-        zoom?: number;
-
-        /** The zoom factor used to determine the resolution constraint. Default is 2. */
-        zoomFactor?: number;
-    }
-
-    interface ViewState {
-
-        /**
-         *
-         */
-        center: ol.Coordinate;
-
-        /**
-         *
-         */
-        projection: ol.proj.Projection;
-
-        /**
-         *
-         */
-        resolution: number;
-
-        /**
-         *
-         */
-        rotation: number;
-    }
-
-    interface Projection {
-        /**
-         * The SRS identifier code, e.g. EPSG:4326.
-         */
-        code: string;
-
-        /**
-         * Units. Required unless a proj4 projection is defined for code.
-         */
-        units?: ol.proj.Units;
-
-        /**
-         * The validity extent for the SRS.
-         */
-        extent?: Array<number>;
-
-        /**
-         * The axis orientation as specified in Proj4. The default is enu.
-         */
-        axisOrientation?: string;
-
-        /**
-         * Whether the projection is valid for the whole globe. Default is false.
-         */
-        global?: boolean;
-
-        /**
-         * experimental The world extent for the SRS.
-         */
-        worldExtent?: ol.Extent;
-
-        /**
-         *  experimental Function to determine resolution at a point. The function is called with
-         *  a {number} view resolution and an {ol.Coordinate} as arguments, and returns the {number}
-         *  resolution at the passed coordinate.
-         */
-        getPointResolution?: (resolution: number, coordinate: ol.Coordinate) => number;
-    }
-
-    namespace animation {
-
-        interface BounceOptions {
-
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            resolution: number;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number;
-        }
-
-        interface PanOptions {
-
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            source: ol.Coordinate;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number;
-        }
-
-        interface RotateOptions {
-
-            /**
-             * The rotation value (in radians) to begin rotating from, typically map.getView().getRotation(). If undefined then 0 is assumed.
-             */
-            rotation?: number;
-
-            /**
-             * The rotation center/anchor. The map rotates around the center of the view if unspecified.
-             */
-            anchor?: ol.Coordinate;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number
-        }
-
-        interface ZoomOptions {
-
-            /**
-             * The resolution to begin zooming from, typically map.getView().getResolution().
-             */
-            resolution: number;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number
-        }
-    }
-
-    namespace control {
-
-        interface DefaultsOptions {
-
-            /**
-             * Attribution. Default is true.
-             */
-            attribution?: boolean;
-
-            /**
-             * Attribution options.
-             */
-                //TODO: Replace with olx.control.AttributionOptions
-            attributionOptions?: any;
-
-            /**
-             * Rotate. Default is true;
-             */
-            rotate?: boolean;
-
-            /**
-             * Rotate options
-             */
-                //TODO: Replace with olx.control.RotateOptions
-            rotateOptions?: any;
-
-            /**
-             * Zoom. Default is true
-             */
-            zoom?: boolean;
-
-            /**
-             *
-             */
-                //TODO: Replace with olx.control.ZoomOptions
-            zoomOptions?: any;
-        }
-    }
-
-    namespace interaction {
-        interface DefaultsOptions {
-            altShiftDragRotate?: boolean;
-            doubleClickZoom?: boolean;
-            keyboard?: boolean;
-            mouseWheelZoom?: boolean;
-            shiftDragZoom?: boolean;
-            dragPan?: boolean;
-            pinchRotate?: boolean;
-            pinchZoom?: boolean;
-            zoomDelta?: number;
-            zoomDuration?: number;
-        }
-        interface DragBoxOptions {
-            className?: string
-            condition?: ol.events.ConditionType
-            boxEndCondition?: ol.interaction.DragBoxEndConditionType
-        }
-        interface InteractionOptions {
-            handleEvent (e: ol.MapBrowserEvent): boolean
-        }
-        interface ModifyOptions {
-            deleteCondition?: ol.events.ConditionType;
-            pixelTolerance?: number;
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            features: ol.Collection<ol.Feature>;
-            wrapX?: boolean;
-        }
-        interface DrawOptions {
-            clickTolerance?: number;
-            features?: ol.Collection<ol.Feature>;
-            source?: ol.source.Vector;
-            snapTolerance?: number;
-            type: ol.geom.GeometryType;
-            maxPoints?: number;
-            minPoints?: number;
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            geometryFunction?: ol.interaction.DrawGeometryFunctionType;
-            geometryName?: string;
-            condition?: ol.events.ConditionType;
-            freehandCondition?: ol.events.ConditionType;
-            wrapX?: boolean;
-        }
-        interface PointerOptions {
-            handleDownEvent?: (e: ol.MapBrowserPointerEvent) => boolean;
-            handleDragEvent?: (e: ol.MapBrowserPointerEvent) => void;
-            handleEvent?: (e: ol.MapBrowserEvent) => boolean;
-            handleMoveEvent?: (e: ol.MapBrowserPointerEvent) => void;
-            handleUpEvent?: (e: ol.MapBrowserPointerEvent) => boolean;
-        }
-        interface SelectOptions {
-            addCondition?: ol.events.ConditionType;
-            condition?: ol.events.ConditionType;
-            layers?: Array<ol.layer.Layer> | ((layer: ol.layer.Layer) => boolean);
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            removeCondition?: ol.events.ConditionType;
-            toggleCondition?: ol.events.ConditionType;
-            multi?: boolean;
-            features?: ol.Collection<ol.Feature>;
-            filter?: ol.interaction.SelectFilterFunction;
-            wrapX?: boolean;
-        }
-    }
-
-    namespace layer {
-
-        interface BaseOptions {
-            /**
-             * Opacity (0, 1). Default is 1.
-             */
-            opacity?: number;
-
-            /**
-             * Visibility. Default is true.
-             */
-            visible?: boolean;
-
-            /**
-             * The bounding extent for layer rendering. The layer will not be rendered outside of this extent.
-             */
-            extent?: ol.Extent;
-
-            zIndex?: number;
-            /**
-             * The minimum resolution (inclusive) at which this layer will be visible.
-             */
-            minResolution?: number;
-
-            /**
-             * The maximum resolution (exclusive) below which this layer will be visible.
-             */
-            maxResolution?: number;
-        }
-
-        interface GroupOptions extends BaseOptions {
-
-            /**
-             * Child layers
-             */
-            layers?: Array<ol.layer.Base> | ol.Collection<ol.layer.Base>;
-        }
-
-        interface HeatmapOptions extends VectorOptions {
-
-            /**
-             * The color gradient of the heatmap, specified as an array of CSS color strings. Default is ['#00f', '#0ff', '#0f0', '#ff0', '#f00'].
-             */
-            gradient?: Array<String>;
-
-            /**
-             * Radius size in pixels. Default is 8.
-             */
-            radius?: number;
-
-            /**
-             * Blur size in pixels. Default is 15.
-             */
-            blur?: number;
-
-            /**
-             * Shadow size in pixels. Default is 250.
-             */
-            shadow?: number;
-        }
-
-        interface ImageOptions extends LayerOptions {
-        }
-
-        interface LayerOptions extends BaseOptions {
-
-            /**
-             * The layer source (or null if not yet set).
-             */
-            source?: ol.source.Source;
-        }
-
-        interface TileOptions extends LayerOptions {
-
-            /**
-             * Preload. Load low-resolution tiles up to preload levels. By default preload is 0, which means no preloading.
-             */
-            preload?: number;
-
-            /**
-             * Source for this layer.
-             */
-            source?: ol.source.Tile;
-
-            /**
-             * Use interim tiles on error. Default is true.
-             */
-            useInterimTilesOnError?: boolean;
-        }
-
-        interface VectorOptions extends LayerOptions {
-
-            /**
-             * Render order. Function to be used when sorting features before rendering. By default features are drawn in the order that they are created. Use null to avoid the sort, but get an undefined draw order.
-             */
-            renderOrder?: (a: ol.Feature, b: ol.Feature) => number;
-
-            map?: ol.Map;
-
-            extent?: ol.Extent;
-
-            minResolution?: number;
-
-            maxResolution?: number;
-
-            opacity?: number;
-
-            /**
-             * The buffer around the viewport extent used by the renderer when getting features from the vector source for the rendering or hit-detection. Recommended value: the size of the largest symbol, line width or label. Default is 100 pixels.
-             */
-            renderBuffer?: number;
-
-            /**
-             * Source.
-             */
-            source: ol.source.Vector;
-
-            /**
-             * Layer style. See ol.style for default style which will be used if this is not defined.
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-            /**
-             * When set to true, feature batches will be recreated during animations. This means that no vectors will be shown clipped, but the setting will have a performance impact for large amounts of vector data. When set to false, batches will be recreated when no animation is active. Default is false.
-             */
-            updateWhileAnimating?: boolean;
-
-            /**
-             * When set to true, feature batches will be recreated during interactions. See also updateWhileInteracting. Default is false.
-             */
-            updateWhileInteracting?: boolean;
-
-            visible?: boolean;
-        }
-    }
-
-    namespace source {
-
-        interface VectorOptions {
-            /**
-             * Attributions.
-             */
-            attributions?: Array<ol.Attribution>;
-
-            /**
-             * Features. If provided as {@link ol.Collection}, the features in the source
-             * and the collection will stay in sync.
-             */
-            features?: Array<ol.Feature> | ol.Collection<ol.Feature>;
-
-            /**
-             * The feature format used by the XHR feature loader when `url` is set.
-             * Required if `url` is set, otherwise ignored. Default is `undefined`.
-             */
-            format?: ol.format.Feature;
-
-            /**
-             * The loader function used to load features, from a remote source for example.
-             * Note that the source will create and use an XHR feature loader when `url` is
-             * set.
-             */
-            loader?: ol.FeatureLoader;
-
-            /**
-             * Logo.
-             */
-            logo?: string | olx.LogoOptions;
-
-            /**
-             * The loading strategy to use. By default an {@link ol.loadingstrategy.all}
-             * strategy is used, a one-off strategy which loads all features at once.
-             */
-            strategy?: ol.LoadingStrategy;
-
-            /**
-             * Setting this option instructs the source to use an XHR loader (see
-             * {@link ol.featureloader.xhr}) and an {@link ol.loadingstrategy.all} for a
-             * one-off download of all features from that URL.
-             * Requires `format` to be set as well.
-             */
-            url?: string | ol.FeatureUrlFunction;
-
-            /**
-             * By default, an RTree is used as spatial index. When features are removed and
-             * added frequently, and the total number of features is low, setting this to
-             * `false` may improve performance.
-             */
-            useSpatialIndex?: boolean;
-
-            /**
-             * Wrap the world horizontally. Default is `true`. For vector editing across the
-             * -180° and 180° meridians to work properly, this should be set to `false`. The
-             * resulting geometry coordinates will then exceed the world bounds.
-             */
-            wrapX?: boolean;
-        }
-        interface WMTSOptions {
-            attributions?: Array<ol.Attribution>;
-            crossOrigin?: string;
-            logo?: string | olx.LogoOptions;
-            tileGrid: ol.tilegrid.WMTS;     // REQUIRED !
-            projection?: ol.proj.ProjectionLike;
-            reprojectionErrorThreshold?: number;
-            requestEncoding?: ol.source.WMTSRequestEncoding;
-            layer: string;      //REQUIRED
-            style: string;      //REQUIRED
-            tileClass?: Function;
-            tilePixelRatio?: number;
-            version?: string;
-            format?: string;
-            matrixSet: string;  //REQUIRED
-            dimensions?: GlobalObject;
-            url?: string;
-            maxZoom?: number;
-            tileLoadFunction?: ol.TileLoadFunctionType;
-            urls?: Array<string>;
-            wrapX: boolean;
-        }
-    }
-
-    namespace style {
-
-        interface FillOptions {
-            color?: ol.Color | string;
-        }
-
-        interface StyleOptions {
-            geometry?: string | ol.geom.Geometry | ol.style.GeometryFunction;
-            fill?: ol.style.Fill;
-            image?: ol.style.Image;
-            stroke?: ol.style.Stroke;
-            text?: ol.style.Text;
-            zIndex?: number;
-        }
-
-        interface TextOptions {
-            font?: string;
-            offsetX?: number;
-            offsetY?: number;
-            scale?: number;
-            rotation?: number;
-            text?: string;
-            textAlign?: string;
-            textBaseline?: string;
-            fill?: ol.style.Fill;
-            stroke?: ol.style.Stroke;
-        }
-        interface StrokeOptions {
-            color?: ol.Color | string;
-            lineCap?: string;
-            lineJoin?: string;
-            lineDash?: Array<number>;
-            miterLimit?: number;
-            width?: number;
-        }
-        interface IconOptions {
-            anchor?: Array<number>;
-            anchorOrigin?: string;
-            anchorXUnits?: string;
-            anchorYUnits?: string;
-            crossOrigin?: string;
-            img?: ol.Image | HTMLCanvasElement;
-            offset?: Array<number>;
-            offsetOrigin?: string;
-            opacity?: number;
-            scale?: number;
-            snapToPixel?: boolean;
-            rotateWithView?: boolean;
-            rotation?: number;
-            size?: ol.Size;
-            imgSize?: ol.Size;
-            src?: string;
-        }
-        interface CircleOptions {
-            fill?: ol.style.Fill;
-            radius: number;
-            snapToPixel?: boolean;
-            stroke?: ol.style.Stroke;
-        }
-    }
-
-    namespace tilegrid {
-
-        interface TileGridOptions {
-
-            /**
-             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.Tile sources. When no origin or origins are configured, the origin will be set to the bottom-left corner of the extent. When no sizes are configured, they will be calculated from the extent.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
-            minZoom?: number;
-
-            /**
-             * Origin, i.e. the bottom-left corner of the grid. Default is null.
-             */
-            origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the bottom-left corners of the grid for each zoom level. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different origin.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1.
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * Tile size. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different tile size.
-             */
-            tileSizes?: Array<number | ol.Size>;
-        }
-
-        interface WMTSOptions {
-
-            /**
-             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.WMTS sources. When no origin or origins are configured, the origin will be calculated from the extent. When no sizes are configured, they will be calculated from the extent.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Origin, i.e. the top-left corner of the grid.
-             */
-            origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the top-left corners of the grid for each zoom level. The length of this array needs to match the length of the resolutions array.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * matrix IDs. The length of this array needs to match the length of the resolutions array.
-             */
-            matrixIds?: Array<string>;
-
-            /**
-             * Number of tile rows and columns of the grid for each zoom level. The values here are the TileMatrixWidth and TileMatrixHeight advertised in the GetCapabilities response of the WMTS, and define the grid's extent together with the origin. An extent can be configured in addition, and will further limit the extent for which tile requests are made by sources.
-             */
-            sizes?: Array<ol.Size>;
-
-            /**
-             * Tile size.
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. The length of this array needs to match the length of the resolutions array.
-             */
-            tileSizes?: Array<number | ol.Size>;
-
-            /**
-             * Number of tile columns that cover the grid's extent for each zoom level. Only required when used with a source that has wrapX set to true, and only when the grid's origin differs from the one of the projection's extent. The array length has to match the length of the resolutions array, i.e. each resolution will have a matching entry here.
-             */
-            widths?: Array<number>;
-        }
-
-        interface XYZOptions {
-
-            /**
-             * Extent for the tile grid. The origin for an XYZ tile grid is the top-left corner of the extent. The zero level of the grid is defined by the resolution at which one tile fits in the provided extent. If not provided, the extent of the EPSG:3857 projection is used.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Maximum zoom. The default is ol.DEFAULT_MAX_ZOOM. This determines the number of levels in the grid set. For example, a maxZoom of 21 means there are 22 levels in the grid set.
-             */
-            maxZoom?: number;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
-            minZoom?: number;
-
-            /**
-             * Tile size in pixels. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
-        }
-
-        interface ZoomifyOptions {
-
-            /**
-             * Resolutions
-             */
-            resolutions: Array<number>;
-        }
-    }
-
-    namespace view {
-
-        interface FitGeometryOptions {
-
-            /**
-             * Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding. Default is [0, 0, 0, 0].
-             */
-            padding?: Array<number>;
-
-            /**
-             * Constrain the resolution. Default is true.
-             */
-            constrainResolution?: boolean;
-
-            /**
-             * Get the nearest extent. Default is false.
-             */
-            nearest?: boolean;
-
-            /**
-             * Minimum resolution that we zoom to. Default is 0.
-             */
-            minResolution?: number;
-
-            /**
-             * Maximum zoom level that we zoom to. If minResolution is given, this property is ignored.
-             */
-            maxZoom?: number;
-        }
-    }
-
-    namespace format {
-        interface WKTOptions {
-            /**
-             * Whether to split GeometryCollections into multiple features on reading. Default is false.
-             */
-            splitCollection?: boolean;
-        }
-
-        interface GeoJSONOptions {
-
-            /**
-             * Default data projection.
-             */
-            defaultDataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Geometry name to use when creating features
-             */
-            geometryName?: string;
-        }
-
-        interface ReadOptions {
-
-            /**
-             * Projection of the data we are reading. If not provided, the projection will be derived from the data (where possible) or the defaultDataProjection of the format is assigned (where set). If the projection can not be derived from the data and if no defaultDataProjection is set for a format, the features will not be reprojected.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries created by the format reader. If not provided, features will be returned in the dataProjection.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-        }
-
-        interface WriteOptions {
-
-            /**
-             * Projection of the data we are writing. If not provided, the defaultDataProjection of the format is assigned (where set). If no defaultDataProjection is set for a format, the features will be returned in the featureProjection.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries that will be serialized by the format writer.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * When writing geometries, follow the right-hand rule for linear ring orientation. This means that polygons will have counter-clockwise exterior rings and clockwise interior rings. By default, coordinates are serialized as they are provided at construction. If true, the right-hand rule will be applied. If false, the left-hand rule will be applied (clockwise for exterior and counter-clockwise for interior rings). Note that not all formats support this. The GeoJSON format does use this property when writing geometries.
-             */
-            rightHanded?: boolean;
-        }
-    }
-
-    namespace control {
-        interface ControlOptions {
-            /**
-             * The element is the control's container element. This only needs to be specified if you're developing a custom control.
-             */
-            element?: Element;
-
-            /**
-             * Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.
-             */
-            render?: any;
-
-            /**
-             * Specify a target if you want the control to be rendered outside of the map's viewport.
-             */
-            target?: Element | string;
-        }
-    }
-}
-
-/**
- * A high-performance, feature-packed library for all your mapping needs.
- */
-declare namespace ol {
-
-    interface TileLoadFunctionType { (image: ol.Image, url: string): void }
-
-    interface FeatureUrlFunction { (extent: ol.Extent, resolution: number, projection: ol.proj.Projection): string }
-
-    interface ImageLoadFunctionType { (image: ol.Image, url: string): void }
-
-    /**
-     * An attribution for a layer source.
-     */
-    class Attribution {
-        /**
-         * @constructor
-         * @param options Attribution options.
-         */
-        constructor(options: olx.AttributionOptions);
-
-        /**
-         * Get the attribution markup.
-         * @returns The attribution HTML.
-         */
-        getHTML(): string;
-    }
-
-    /**
-     * An expanded version of standard JS Array, adding convenience methods for manipulation. Add and remove changes to the Collection trigger a Collection event. Note that this does not cover changes to the objects within the Collection; they trigger events on the appropriate object, not on the Collection as a whole.
-     */
-    class Collection<T> extends ol.Object {
-
-        /**
-         * @constructor
-         * @param opt_array Array.
-         */
-        constructor(opt_array?: Array<T>)
-
-        /**
-         * Remove all elements from the collection.
-         */
-        clear(): void;
-
-        /**
-         * Add elements to the collection. This pushes each item in the provided array to the end of the collection.
-         * @param arr Array.
-         * @returns This collection.
-         */
-        extend(arr: Array<T>): Collection<T>;
-
-        /**
-         * Iterate over each element, calling the provided callback.
-         * @param f The function to call for every element. This function takes 3 arguments (the element, the index and the array).
-         * @param opt_this The object to use as this in f.
-         */
-        forEach(f: (element: T, index: number, array: Array<T>) => any, opt_this?: any): void;
-
-        /**
-         * Get a reference to the underlying Array object. Warning: if the array is mutated, no events will be dispatched by the collection, and the collection's "length" property won't be in sync with the actual length of the array.
-         * @returns Array.
-         */
-        getArray(): Array<T>;
-
-        /**
-         * Get the length of this collection.
-         * @returns The length of the array.
-         */
-        getLength(): number;
-
-        /**
-         * Insert an element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        insertAt(index: number, elem: T): void;
-
-        /**
-         * Get the element at the provided index.
-         * @param index Index.
-         * @returns Element.
-         */
-        item(index: number): T;
-
-        /**
-         * Remove the last element of the collection and return it. Return undefined if the collection is empty.
-         * @returns Element
-         */
-        pop(): T | void;
-
-        /**
-         * Insert the provided element at the end of the collection.
-         * @param elem Element.
-         * @returns Length.
-         */
-        push(elem: T): number;
-
-        /**
-         * Remove the first occurrence of an element from the collection.
-         * @param elem Element.
-         * @returns The removed element or undefined if none found.
-         */
-        remove(elem: T): T | void;
-
-        /**
-         * Remove the element at the provided index and return it. Return undefined if the collection does not contain this index.
-         * @param index Index.
-         * @returns Value.
-         */
-        removeAt(index: number): T | void;
-
-        /**
-         * Set the element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        setAt(index: number, elem: T): void;
-    }
-
-    /**
-     * Events emitted by ol.Collection instances are instances of this type.
-     */
-    class CollectionEvent<T> extends ol.events.Event {
-
-        /**
-         * The element that is added to or removed from the collection.
-         */
-        element: T;
-    }
-
-    /**
-     * The ol.DeviceOrientation class provides access to information from DeviceOrientation events.
-     */
-    class DeviceOrientation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.DeviceOrientationOptions);
-
-        /**
-         * Rotation around the device z-axis (in radians).
-         * @returns The euler angle in radians of the device from the standard Z axis.
-         */
-        getAlpha(): number;
-
-        /**
-         * Rotation around the device x-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar X axis.
-         */
-        getBeta(): number;
-
-        /**
-         * Rotation around the device y-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar Y axis.
-         */
-        getGamma(): number;
-
-        /**
-         * The heading of the device relative to north (in radians).
-         * @returns The heading of the device relative to north, in radians, normalizing for different browser behavior.
-         */
-        getHeading(): number;
-
-        /**
-         * Determine if orientation is being tracked.
-         * @returns Changes in device orientation are being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Enable or disable tracking of device orientation events.
-         * @param tracking The status of tracking changes to alpha, beta and gamma. If true, changes are tracked and reported immediately.
-         */
-        setTracking(tracking: boolean): void;
-    }
-
-    /**
-     * Events emitted by ol.interaction.DragBox instances are instances of this type.
-     */
-    class DragBoxEvent extends ol.events.Event {
-        constructor (
-            type: string,
-            coordinate: ol.Coordinate,
-            mapBrowserEvent: ol.MapBrowserEvent
-        );
-        /**
-         * The coordinate of the drag event.
-         */
-        coordinate: ol.Coordinate;
-        mapBrowserEvent: ol.MapBrowserEvent;
-    }
-
-    /**
-     * A vector object for geographic features with a geometry and other attribute properties, similar to the features in vector file formats like GeoJSON.
-     */
-    class Feature extends ol.Object {
-
-        /**
-         * @constructor
-         * @param geometryOrProperties Geometry.
-         */
-        // TODO: replace any with Object <string, *>
-        constructor(geometryOrProperties?: ol.geom.Geometry | any);
-
-        /**
-         * Clone this feature. If the original feature has a geometry it is also cloned. The feature id is not set in the clone.
-         * @returns The clone.
-         */
-        clone(): Feature;
-
-        /**
-         * Get the feature's default geometry. A feature may have any number of named geometries. The "default" geometry (the one that is rendered by default) is set when calling ol.Feature#setGeometry.
-         * @returns The default geometry for the feature.
-         */
-        getGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the name of the feature's default geometry. By default, the default geometry is named geometry.
-         * @returns Get the property name associated with the default geometry for this feature.
-         */
-        getGeometryName(): string;
-
-        /**
-         * @returns Id.
-         */
-        getId(): string | number;
-
-        /**
-         * Get the feature's style. This return for this method depends on what was provided to the ol.Feature#setStyle method.
-         * The feature style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction;
-
-        /**
-         * Get the feature's style function.
-         * @returns Return a function representing the current style of this feature.
-         */
-        getStyleFunction(): ol.FeatureStyleFunction;
-
-        /**
-         * Set the default geometry for the feature. This will update the property with the name returned by ol.Feature#getGeometryName.
-         * @param geometry The new geometry.
-         */
-        setGeometry(geometry: ol.geom.Geometry): void;
-
-        /**
-         * Set the property name to be used when getting the feature's default geometry. When calling ol.Feature#getGeometry, the value of the property with this name will be returned.
-         * @param name The property name of the default geometry.
-         */
-        setGeometryName(name: string): void;
-
-        /**
-         * Set the feature id. The feature id is considered stable and may be used when requesting features or comparing identifiers returned from a remote source. The feature id can be used with the ol.source.Vector#getFeatureById method.
-         * @param id The feature id.
-         */
-        setId(id: string | number): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.FeatureStyleFunction): void;
-    }
-
-    /**
-     * A mechanism for changing the style of a small number of features on a temporary basis, for example highlighting.
-     */
-    class FeatureOverlay {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.FeatureOverlayOptions);
-
-        /**
-         * Add a feature to the overlay.
-         * @param feature Feature.
-         */
-        addFeature(feature: ol.Feature): void;
-
-        /**
-         * Get the features on the overlay.
-         * @returns Features collection.
-         */
-        getFeatures: ol.Collection<ol.Feature>;
-
-        /**
-         * Get the map associated with the overlay.
-         * @returns The map with which this feature overlay is associated.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-         * @returns Overlay style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-        /**
-         * Get the style function
-         * @returns Style function
-         */
-        getStyleFunction(): ol.style.StyleFunction;
-
-        /**
-         * Remove a feature from the overlay.
-         * @param feature The feature to be removed.
-         */
-        removeFeature(feature: ol.Feature): void;
-
-        /**
-         * Set the features for the overlay.
-         * @param features Features collection.
-         */
-        setFeatures(features: ol.Collection<ol.Feature>): void;
-
-        /**
-         * Set the map for the overlay.
-         * @param map Map.
-         */
-        setMap(map: ol.Map): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.StyleFunction): void;
-    }
-
-    /**
-     * Helper class for providing HTML5 Geolocation capabilities. The Geolocation API is used to locate a user's position.
-     */
-    class Geolocation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GeolocationOptions);
-
-        /**
-         * Get the accuracy of the position in meters.
-         * @returns The accuracy of the position measurement in meters.
-         */
-        getAccuracy(): number;
-
-        /**
-         * Get a geometry of the position accuracy.
-         * @returns A geometry of the position accuracy.
-         */
-        getAccuracyGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the altitude associated with the position.
-         * @returns The altitude of the position in meters above mean sea level.
-         */
-        getAltitude(): number;
-
-        /**
-         * Get the altitude accuracy of the position.
-         * @returns The accuracy of the altitude measurement in meters.
-         */
-        getAltitudeAccuracy(): number;
-
-        /**
-         * Get the heading as radians clockwise from North.
-         * @returns The heading of the device in radians from north.
-         */
-        getHeading(): number;
-
-        /**
-         * Get the position of the device.
-         * @returns The current position of the device reported in the current projection.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the projection associated with the position.
-         * @returns The projection the position is reported in.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the speed in meters per second.
-         * @returns The instantaneous speed of the device in meters per second.
-         */
-        getSpeed(): number;
-
-        /**
-         * Determine if the device location is being tracked.
-         * @returns The device location is being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Get the tracking options.
-         * @returns PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        getTrackingOptions(): PositionOptions;
-
-        /**
-         * Set the projection to use for transforming the coordinates.
-         * @param projection The projection the position is reported in.
-         */
-        setProjection(projection: ol.proj.Projection): void;
-
-        /**
-         * Enable or disable tracking.
-         * @param tracking Enable tracking
-         */
-        setTracking(tracking: boolean): void;
-
-        /**
-         * Set the tracking options.
-         * @param options PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        setTrackingOptions(options: PositionOptions): void;
-    }
-
-    /**
-     * Render a grid for a coordinate system on a map.
-     */
-    class Graticule {
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GraticuleOptions);
-
-        /**
-         * Get the map associated with this graticule.
-         * @returns The map.
-         */
-        getMap(): Map;
-
-        /**
-         * Get the list of meridians. Meridians are lines of equal longitude.
-         * @returns The meridians.
-         */
-        getMeridians(): Array<ol.geom.LineString>;
-
-        /**
-         * Get the list of parallels. Pallels are lines of equal latitude.
-         * @returns The parallels.
-         */
-        getParallels(): Array<ol.geom.LineString>;
-
-        /**
-         * Set the map for this graticule.The graticule will be rendered on the provided map.
-         * @param map Map
-         */
-        setMap(map: Map): void;
-    }
-
-    /**
-     *
-     */
-    class Image extends ol.ImageBase {
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-    }
-
-    /**
-     *
-     */
-    class ImageBase {
-    }
-
-    /**
-     *
-     */
-    class ImageTile extends ol.Tile {
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-
-    }
-
-    /**
-     * Implementation of inertial deceleration for map movement.
-     */
-    class Kinetic {
-
-        /**
-         * @constructor
-         * @param decay Rate of decay (must be negative).
-         * @param minVelocity Minimum velocity (pixels/millisecond).
-         * @param delay Delay to consider to calculate the kinetic initial values (milliseconds).
-         */
-        constructor(decay: number, minVelocity: number, delay: number);
-    }
-
-    /**
-     * The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed.
-     */
-    class Map extends ol.Object {
-
-        /**
-         * @constructor
-         * @params options Options.
-         */
-        constructor(options: olx.MapOptions);
-
-        /**
-         * Add the given control to the map.
-         * @param control Control.
-         */
-        addControl(control: ol.control.Control): void;
-
-        /**
-         * Add the given interaction to the map.
-         * @param interaction Interaction to add.
-         */
-        addInteraction(interaction: ol.interaction.Interaction): void;
-
-        /**
-         * Adds the given layer to the top of this map. If you want to add a layer elsewhere in the stack, use getLayers() and the methods available on ol.Collection.
-         * @param layer Layer.
-         */
-        addLayer(layer: ol.layer.Base): void;
-
-        /**
-         * Add the given overlay to the map.
-         * @param overlay Overlay.
-         */
-        addOverlay(overlay: ol.Overlay): void;
-
-        /**
-         * Add functions to be called before rendering. This can be used for attaching animations before updating the map's view. The ol.animation namespace provides several static methods for creating prerender functions.
-         * @param var_args Any number of pre-render functions.
-         */
-        beforeRender(...var_args: ol.PreRenderFunction[]): void;
-
-        /**
-         * Detect features that intersect a pixel on the viewport, and execute a callback with each intersecting feature. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Feature callback. The callback will be called with two arguments. The first argument is one feature at the pixel, the second is the layer of the feature. If the detected feature is not on a layer, but on a ol.FeatureOverlay, then the second argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
-
-        /**
-         * Detect layers that have a color value at a pixel on the viewport, and execute a callback with each matching layer. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Layer callback. Will receive one argument, the layer that contains the color pixel. If the detected color value is not from a layer, but from a ol.FeatureOverlay, then the argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachLayerAtPixel(pixel: ol.Pixel, callback: (layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
-
-        /**
-         * Get the map controls. Modifying this collection changes the controls associated with the map.
-         * @returns Controls.
-         */
-        getControls(): ol.Collection<ol.control.Control>;
-
-        /**
-         * Get the coordinate for a given pixel. This returns a coordinate in the map view projection.
-         * @param pixel Pixel position in the map viewport.
-         * @returns The coordinate for the pixel position.
-         */
-        getCoordinateFromPixel(pixel: ol.Pixel): ol.Coordinate;
-
-        /**
-         * Returns the geographical coordinate for a browser event.
-         * @param event Event.
-         * @returns Coordinate.
-         */
-        getEventCoordinate(event: GlobalEvent): ol.Coordinate;
-
-        /**
-         * Returns the map pixel position for a browser event relative to the viewport.
-         * @param event Event.
-         * @returns Pixel.
-         */
-        getEventPixel(event: GlobalEvent): ol.Pixel;
-
-        /**
-         * Get the map interactions. Modifying this collection changes the interactions associated with the map.
-         * @returns Interactions
-         */
-        getInteractions(): ol.Collection<ol.interaction.Interaction>;
-
-        /**
-         * Get the layergroup associated with this map.
-         * @returns A layer group containing the layers in this map.
-         */
-        getLayerGroup(): ol.layer.Group;
-
-        /**
-         * Get the collection of layers associated with this map.
-         * @returns Layers.
-         */
-        getLayers(): ol.Collection<ol.layer.Base>;
-
-        /**
-         * Get the map overlays. Modifying this collection changes the overlays associated with the map.
-         * @returns Overlays.
-         */
-        getOverlays(): ol.Collection<ol.Overlay>;
-
-        /**
-         * Get the pixel for a coordinate. This takes a coordinate in the map view projection and returns the corresponding pixel.
-         * @param coordinate A map coordinate.
-         * @returns A pixel position in the map viewport.
-         */
-        getPixelFromCoordinate(coordinate: ol.Coordinate): ol.Pixel;
-
-        /**
-         * Get the size of this map.
-         * @returns The size in pixels of the map in the DOM.
-         */
-        getSize(): ol.Size;
-
-        /**
-         * Get the target in which this map is rendered. Note that this returns what is entered as an option or in setTarget: if that was an element, it returns an element; if a string, it returns that.
-         * @returns The Element or id of the Element that the map is rendered in.
-         */
-        getTarget(): Element | string;
-
-        /**
-         * Get the DOM element into which this map is rendered. In contrast to getTarget this method always return an Element, or null if the map has no target.
-         * @returns The element that the map is rendered in.
-         */
-        getTargetElement(): Element;
-
-        /**
-         * Get the view associated with this map. A view manages properties such as center and resolution.
-         * @returns The view that controls this map.
-         */
-        getView(): View;
-
-        /**
-         * Get the element that serves as the map viewport.
-         * @returns Viewport.
-         */
-        getViewport(): Element;
-
-        /**
-         * Detect if features intersect a pixel on the viewport. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref Value to use as this when executing layerFilter.
-         * @returns Is there a feature at the given pixel?
-         */
-        hasFeatureAtPixel(pixel: ol.Pixel, layerFilter?: (layer: ol.layer.Layer) => boolean, ref?: any): boolean;
-
-        /**
-         * Remove the given control from the map.
-         * @param control Control.
-         * @returns The removed control (or undefined if the control was not found).
-         */
-        removeControl(control: ol.control.Control): ol.control.Control;
-
-        /**
-         * Remove the given interaction from the map.
-         * @param interaction Interaction to remove.
-         * @returns The removed interaction (or undefined if the interaction was not found).
-         */
-        removeInteraction(interaction: ol.interaction.Interaction): ol.interaction.Interaction;
-
-        /**
-         * Removes the given layer from the map.
-         * @param layer Layer.
-         * @returns The removed layer (or undefined if the layer was not found).
-         */
-        removeLayer(layer: ol.layer.Base): ol.layer.Base;
-
-        /**
-         * Remove the given overlay from the map.
-         * @param overlay Overlay.
-         * @returns The removed overlay (or undefined if the overlay was not found).
-         */
-        removeOverlay(overlay: ol.Overlay): ol.Overlay;
-
-        /**
-         * Request a map rendering (at the next animation frame).
-         */
-        render(): void;
-
-        /**
-         * Requests an immediate render in a synchronous manner.
-         */
-        renderSync(): void;
-
-        /**
-         * Sets the layergroup of this map.
-         * @param layerGroup A layer group containing the layers in this map.
-         */
-        setLayerGroup(layerGroup: ol.layer.Group): void;
-
-        /**
-         * Set the size of this map.
-         * @param size The size in pixels of the map in the DOM.
-         */
-        setSize(size: ol.Size): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The Element that the map is rendered in.
-         */
-        setTarget(target: Element): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The id of the element that the map is rendered in.
-         */
-        setTarget(target: string): void;
-
-        /**
-         * Set the view for this map.
-         * @param view The view that controls this map.
-         */
-        setView(view: View): void;
-
-        /**
-         * Force a recalculation of the map viewport size. This should be called when third-party code changes the size of the map viewport.
-         * */
-        updateSize(): void;
-    }
-
-    /**
-     * Events emitted as map browser events are instances of this type. See ol.Map for which events trigger a map browser event.
-     */
-    class MapBrowserEvent extends MapEvent {
-
-        /**
-         * The coordinate of the original browser event
-         */
-        coordinate: Coordinate;
-
-        /**
-         * Indicates if the map is currently being dragged. Only set for POINTERDRAG and POINTERMOVE events. Default is false.
-         */
-        dragging: boolean;
-
-        /**
-         * The frame state at the time of the event
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occured
-         */
-        map: Map;
-
-        /**
-         * The original browser event
-         */
-        originalEvent: GlobalEvent;
-
-        /**
-         * The pixel of the original browser event.
-         */
-        pixel: Pixel;
-
-
-        // Methods
-
-        /**
-         * Prevents the default browser action.
-         */
-        preventDefault(): void;
-
-        /**
-         * Prevents further propagation of the current event.
-         */
-        stopPropagation(): void;
-    }
-
-    class MapBrowserPointerEvent extends ol.MapBrowserEvent {
-        constructor (type: string,
-                     map: ol.Map,
-                     pointerEvent: ol.pointer.PointerEvent,
-                     opt_dragging?: boolean,
-                     opt_frameState?: olx.FrameState)
-        pointerEvent: ol.pointer.PointerEvent;
-    }
-
-    /**
-     * Events emitted as map events are instances of this type. See ol.Map for which events trigger a map event.
-     */
-    class MapEvent extends ol.events.Event {
-
-        constructor (type: string, map: ol.Map, opt_frameState?: olx.FrameState)
-
-        /**
-         * The frame state at the time of the event.
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occurred.
-         */
-        map: Map;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Most non-trivial classes inherit from this.
-     */
-    class Object extends Observable {
-
-        /**
-         * @constructor
-         * @param values An object with key-value pairs.
-         */
-        constructor(values?: GlobalObject);
-
-        /**
-         * Gets a value.
-         * @param key Key name.
-         * @returns Value.
-         */
-        get(key: string): any;
-
-        /**
-         * Get a list of object property names.
-         * @returns List of property names.
-         */
-        getKeys(): Array<string>;
-
-        /**
-         * Get an object of all property names and values.
-         * @returns Object.
-         */
-        getProperties(): GlobalObject;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Sets a value.
-         * @param key Key name.
-         * @param value Value.
-         * @param opt_silent Update without triggering an event.
-         */
-        set(key: string, value: any, opt_silent?: boolean): void;
-
-        /**
-         * Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).
-         * @param values Values.
-         * @param opt_silent Update without triggering an event.
-         */
-        setProperties(values: GlobalObject, opt_silent?: boolean): void;
-
-        /**
-         * Unsets a property.
-         */
-        unset(key: string, opt_silent?: boolean): void;
-    }
-
-    /**
-     * Events emitted by ol.Object instances are instances of this type.
-     */
-    class ObjectEvent extends ol.events.Event {
-
-        /**
-         * The name of the property whose value is changing.
-         */
-        key: string;
-
-        /**
-         * The old value. To get the new value use e.target.get(e.key) where e is the event object.
-         */
-        oldValue: any;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. An event target providing convenient methods for listener registration and unregistration. A generic change event is always available through ol.Observable#changed.
-     */
-    class Observable extends ol.events.EventTarget {
-
-        /**
-         * Removes an event listener using the key returned by on() or once().
-         */
-        static unByKey(key: any): void;
-
-        /**
-         * Increases the revision counter and dispatches a 'change' event.
-         */
-        changed(): void;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Listen for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param opt_this The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        on(type: string | Array<string>, listener: Function, opt_this?: GlobalObject): ol.events.Key | Array<ol.events.Key>;
-
-        /**
-         * Listen once for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param opt_this The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        once(type: string | Array<string>, listener: Function, opt_this?: GlobalObject): ol.events.Key | Array<ol.events.Key>;
-
-        /**
-         * Unlisten for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param opt_this The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        un(type: string | Array<string>, listener: Function, opt_this?: GlobalObject): void;
-
-        /**
-         * Removes an event listener using the key returned by on() or once(). Note that using the ol.Observable.unByKey static function is to be preferred.
-         * @param key The key returned by on() or once()
-         */
-        unByKey(key: ol.events.Key | Array<ol.events.Key>): void;
-    }
-
-    /**
-     * An element to be displayed over the map and attached to a single map location.
-     */
-    class Overlay extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Overlay options.
-         */
-        constructor(options: olx.OverlayOptions);
-
-        /**
-         * Get the DOM element of this overlay.
-         * @returns The Element containing the overlay.
-         */
-        getElement(): Element;
-
-        /**
-         * Get the map associated with this overlay.
-         * @returns The map that the overlay is part of.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the offset of this overlay.
-         * @returns The offset.
-         */
-        getOffset(): Array<number>;
-
-        /**
-         * Get the current position of this overlay.
-         * @returns The spatial point that the overlay is anchored at.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the current positioning of this overlay.
-         * @returns How the overlay is positioned relative to its point on the map.
-         */
-        getPositioning(): ol.OverlayPositioning;
-
-        /**
-         * Set the DOM element to be associated with this overlay.
-         * @param element The element containing the overlay.
-         */
-        setElement(element: Element): void;
-
-        /**
-         * Set the map to be associated with this overlay.
-         * @param map The map that the overlay is part of.
-         */
-        setMap(map: Map): void;
-
-        /**
-         * Set the offset for this overlay.
-         * @param offset Offset.
-         */
-        setOffset(offset: Array<number>): void;
-
-        /**
-         * Set the position for this overlay. If the position is undefined the overlay is hidden.
-         * @param position The spatial point that the overlay is anchored at.
-         */
-        setPosition(position: ol.Coordinate): void;
-
-        /**
-         * Set the positioning for this overlay.
-         * @param positioning How the overlay is positioned relative to its point on the map.
-         */
-        setPositioning(positioning: ol.OverlayPositioning): void;
-    }
-
-    /**
-     * Events emitted by ol.interaction.Select instances are instances of this type.
-     */
-    class SelectEvent {
-
-        /**
-         * Deselected features array.
-         */
-        deselected: Array<ol.Feature>;
-
-        /**
-         * Associated ol.MapBrowserEvent;
-         */
-        mapBrowserEvent: ol.MapBrowserEvent;
-
-        /**
-         * Selected features array.
-         */
-        selected: Array<ol.Feature>
-    }
-
-    /**
-     * Class to create objects that can be used with ol.geom.Polygon.circular.
-     */
-    class Sphere {
-
-        /**
-         * @constructor
-         * @param radius Radius.
-         */
-        constructor(radius: number);
-
-        /**
-         * Returns the geodesic area for a list of coordinates.
-         * @param coordinates List of coordinates of a linear ring. If the ring is oriented clockwise, the area will be positive, otherwise it will be negative.
-         * @returns Area.
-         */
-        geodesicArea(coordinates: Array<ol.Coordinate>): number;
-
-        /**
-         * Returns the distance from c1 to c2 using the haversine formula.
-         * @param c1 Coordinate 1.
-         * @param c2 Coordinate 2.
-         * @returns Haversine distance.
-         */
-        haversineDistance(c1: ol.Coordinate, c2: ol.Coordinate): number;
-    }
-
-    /**
-     * Base class for tiles.
-     */
-    class Tile {
-
-        /**
-         * Get the tile coordinate for this tile.
-         * @returns TileCoord.
-         */
-        getTileCoord(): ol.TileCoord;
-    }
-
-    /**
-     * An ol.View object represents a simple 2D view of the map.
-     */
-    class View extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.ViewOptions);
-
-        /**
-         * Calculate the extent for the current view state and the passed size. The size is the pixel dimensions of the box into which the calculated extent should fit. In most cases you want to get the extent of the entire map, that is map.getSize().
-         * @param size Box pixel size
-         * @returns Extent.
-         */
-        calculateExtent(size: ol.Size): ol.Extent;
-
-        /**
-         * Center on coordinate and view position.
-         * @param coordinate Coordinate.
-         * @param size Box pixel size
-         * @param position Position on the view to center on
-         */
-        centerOn(coordinate: ol.Coordinate, size: ol.Size, position: ol.Pixel): void;
-
-        /**
-         * Get the constrained center of this view.
-         * @param center Center.
-         * @returns Constrained center.
-         */
-        constrainCenter(center: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Get the constrained resolution of this view.
-         * @param resolution: Resolution.
-         * @param delta Delta. Default is 0.
-         * @param direction Direction. Default is 0.
-         * @returns Constrained resolution
-         */
-        constrainResolution(resolution: number, delta?: number, direction?: number): number;
-
-        /**
-         * Fit the map view to the passed extent and size. The size is pixel dimensions of the box to fit the extent into. In most cases you will want to use the map size, that is map.getSize().
-         * @param geometry Geometry.
-         * @param size Box pixel size.
-         * @param opt_options Options
-         */
-        fit(geometry: ol.geom.SimpleGeometry | ol.Extent, size: ol.Size, opt_options?: olx.view.FitGeometryOptions): void;
-
-        /**
-         * Get the view center.
-         * @returns The center of the view.
-         */
-        getCenter(): ol.Coordinate;
-
-        /**
-         * Get the view projection
-         * @returns The projection of the view.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the view resolution
-         * @returns The resolution of the view.
-         */
-        getResolution(): number;
-
-        /**
-         * Get the view rotation
-         * @returns The rotation of the view in radians
-         */
-        getRotation(): number;
-
-        /**
-         * Get the current zoom level. Return undefined if the current resolution is undefined or not a "constrained resolution".
-         * @returns Zoom.
-         */
-        getZoom(): number;
-
-        /**
-         * Rotate the view around a given coordinate.
-         * @param rotation New rotation value for the view.
-         * @param anchor The rotation center.
-         */
-        rotate(rotation: number, anchor: ol.Coordinate): void;
-
-        /**
-         * Set the center of the current view.
-         * @param center The center of the view.
-         */
-        setCenter(center: ol.Coordinate): void;
-
-        /**
-         * Set the resolution for this view.
-         * @param resolution The resolution of the view.
-         */
-        setResolution(resolution: number): void;
-
-        /**
-         * Set the rotation for this view.
-         * @param rotation The rotation of the view in radians.
-         */
-        setRotation(rotation: number): void;
-
-        /**
-         * Zoom to a specific zoom level.
-         * @param zoom Zoom level.
-         */
-        setZoom(zoom: number): void;
-    }
-
-    // NAMESPACES
-
-    /**
-     * The animation static methods are designed to be used with the ol.Map#beforeRender method.
-     */
-    namespace animation {
-
-        /**
-         * Generate an animated transition that will "bounce" the resolution as it approaches the final value.
-         * @param options Bounce options.
-         */
-        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view center.
-         * @param options Pan options.
-         */
-        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view rotation.
-         * @param options Rotate options.
-         */
-        function rotate(options: olx.animation.RotateOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view resolution.
-         * @param options Zoom options.
-         */
-        function zoom(options: olx.animation.ZoomOptions): ol.PreRenderFunction;
-    }
-
-    /**
-     * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-     */
-    namespace color {
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: ol.Color): ol.Color;
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: string): ol.Color;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: ol.Color): string;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: string): string;
-    }
-
-    namespace control {
-
-        /**
-         * Set of controls included in maps by default. Unless configured otherwise, this returns a collection containing an instance of each of the following controls: ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
-         * @param options Defaults options
-         * @returns Control.s
-         */
-        function defaults(options?: olx.control.DefaultsOptions): ol.Collection<ol.control.Control>;
-
-        /**
-         * Units for the scale line. Supported values are 'degrees', 'imperial', 'nautical', 'metric', 'us'.
-         */
-        interface ScaleLineUnits extends String { }
-
-        class Attribution {
-        }
-
-        class Control {
-            constructor(options: olx.control.ControlOptions);
-        }
-
-        class FullScreen {
-        }
-
-        class MousePosition {
-        }
-
-        class OverviewMap {
-        }
-
-        class Rotate {
-        }
-
-        class ScaleLine {
-        }
-
-        class Zoom {
-        }
-
-        class ZoomSlider {
-        }
-
-        class ZoomToExtent {
-        }
-    }
-
-    namespace coordinate {
-
-        /**
-         * Add delta to coordinate. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param delta Delta
-         * @returns The input coordinate adjusted by the given delta.
-         */
-        function add(coordinate: ol.Coordinate, delta: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Returns a ol.CoordinateFormatType function that can be used to format a {ol.Coordinate} to a string.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Coordinate format
-         */
-        function createStringXY(fractionDigits?: number): ol.CoordinateFormatType;
-
-        /**
-         * Transforms the given ol.Coordinate to a string using the given string template. The strings {x} and {y} in the template will be replaced with the first and second coordinate values respectively.
-         * @param coordinate Coordinate
-         * @param template A template string with {x} and {y} placeholders that will be replaced by first and second coordinate values.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Formatted coordinate
-         */
-        function format(coordinate: ol.Coordinate, template: string, fractionDigits?: number): string;
-
-        /**
-         * Rotate coordinate by angle. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param angle Angle in radian
-         * @returns Coordinatee
-         */
-        function rotate(coordinate: ol.Coordinate, angle: number): ol.Coordinate;
-
-        /**
-         * Format a geographic coordinate with the hemisphere, degrees, minutes, and seconds.
-         * @param coordinate COordinate
-         * @returns Hemisphere, degrees, minutes and seconds.
-         */
-        function toStringHDMS(coordinate?: ol.Coordinate): string;
-
-        /**
-         * Format a coordinate as a comma delimited string.
-         * @param coordinate Coordinate
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns XY
-         */
-        function toStringXY(coordinate?: ol.Coordinate, fractionDigits?: number): string;
-    }
-
-    /**
-     * Easing functions for ol.animation.
-     */
-    namespace easing {
-
-        /**
-         * Start slow and speed up.
-         * @param t Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeIn(t: number): number;
-
-        /**
-         * Start fast and slow down.
-         * @param t Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeOut(t: number): number;
-
-        /**
-         * Start slow, speed up, and then slow down again.
-         * @param t Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function inAndOut(t: number): number;
-
-        /**
-         * Maintain a constant speed over time.
-         * @param t Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function linear(t: number): number;
-
-        /**
-         * Start slow, speed up, and at the very end slow down again. This has the same general behavior as ol.easing.inAndOut, but the final slowdown is delayed.
-         * @param t Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function upAndDown(t: number): number;
-    }
-
-    interface ModifyEventType extends String {
-        MODIFYSTART: any;
-        MODIFYEND: any;
-    }
-
-    namespace events {
-        namespace condition {
-            function altKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function altShiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function always(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function click(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function doubleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function mouseOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function never(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function noModifierKeys(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function platformModifierKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function pointerMove(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function shiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function singleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function targetNotEditable(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-        }
-        interface ConditionType { (mapBrowseEvent: ol.MapBrowserEvent): boolean; }
-
-        class Event {
-            constructor(type: string, opt_target?: GlobalObject);
-            propagationStopped: boolean;
-            type: string;
-            target: Object;
-            preventDefault(): void;
-            stopPropagation(): void;
-            static preventDefault(evt: GlobalEvent | ol.events.Event): void;
-            static stopPropagation(evt: GlobalEvent | ol.events.Event): void;
-        }
-
-        class EventTarget {
-            addEventListener(type: string, listener: ol.events.ListenerFunctionType): void;
-            dispatchEvent(event: {type: string, target?: GlobalEventTarget | ol.events.EventTarget, [x: string]: any}): void | boolean;
-            dispatchEvent(event: ol.events.Event): void | boolean;
-            dispatchEvent(event: string): void | boolean;
-            //getListeners(type: string): ol.events.ListenerFunctionType[];
-            //hasListener(opt_type?: string): boolean;
-            removeEventListener(type: string, listener: ol.events.ListenerFunctionType): void;
-        }
-
-        interface ListenerFunctionType {
-            (evt: ol.events.Event): boolean | void;
-        }
-
-        interface Key extends GlobalObject {}
-    }
-
-    namespace extent {
-
-        /**
-         * Apply a transform function to the extent.
-         * @param extent Extent
-         * @param transformFn Transform function. Called with [minX, minY, maxX, maxY] extent coordinates.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function applyTransform(extent: ol.Extent, transformFn: ol.TransformFunction, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Build an extent that includes all given coordinates.
-         * @param coordinates Coordinates
-         * @returns Bounding extent
-         */
-        function boundingExtent(coordinates: Array<ol.Coordinate>): ol.Extent;
-
-        /**
-         * Return extent increased by the provided value.
-         * @param extent Extent
-         * @param value The amount by which the extent should be buffered.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function buffer(extent: ol.Extent, value: number, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param coordinate Coordinate
-         * @returns The coordinate is contained in the extent
-         */
-        function containsCoordinate(extent: ol.Extent, coordinate: ol.Coordinate): boolean;
-
-        /**
-         * Check if one extent contains another. An extent is deemed contained if it lies completely within the other extent, including if they share one or more edges.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The second extent is contained by or on the edge of the first
-         */
-        function containsExtent(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param x X coordinate
-         * @param y Y coordinate
-         * @returns The x, y values are contained in the extent.
-         */
-        function containsXY(extent: ol.Extent, x: number, y: number): boolean;
-
-        /**
-         * Create an empty extent.
-         * @returns Empty extent
-         */
-        function createEmpty(): ol.Extent;
-
-        /**
-         * Determine if two extents are equivalent.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents are equivalent
-         */
-        function equals(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Modify an extent to include another extent.
-         * @param extent1 The extent to be modified.
-         * @param extent2 The extent that will be included in the first.
-         * @returns A reference to the first (extended) extent.
-         */
-        function extend(extent1: ol.Extent, extent2: ol.Extent): ol.Extent;
-
-        /**
-         * Get the bottom left coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom left coordinate
-         */
-        function getBottomLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the bottom right coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom right coordinate
-         */
-        function getBottomRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the center coordinate of an extent.
-         * @param extent Extent
-         * @returns Center
-         */
-        function getCenter(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the height of an extent.
-         * @param extent Extent
-         * @returns Height
-         */
-        function getHeight(extent: ol.Extent): number;
-
-        /**
-         * Get the intersection of two extents.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @param extent Optional extent to populate with intersection.
-         * @returns Intersecting extent
-         */
-        function getIntersection(extent1: ol.Extent, extent2: ol.Extent, extent?: ol.Extent): ol.Extent;
-
-        /**
-         * Get the size (width, height) of an extent.
-         * @param extent Extent
-         * @returns The extent size
-         */
-        function getSize(extent: ol.Extent): ol.Size;
-
-        /**
-         * Get the top left coordinate of an extent.
-         * @param extent Extent
-         * @returns Top left coordinate
-         */
-        function getTopLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the top right coordinate of an extent.
-         * @param extent Extent
-         * @returns Top right coordinate
-         */
-        function getTopRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the width of an extent.
-         * @param extent Extent
-         * @returns Width
-         */
-        function getWidth(extent: ol.Extent): number;
-
-        /**
-         * Determine if one extent intersects another.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents intersects
-         */
-        function intersects(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Determine if an extent is empty.
-         * @param extent Extent
-         * @returns Is empty
-         */
-        function isEmpty(extent: ol.Extent): boolean;
-    }
-
-    /**
-     * Loading mechanisms for vector data.
-     */
-    namespace featureloader {
-
-        /**
-         * Create an XHR feature loader for a url and format. The feature loader loads features (with XHR), parses the features, and adds them to the vector source.
-         * @param url Feature URL Service
-         * @param format Feature format
-         * @returns The feature loader
-         */
-        function xhr(url: string, format: ol.format.Feature): ol.FeatureLoader;
-    }
-
-    namespace format {
-
-        // Type definitions
-        interface IGCZ extends String { }
-
-        // Classes
-        class EsriJSON {
-        }
-
-        class Feature {
-        }
-
-        /**
-         * Feature format for reading and writing data in the GeoJSON format.
-         */
-        class GeoJSON extends ol.format.JSONFeature {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.format.GeoJSONOptions);
-
-            /**
-             * Read a feature from a GeoJSON Feature source. Only works for Feature, use readFeatures to read FeatureCollection source.
-             * @param source Source
-             * @param options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a GeoJSON source. Works with both Feature and FeatureCollection sources.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Read the projection from a GeoJSON source.
-             * @param source Source
-             * @returns Projection
-             */
-            readProjection(source: Document | Node | JSON | string): ol.proj.Projection;
-
-            /**
-             * Encode a feature as a GeoJSON Feature string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a feature as a GeoJSON Feature object.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeatureObject(feature: ol.Feature, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode an array of features as GeoJSON.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a GeoJSON object.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeaturesObject(features: Array<ol.Feature>, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode a geometry as a GeoJSON string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a geometry as a GeoJSON object.
-             * @param geometry Geometry
-             * @param options Options
-             * @options Write options
-             * @returns GeoJSON object
-             */
-            writeGeometryObject(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): JSON;
-        }
-
-        class GML {
-        }
-
-        class GML2 {
-        }
-
-        class GML3 {
-        }
-
-        class GMLBase {
-        }
-
-        class GPX {
-        }
-
-        class IGC {
-        }
-
-        class JSONFeature {
-        }
-
-        class KML {
-        }
-
-        class OSMXML {
-        }
-
-        class Polyline {
-        }
-
-        class TextFeature {
-        }
-
-        class TopoJSON {
-        }
-
-        class WFS {
-            readFeatures(source: Document | Node | GlobalObject | string, option?: olx.format.ReadOptions): Array<ol.Feature>;
-        }
-
-        class WKT {
-            constructor(opt_options?: olx.format.WKTOptions);
-
-            /**
-             * Read a feature from a WKT source.
-             * @param source Source
-             * @param opt_options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, opt_options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a WKT source.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Encode a feature as a WKT string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a WKT string.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Write a single geometry as a WKT string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-        }
-
-        class WMSCapabilities {
-        }
-
-        class WMSGetFeatureInfo {
-        }
-
-        class WMTSCapabilities {
-        }
-
-        class XML {
-        }
-
-        class XMLFeature {
-        }
-    }
-
-    namespace geom {
-
-        // Type definitions
-        interface GeometryLayout extends String { }
-        interface GeometryType extends String { }
-
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class Circle extends ol.geom.SimpleGeometry {
-
-            constructor(center: ol.Coordinate, opt_radius?: number, opt_layout?: ol.geom.GeometryLayout);
-
-            clone(): ol.geom.Circle;
-
-            getCenter(): ol.Coordinate;
-
-            getRadius(): number;
-
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            setCenter(center: ol.Coordinate): void;
-
-            setCenterAndRadius(center: ol.Coordinate, radius: number, opt_layout?: ol.geom.GeometryLayout): void;
-
-            setFlatCoordinates(layout: ol.geom.GeometryLayout, flatCoordinates: number[]): void;
-
-            setRadius(radius: number): void;
-
-            /**
-             * Transform each coordinate of the circle from one coordinate reference system
-             * to another. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             *
-             * Internally a circle is currently represented by two points: the center of
-             * the circle `[cx, cy]`, and the point to the right of the circle
-             * `[cx + r, cy]`. This `transform` function just transforms these two points.
-             * So the resulting geometry is also a circle, and that circle does not
-             * correspond to the shape that would be obtained by transforming every point
-             * of the original circle.
-             * @param source The current projection. Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @param destination The desired projection. Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @returns This geometry. Note that original geometry is modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike, destination: ol.proj.ProjectionLike): ol.geom.Circle;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Base class for vector geometries.
-         */
-        class Geometry extends ol.Object {
-
-            /**
-             * Return the closest point of the geometry to the passed point as coordinate.
-             * @param point Point
-             * @param closestPoint Closest Point
-             * @returns Closest Point
-             */
-            getClosestPoint(point: ol.Coordinate, closestPoint?: ol.Coordinate): ol.Coordinate;
-
-            /**
-             * Get the extent of the geometry.
-             * @param extent Extent
-             * @returns Extent
-             */
-            getExtent(extent?: ol.Extent): ol.Extent;
-
-            /**
-             * Transform each coordinate of the geometry from one coordinate reference system to another.
-             * The geometry is modified in place. For example, a line will be transformed to a line and a
-             * circle to a circle. If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             * @param source The current projection. Can be a string identifier or a ol.proj.Projection object.
-             * @param destination The desired projection. Can be a string identifier or a ol.proj.Projection object.
-             * @return This geometry. Note that original geometry is modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike, destination: ol.proj.ProjectionLike): ol.geom.Geometry;
-        }
-
-        /**
-         * An array of ol.geom.Geometry objects.
-         */
-        class GeometryCollection extends ol.geom.Geometry {
-
-            /**
-             * constructor
-             * @param geometries Geometries.
-             */
-            constructor(geometries?: Array<ol.geom.Geometry>);
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.GeometryCollection;
-
-            /**
-             * Return the geometries that make up this geometry collection.
-             * @returns Geometries.
-             */
-            getGeometries(): Array<Geometry>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the geometries that make up this geometry collection.
-             * @param geometries Geometries.
-             */
-            setGeometries(geometries: Array<ol.geom.Geometry>): void;
-
-            translate(deltaX: number, deltaY: number): void;
-
-        }
-
-        /**
-         * Linear ring geometry. Only used as part of polygon; cannot be rendered
-         * on its own.
-         */
-        class LinearRing extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LinearRing;
-
-            /**
-             * Return the area of the linear ring on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Return the coordinates of the linear ring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * @Set the coordinates of the linear ring
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: any): void;
-
-        }
-
-        /**
-         * Linestring geometry.
-         */
-        class LineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed coordinate to the coordinates of the linestring.
-             * @param coordinate Coordinate.
-             */
-            appendCoordinate(coordinate: ol.Coordinate): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the linestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the length of the linestring on projected plane.
-             * @returns Length (on projected plane).
-             */
-            getLength(): number;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the linestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Multi-linestring geometry.
-         */
-        class MultiLineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed linestring to the multilinestring.
-             * @param lineString LineString.
-             */
-            appendLineString(lineString: ol.geom.LineString): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiLineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * `interpolate` controls interpolation between consecutive LineStrings
-             * within the MultiLineString. If `interpolate` is `true` the coordinates
-             * will be linearly interpolated between the last coordinate of one LineString
-             * and the first coordinate of the next LineString.  If `interpolate` is
-             * `false` then the function will return `null` for Ms falling between
-             * LineStrings.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @param interpolate Interpolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean, interpolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the multilinestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return the linestring at the specified index.
-             * @param index Index.
-             * @returns LineString.
-             */
-            getLineString(index: number): ol.geom.LineString;
-
-            /**
-             * Return the linestrings of this multilinestring.
-             * @returns LineStrings.
-             */
-            getLineStrings(): Array<ol.geom.LineString>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multilinestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Multi-point geometry.
-         */
-        class MultiPoint extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed point to this multipoint.
-             * @param {ol.geom.Point} point Point.
-             */
-            appendPoint(point: ol.geom.Point): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPoint;
-
-            /**
-             * Return the coordinates of the multipoint.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the point at the specified index.
-             * @param index Index.
-             * @returns Point.
-             */
-            getPoint(index: number): ol.geom.Point;
-
-            /**
-             * Return the points of this multipoint.
-             * @returns Points.
-             */
-            getPoints(): Array<ol.geom.Point>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipoint.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Multi-polygon geometry.
-         */
-        class MultiPolygon extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed polygon to this multipolygon.
-             * @param polygon Polygon.
-             */
-            appendPolygon(polygon: ol.geom.Polygon): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPolygon;
-
-            /**
-             * Return the area of the multipolygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for multi-polygons.
-             *
-             * @param right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(right?: boolean): Array<Array<Array<ol.Coordinate>>>;
-
-            /**
-             * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
-             * @returns Interior points.
-             */
-            getInteriorPoints(): ol.geom.MultiPoint;
-
-            /**
-             * Return the polygon at the specified index.
-             * @param index Index.
-             * @returns  Polygon.
-             */
-            getPolygon(index: number): ol.geom.Polygon;
-
-            /**
-             * Return the polygons of this multipolygon.
-             * @returns Polygons.
-             */
-            getPolygons(): Array<ol.geom.Polygon>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipolygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Point geometry.
-         */
-        class Point extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Point;
-
-            /**
-             * Return the coordinate of the point.
-             * @returns Coordinates.
-             */
-            getCoordinates(): ol.Coordinate;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinate of the point.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Polygon geometry.
-         */
-        class Polygon extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param opt_layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, opt_layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Create an approximation of a circle on the surface of a sphere.
-             * @param sphere The sphere.
-             * @param center Center (`[lon, lat]` in degrees).
-             * @param radius The great-circle distance from the center to the polygon vertices.
-             * @param opt_n Optional number of vertices for the resulting polygon. Default is `32`.
-             * @returns The "circular" polygon.
-             */
-            static circular(sphere: ol.Sphere, center: ol.Coordinate, radius: number, opt_n?: number): ol.geom.Polygon;
-
-            static fromCircle(circle: ol.geom.Circle, opt_sides?: number, opt_angle?: number): ol.geom.Polygon;
-
-            static fromExtent(extent: ol.Extent): ol.geom.Polygon;
-
-            /**
-             * Append the passed linear ring to this polygon.
-             * @param linearRing Linear ring.
-             */
-            appendLinearRing(linearRing: ol.geom.LinearRing): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Polygon;
-
-            /**
-             * Return the area of the polygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for polygons.
-             *
-             * @param opt_right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(opt_right?: boolean): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return an interior point of the polygon.
-             * @returns Interior point.
-             */
-            getInteriorPoint(): ol.geom.Point;
-
-            /**
-             * Return the Nth linear ring of the polygon geometry. Return `null` if the
-             * given index is out of range.
-             * The exterior linear ring is available at index `0` and the interior rings
-             * at index `1` and beyond.
-             *
-             * @param index Index.
-             * @returns Linear ring.
-             */
-            getLinearRing(index: number): ol.geom.LinearRing;
-
-            getLinearRingCount(): number;
-
-            /**
-             * Return the linear rings of the polygon.
-             * @returns Linear rings.
-             */
-            getLinearRings(): Array<ol.geom.LinearRing>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the polygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-        }
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class SimpleGeometry extends ol.geom.Geometry {
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Return the first coordinate of the geometry.
-             * @returns First coordinate.
-             */
-            getFirstCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the last coordinate of the geometry.
-             * @returns Last point.
-             */
-            getLastCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the {@link ol.geom.GeometryLayout layout} of the geometry.
-             * @returns Layout.
-             */
-            getLayout(): ol.geom.GeometryLayout;
-
-            /**
-             * Translate the geometry. This modifies the geometry coordinates in place.
-             * If instead you want a new geometry, first clone() this geometry.
-             * @param deltaX Delta X
-             * @param deltaY Delta Y
-             */
-            translate(deltaX: number, deltaY: number): void;
-        }
-    }
-
-    namespace has {
-    }
-
-    namespace interaction {
-
-        class DoubleClickZoom extends ol.interaction.Interaction {
-        }
-
-        class DragAndDrop extends ol.interaction.Interaction {
-        }
-
-        class DragAndDropEvent extends ol.events.Event {
-        }
-
-        class DragBox extends ol.interaction.Pointer {
-            constructor (opt_options?: olx.interaction.DragBoxOptions)
-            getGeometry (): ol.geom.Polygon
-        }
-
-        class DragPan extends ol.interaction.Pointer {
-        }
-
-        class DragRotate extends ol.interaction.Pointer {
-        }
-
-        class DragRotateAndZoom extends ol.interaction.Pointer {
-        }
-
-        class DragZoom extends ol.interaction.DragBox {
-        }
-
-        class Draw extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DrawOptions)
-        }
-
-        class DrawEvent extends ol.events.Event {
-            constructor (type: ol.interaction.DrawEventType, feature: ol.Feature)
-            feature: ol.Feature
-        }
-
-        class Interaction extends ol.Object {
-            constructor (options: olx.interaction.InteractionOptions)
-            handleEvent (e: ol.MapBrowserEvent): boolean
-            getActive (): boolean;
-            getMap (): ol.Map;
-            setActive (active: boolean): void;
-        }
-
-        class KeyboardPan extends ol.interaction.Interaction {
-        }
-
-        class KeyboardZoom extends ol.interaction.Interaction {
-        }
-
-        class Modify extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.ModifyOptions)
-        }
-
-        class ModifyEvent extends ol.events.Event {
-            constructor (
-                type: ol.ModifyEventType,
-                features: ol.Collection<ol.Feature>,
-                mapBrowserPointerEvent: ol.MapBrowserPointerEvent
-            )
-            features: ol.Collection<ol.Feature>;
-            mapBrowserPointerEvent: ol.MapBrowserPointerEvent;
-        }
-
-        class MouseWheelZoom extends ol.interaction.Interaction {
-        }
-
-        class PinchRotate extends ol.interaction.Pointer {
-        }
-
-        class PinchZoom extends ol.interaction.Pointer {
-        }
-
-        class Pointer extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.PointerOptions)
-            handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean
-        }
-
-        class Select extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.SelectOptions);
-            getLayer(): ol.layer.Layer;
-            getFeatures(): ol.Collection<ol.Feature>;
-        }
-
-        class Snap extends ol.interaction.Pointer {
-        }
-
-        class Translate extends ol.interaction.Pointer {
-        }
-
-        class TranslateEvent extends ol.events.Event {
-        }
-
-        function defaults(opts: olx.interaction.DefaultsOptions): ol.Collection<ol.interaction.Interaction>;
-
-        interface DragBoxEndConditionType {
-            (evt: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel): boolean
-        }
-
-        interface DrawGeometryFunctionType {
-            (coordinates: ol.Coordinate | Array<ol.Coordinate> | Array<Array<ol.Coordinate>>, geom?: ol.geom.SimpleGeometry): ol.geom.SimpleGeometry;
-        }
-
-        interface SelectFilterFunction { (feature: ol.Feature | ol.render.Feature, layer: ol.layer.Layer): boolean; }
-
-        interface DrawEventType extends String {
-            DRAWSTART: any;
-            DRAWEND: any;
-        }
-    }
-
-    namespace layer {
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Note that with ol.layer.Base and all its subclasses, any property set in the options is set as a ol.Object property on the layer object, so is observable, and has get/set accessors.
-         */
-        class Base extends ol.Object {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.BaseOptions);
-
-            /**
-             * Return the brightness of the layer.
-             * @returns The brightness of the layer.
-             */
-            getBrightness(): number;
-
-            /**
-             * Return the contrast of the layer.
-             * @returns The contrast of the layer.
-             */
-            getContrast(): number;
-
-            /**
-             * Return the extent of the layer or undefined if it will be visible regardless of extent.
-             * @returns The layer extent.
-             */
-            getExtent(): ol.Extent;
-
-            /**
-             * Return the hue of the layer.
-             * @returns The hue of the layer
-             */
-            getHue(): number;
-
-            /**
-             * Return the maximum resolution of the layer.
-             * @returns The maximum resolution of the layer
-             */
-            getMaxResolution(): number;
-
-            /**
-             * Return the minimum resolution of the layer.
-             * @returns The minimum resolution of the layer.
-             */
-            getMinResolution(): number;
-
-            /**
-             * Return the opacity of the layer (between 0 and 1).
-             * @returns The opacity of the layer.
-             */
-            getOpacity(): number;
-
-            /**
-             * Return the saturation of the layer.
-             * @returns The saturation of the layer.
-             */
-            getSaturation(): number;
-
-            /**
-             * Return the visibility of the layer (true or false).
-             * The visibility of the layer
-             */
-            getVisible(): boolean;
-
-            /**
-             * Adjust the layer brightness. A value of -1 will render the layer completely black. A value of 0 will leave the brightness unchanged. A value of 1 will render the layer completely white. Other values are linear multipliers on the effect (values are clamped between -1 and 1).
-             * @param brightness The brightness of the layer
-             */
-            setBrightness(brightness: number): void;
-
-            /**
-             * Adjust the layer contrast. A value of 0 will render the layer completely grey. A value of 1 will leave the contrast unchanged. Other values are linear multipliers on the effect (and values over 1 are permitted).
-             * @param contrast The contrast of the layer
-             */
-            setContrast(contrast: number): void;
-
-            /**
-             * Set the extent at which the layer is visible. If undefined, the layer will be visible at all extents.
-             * @param extent The extent of the layer
-             */
-            setExtent(extent?: ol.Extent): void;
-
-            /**
-             * Apply a hue-rotation to the layer. A value of 0 will leave the hue unchanged. Other values are radians around the color circle.
-             * @param hue The hue of the layer
-             */
-            setHue(hue: number): void;
-
-            /**
-             * Set the maximum resolution at which the layer is visible.
-             * @param maxResolution The maximum resolution of the layer.
-             */
-            setMaxResolution(maxResolution: number): void;
-
-            /**
-             * Set the minimum resolution at which the layer is visible.
-             * @param minResolution The minimum resolution of the layer.
-             */
-            setMinResolution(minResolution: number): void;
-
-            /**
-             * Set the opacity of the layer, allowed values range from 0 to 1.
-             * @param opacity The opacity of the layer.
-             */
-            setOpacity(opacity: number): void;
-
-            /**
-             * Adjust layer saturation. A value of 0 will render the layer completely unsaturated. A value of 1 will leave the saturation unchanged. Other values are linear multipliers of the effect (and values over 1 are permitted).
-             * @param saturation The saturation of the layer.
-             */
-            setSaturation(saturation: number): void;
-
-            /**
-             * Set the visibility of the layer (true or false).
-             * @param visible The visibility of the layer.
-             */
-            setVisible(visible: boolean): void;
-        }
-
-        /**
-         * A ol.Collection of layers that are handled together.
-         */
-        class Group extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.GroupOptions);
-
-            /**
-             * Returns the collection of layers in this group.
-             * @returns Collection of layers that are part of this group.
-             */
-            getLayers(): ol.Collection<ol.layer.Base>;
-
-            /**
-             * Set the collection of layers in this group.
-             * @param layers Collection of layers that are part of this group.
-             */
-            setLayers(layers: ol.Collection<ol.layer.Base>): void;
-        }
-
-        /**
-         * Layer for rendering vector data as a heatmap. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Heatmap extends ol.layer.Vector {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.HeatmapOptions);
-
-            /**
-             * Return the blur size in pixels.
-             * @returns Blur size in pixels
-             */
-            getBlur(): number;
-
-            /**
-             * Return the gradient colors as array of strings.
-             * @returns Colors
-             */
-            getGradient(): Array<string>;
-
-            /**
-             * Return the size of the radius in pixels.
-             * @returns Radius size in pixel
-             */
-            getRadius(): number;
-
-            /**
-             * Set the blur size in pixels.
-             * @param blur Blur size in pixels
-             */
-            setBlur(blur: number): void;
-
-            /**
-             * Set the gradient colors as array of strings.
-             * @param colors Gradient
-             */
-            setGradient(colors: Array<string>): void;
-
-            /**
-             * Set the size of the radius in pixels.
-             * @param radius Radius size in pixels
-             */
-            setRadius(radius: number): void;
-        }
-
-        /**
-         * Server-rendered images that are available for arbitrary extents and resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Image extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.ImageOptions);
-
-            /**
-             * Return the associated source of the image layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Image;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. A visual representation of raster or vector map data. Layers group together those properties that pertain to how the data is to be displayed, irrespective of the source of that data.
-         */
-        class Layer extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.LayerOptions);
-
-            /**
-             * Get the layer source.
-             * @returns The layer source (or null if not yet set)
-             */
-            getSource(): ol.source.Source;
-
-            /**
-             * Set the layer source.
-             * @param source The layer source.
-             */
-            setSource(source: ol.source.Source): void;
-        }
-
-        /**
-         * For layer sources that provide pre-rendered, tiled images in grids that are organized by zoom levels for specific resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Tile extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Tile layer options.
-             */
-            constructor(options?: olx.layer.TileOptions);
-
-            /**
-             * Return the level as number to which we will preload tiles up to.
-             * @retruns The level to preload tiled up to.
-             */
-            getPreload(): number;
-
-            /**
-             * Return the associated tilesource of the layer.
-             * @returns Source
-             */
-            getSource(): ol.source.Tile;
-
-            /**
-             * Whether we use interim tiles on error.
-             * @returns Use interim tiles on error.
-             */
-            getUseInterimTilesOnError(): boolean;
-
-            /**
-             * Set the level as number to which we will preload tiles up to.
-             * @param preload The level to preload tiled up to
-             */
-            setPreload(preload: number): void;
-
-            /**
-             * Set whether we use interim tiles on error.
-             * @param useInterimTilesOnError Use interim tiles on error.
-             */
-            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
-        }
-
-        /**
-         * Vector data that is rendered client-side. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Vector extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.VectorOptions);
-
-            /**
-             * Return the associated vectorsource of the layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Vector;
-
-            /**
-             * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-             */
-            getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-            /**
-             * Get the style function.
-             * @returns Layer style function
-             */
-            getStyleFunction(): ol.style.StyleFunction;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             */
-            setStyle(): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param style Layer style
-             */
-            setStyle(style: ol.style.Style): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param style Layer style
-             */
-            setStyle(style: Array<ol.style.Style>): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param style Layer style
-             */
-            setStyle(style: ol.style.StyleFunction): void;
-
-            /**
-             * Sets the layer to be rendered on top of other layers on a map. The map will not manage this layer
-             * in its layers collection, and the callback in ol.Map#forEachLayerAtPixel will receive null as
-             * layer. This is useful for temporary layers. To remove an unmanaged layer from the map, use #setMap(null).
-             * To add the layer to a map and have it managed by the map, use ol.Map#addLayer instead.
-             * @argument map.
-             */
-            setMap(map: ol.Map): void;
-        }
-    }
-
-    namespace loadingstrategy {
-
-        /**
-         * Strategy function for loading all features with a single request.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function all(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Strategy function for loading features based on the view's extent and resolution.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function bbox(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Creates a strategy function for loading features based on a tile grid.
-         * @param tileGrid Tile grid
-         * @returns Loading strategy
-         */
-        function tile(tileGrid: ol.tilegrid.TileGrid): ol.LoadingStrategy;
-    }
-
-    namespace pointer {
-
-        class PointerEvent {
-            constructor (type: string,
-                         originalEvent: Event,
-                         opt_eventDict?: {[x: string]: any})
-            originalEvent: Event;
-            buttons: number;
-            pressure: number;
-            bubbles: boolean;
-            cancelable: boolean;
-            view: Object;
-            detail: number;
-            screenX: number;
-            screenY: number;
-            clientX: number;
-            clientY: number;
-            ctrlKey: boolean;
-            altKey: boolean;
-            shiftKey: boolean;
-            metaKey: boolean;
-            button: number;
-            relatedTarget: Node;
-            pointerId: number;
-            width: number;
-            height: number;
-            tiltX: number;
-            tiltY: number;
-            pointerType: string;
-            hwTimestamp: number;
-            isPrimary: boolean;
-            preventDefault: () => void;
-        }
-
-    }
-
-    namespace proj {
-
-        // Type definitions
-        interface ProjectionLike extends String { }
-        interface Units extends String { }
-
-        // Methods
-
-        /**
-         * Meters per unit lookup table.
-         */
-        //TODO: validate!
-        var METERS_PER_UNIT: GlobalObject;
-
-        /**
-         * Registers coordinate transform functions to convert coordinates between the source projection and the destination projection. The forward and inverse functions convert coordinate pairs; this function converts these into the functions used internally which also handle extents and coordinate arrays.
-         * @param source Source projection
-         * @param destination Destination projection
-         * @param forward The forward transform function (that is, from the source projection to the destination projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         * @param inverse The inverse transform function (that is, from the destination projection to the source projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         */
-        function addCoordinateTransforms(source: ProjectionLike, destination: ProjectionLike, forward: (coordinate: Coordinate) => Coordinate, inverse: (coordinate: Coordinate) => Coordinate): void;
-
-        /**
-         * Registers transformation functions that don't alter coordinates. Those allow to transform between projections with equal meaning.
-         * @param projections Projections.
-         */
-        function addEquivalentProjections(projections: Array<Projection>): void;
-
-        /**
-         * Add a Projection object to the list of supported projections that can be looked up by their code.
-         * @param projection Projection instance.
-         */
-        function addProjection(projection: Projection): void;
-
-        /**
-         * Transforms a coordinate from longitude/latitude to a different projection.
-         * @param coordinate Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         * @param opt_projection Target projection. The default is Web Mercator, i.e. 'EPSG:3857'.
-         */
-        function fromLonLat(coordinate: Coordinate, opt_projection: ProjectionLike): Coordinate;
-
-        /**
-         * Fetches a Projection object for the code specified.
-         * @param projectionLike Either a code string which is a combination of authority and identifier such as "EPSG:4326", or an existing projection object, or undefined.
-         * @returns Projection object, or null if not in list.
-         */
-        function get(projectionLike: ProjectionLike): Projection;
-
-        /**
-         * Given the projection-like objects, searches for a transformation function to convert a coordinates array from the source projection to the destination projection.
-         * @param source Source.
-         * @param destination Destination.
-         * @returns Transform function.
-         */
-        function getTransform(source: ProjectionLike, destination: ProjectionLike): ol.TransformFunction;
-
-        /**
-         * Transforms a coordinate to longitude/latitude.
-         * @param coordinate Projected coordinate.
-         * @param projection Projection of the coordinate. The default is Web Mercator, i.e. 'EPSG:3857'.
-         * @returns Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         */
-        function toLonLat(coordinate: Coordinate, projection: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms a coordinate from source projection to destination projection. This returns a new coordinate (and does not modify the original).
-         * @param coordinate Coordinate.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns Coordinate.
-         */
-        function transform(coordinate: Coordinate, source: ProjectionLike, destination: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms an extent from source projection to destination projection. This returns a new extent (and does not modify the original).
-         * @param extent The extent to transform.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns The transformed extent.
-         */
-        function transformExtent(extent: Extent, source: ProjectionLike, destination: ProjectionLike): Extent;
-
-        class Projection {
-            constructor(options: olx.Projection);
-
-            getExtent(): Extent;
-
-            /**
-             * Set the validity extent for this projection.
-             * @param extent The new extent of the projection.
-             */
-            setExtent(extent: Extent): void;
-
-            getCode(): string;
-
-            getMetersPerUnit(): number;
-
-            getPointResolution(resolution: number, point: ol.Coordinate): number;
-
-            getUnits(): ol.proj.Units;
-
-            getWorldExtent(): ol.Extent;
-
-            isGlobal(): boolean;
-
-            setGetPointResolution(func: (n: number, c: ol.Coordinate) => number): void;
-
-            setGlobal(global: boolean): void;
-
-            setWorldExtent(worldExtent: ol.Extent): void;
-        }
-    }
-
-    namespace render {
-
-        class Event {
-        }
-
-        class VectorContext {
-        }
-        class Feature {
-            get(key: string): any;
-            getExtent(): ol.Extent;
-            getGeometry(): ol.geom.Geometry;
-            getProperties: GlobalObject[];
-            getType(): ol.geom.GeometryType;
-        }
-        namespace canvas {
-            class Immediate {
-            }
-        }
-    }
-
-    namespace source {
-
-        class BingMaps extends TileImage {
-        }
-
-        class CartoDB extends XYZ {
-        }
-
-        class Cluster extends Vector {
-        }
-
-        class Image extends Source {
-        }
-
-        class ImageArcGISRest extends Image {
-        }
-
-        class ImageCanvas extends Image {
-        }
-
-        class ImageEvent {
-        }
-
-        class ImageMapGuide extends Image {
-        }
-
-        class ImageStatic extends Image {
-        }
-
-        class ImageVector extends ImageCanvas {
-        }
-
-        class ImageWMS extends Image {
-            constructor(options: olx.ImageWMSOptions);
-        }
-
-        class MapQuest extends XYZ {
-            constructor(options: any);
-        }
-
-        class OSM extends XYZ {
-        }
-
-        class Source extends ol.Object {
-            getAttributions(): Array<ol.Attribution>;
-
-            getLogo(): string | olx.LogoOptions | void;
-
-            /**
-             * Get the projection of the source.
-             * @return Projection.
-             */
-            getProjection(): ol.proj.Projection;
-
-            getState(): ol.source.State;
-
-            setAttributions(attributions: Array<ol.Attribution>): void;
-        }
-
-        class Stamen extends XYZ {
-        }
-
-        class Tile extends Source {
-        }
-
-        class TileArcGISRest extends TileImage {
-        }
-
-        class TileDebug extends Tile {
-        }
-
-        class TileEvent {
-        }
-
-        class TileImage extends UrlTile {
-        }
-
-        class TileJSON extends TileImage {
-        }
-
-        class TileUTFGrid extends Tile {
-        }
-
-        class TileWMS extends TileImage {
-            constructor(options: olx.TileWMSOptions);
-
-            /**
-             * Update the user-provided (WMS request) parameters.
-             */
-            updateParams(params: any): void;
-
-            /**
-             * Get the user-provided (WMS request) params, i.e. those passed to the constructor through the "params" option, and possibly updated using the updateParams method.
-             */
-            getParams(): any;
-
-            /**
-             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
-             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
-             * constructed.
-             * @param coordinate Coordinate.
-             * @param resolution Resolution.
-             * @param projection Projection.
-             * @param params GetFeatureInfo params. `INFO_FORMAT` at least should
-             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
-             *     in the `LAYERS` parameter will be used. `VERSION` should not be
-             *     specified here.
-             * @return GetFeatureInfo URL.
-             */
-            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.proj.ProjectionLike, params: {}): string;
-        }
-
-        class UrlTile extends Tile {
-        }
-
-        class Vector extends Source {
-            constructor(opts?: olx.source.VectorOptions)
-            /**
-             * Add a single feature to the source. If you want to add a batch of features at once,
-             * call source.addFeatures() instead.
-             */
-            addFeature(feature: ol.Feature): void;
-
-            /**
-             * Add a batch of features to the source.
-             */
-            addFeatures(features: ol.Feature[]): void;
-
-            /**
-             * Remove all features from the source.
-             * @param opt_fast Skip dispatching of removefeature events.
-             */
-            clear(opt_fast?: boolean): void;
-
-            forEachFeature(callback: (f: ol.Feature) => any, opt_this?: any): any;
-
-            forEachFeatureInExtent(extent: ol.Extent, callback: (f: ol.Feature) => any, opt_this?: any): any;
-
-            forEachFeatureIntersectingExtent(extent: ol.Extent, callback: (f: ol.Feature) => any, opt_this?: any): any;
-
-            getClosestFeatureToCoordinate(coordinate: ol.Coordinate): ol.Feature;
-
-            /**
-             * Get the extent of the features currently in the source.
-             */
-            getExtent(): ol.Extent;
-
-            getFeatureById(id: string | number): ol.Feature;
-
-            /**
-             * Get all features on the source
-             */
-            getFeatures(): ol.Feature[];
-
-            /**
-             * Get all features whose geometry intersects the provided coordinate.
-             */
-            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
-
-            getFeaturesCollection(): ol.Collection<ol.Feature>;
-
-            /**
-             * Get all features in the provided extent. Note that this returns all features whose bounding boxes
-             * intersect the given extent (so it may include features whose geometries do not intersect the extent).
-             * This method is not available when the source is configured with useSpatialIndex set to false.
-             */
-            getFeaturesInExtent(extent: ol.Extent): ol.Feature[];
-
-            removeFeature(feature: ol.Feature): void;
-        }
-
-        class VectorEvent {
-        }
-
-        class VectorTile extends UrlTile {
-        }
-
-        class WMTS extends TileImage {
-            constructor(options: olx.source.WMTSOptions);
-        }
-
-        class XYZ extends TileImage {
-        }
-
-        class Zoomify extends TileImage {
-        }
-
-        // Namespaces
-        namespace wms {
-            interface ServerType extends String { }
-        }
-
-        // Type definitions
-        interface State extends String { }
-        interface WMTSRequestEncoding extends String { }
-    }
-
-    namespace style {
-
-        class AtlasManager {
-        }
-
-        class Circle extends Image {
-            constructor(opt_options?: olx.style.CircleOptions);
-        }
-
-        /**
-         * Set fill style for vector features.
-         */
-        class Fill {
-
-            constructor(opt_options?: olx.style.FillOptions);
-
-            getColor(): ol.Color | string;
-
-            /**
-             * Set the color.
-             */
-            setColor(color: ol.Color | string): void;
-
-            getChecksum(): string;
-        }
-
-        class Icon extends Image {
-            constructor(option: olx.style.IconOptions)
-        }
-
-        class Image {
-            getOpacity(): number;
-            getRotateWithView(): boolean;
-            getRotation(): number;
-            getScale(): number;
-            getSnapToPiexl(): boolean;
-
-            setOpacity(opacity: number): void;
-            setRotation(rotation: number): void;
-            setScale(scale: number): void;
-        }
-
-        interface GeometryFunction {
-            (feature: Feature): ol.geom.Geometry
-        }
-
-        class RegularShape {
-        }
-
-        class Stroke {
-            constructor(opts?: olx.style.StrokeOptions);
-            getColor(): ol.Color | string;
-            getLineCap(): string;
-            getLineDash(): number[];
-            getLineJoin(): string;
-            getMitterLimit(): number;
-            getWidth(): number;
-            setColor(color: ol.Color | string): void;
-            setLineCap(lineCap: string): void;
-            setLineDash(lineDash: number[]): void;
-            setLineJoin(lineJoin: string): void;
-            setMiterLimit(miterLimit: number): void;
-            setWidth(width: number): void;
-        }
-
-        /**
-         * Container for vector feature rendering styles. Any changes made to the style
-         * or its children through `set*()` methods will not take effect until the
-         * feature, layer or FeatureOverlay that uses the style is re-rendered.
-         */
-        class Style {
-            constructor(opts: olx.style.StyleOptions);
-
-            getFill(): ol.style.Fill;
-            /***
-             * Get the geometry to be rendered.
-             * @return Feature property or geometry or function that returns the geometry that will
-             * be rendered with this style.
-             */
-            getGeometry(): string | ol.geom.Geometry | ol.style.GeometryFunction;
-            getGeometryFunction(): ol.style.GeometryFunction;
-            getImage(): ol.style.Image;
-            getStroke(): ol.style.Stroke;
-            getText(): ol.style.Text;
-            getZIndex(): number;
-
-            setGeometry(geometry: string | ol.geom.Geometry | ol.style.GeometryFunction): void;
-            setZIndex(zIndex: number): void;
-        }
-
-        /**
-         * Set text style for vector features.
-         */
-        class Text {
-            constructor(opt?: olx.style.TextOptions);
-
-            getFont(): string;
-            getOffsetX(): number;
-            getOffsetY(): number;
-            getFill(): Fill;
-            getRotation(): number;
-            getScale(): number;
-            getStroke(): Stroke;
-            getText(): string;
-            getTextAlign(): string;
-            getTextBaseline(): string;
-
-            /**
-             * Set the font.
-             */
-            setFont(font: string): void;
-
-            /**
-             * Set the x offset.
-             */
-            setOffsetX(offsetX: number): void;
-
-            /**
-             * Set the y offset.
-             */
-            setOffsetY(offsetY: number): void;
-
-            /**
-             * Set the fill.
-             */
-            setFill(fill: Fill): void;
-
-            /**
-             * Set the rotation.
-             */
-            setRotation(rotation: number): void;
-
-            /**
-             * Set the scale.
-             */
-            setScale(scale: number): void;
-
-            /**
-             * Set the stroke.
-             *
-             */
-            setStroke(stroke: Stroke): void;
-
-            /**
-             * Set the text.
-             */
-            setText(text: string): void;
-
-            /**
-             * Set the text alignment.
-             */
-            setTextAlign(textAlign: string): void;
-
-            /**
-             * Set the text baseline.
-             */
-            setTextBaseline(textBaseline: string): void;
-        }
-
-        /**
-         * A function that takes an ol.Feature and a {number} representing the view's resolution. The function should return an array of ol.style.Style. This way e.g. a vector layer can be styled.
-         */
-        interface StyleFunction { (feature: ol.Feature, resolution: number): ol.style.Style | ol.style.Style[] }
-    }
-
-    namespace tilegrid {
-
-        /**
-         * Base class for setting the grid pattern for sources accessing tiled-image servers.
-         */
-        class TileGrid {
-
-            /**
-             * @constructor
-             * @param options Tile grid options
-             */
-            constructor(options: olx.tilegrid.TileGridOptions);
-
-            /**
-             * Creates a TileCoord transform function for use with this tile grid. Transforms the internal tile coordinates with bottom-left origin to the tile coordinates used by the ol.TileUrlFunction. The returned function expects an ol.TileCoord as first and an ol.proj.Projection as second argument and returns a transformed ol.TileCoord.
-             */
-            createTileCoordTransform(): { (tilecoord: ol.TileCoord, projection: ol.proj.Projection): ol.TileCoord };
-
-            /**
-             * Get the maximum zoom level for the grid.
-             * @returns Max zoom
-             */
-            getMaxZoom(): number;
-
-            /**
-             * Get the minimum zoom level for the grid.
-             * @returns Min zoom
-             */
-            getMinZoom(): number;
-
-            /**
-             * Get the origin for the grid at the given zoom level.
-             * @param z Z
-             * @returns Origin
-             */
-            getOrigin(z: number): ol.Coordinate;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @param z Z
-             * @returns Resolution
-             */
-            getResolution(z: number): number;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @returns Resolutions
-             */
-            getResolutions(): Array<number>;
-
-            /**
-             * Get the tile coordinate for the given map coordinate and resolution. This method considers that coordinates that intersect tile boundaries should be assigned the higher tile coordinate.
-             * @param coordinate Coordinate
-             * @param resolution Resolution
-             * @param tileCoord Destination ol.TileCoord object.
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndResolution(coordinate: ol.Coordinate, resolution: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get a tile coordinate given a map coordinate and zoom level.
-             * @param coordinate Coordinate
-             * @param z Zoom level
-             * @param tileCoord Destination ol.TileCoord object
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndZ(coordinate: ol.Coordinate, z: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get the tile size for a zoom level. The type of the return value matches the tileSize or tileSizes that the tile grid was configured with. To always get an ol.Size, run the result through ol.size.toSize().
-             * @param z Z
-             * @returns Tile size
-             */
-            getTileSize(z: number): number | ol.Size;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing WMTS tiled-image servers.
-         */
-        class WMTS extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options WMTS options
-             */
-            constructor(options: olx.tilegrid.WMTSOptions);
-
-            /**
-             * Create a tile grid from a WMTS capabilities matrix set.
-             * @param matrixSet An object representing a matrixSet in the capabilities document.
-             * @param extent An optional extent to restrict the tile ranges the server provides.
-             * @returns WMTS tilegrid instance
-             */
-            createFromCapabilitiesMatrixSet(matrixSet: any, extent: ol.Extent): ol.tilegrid.WMTS;
-
-            /**
-             * Get the list of matrix identifiers.
-             * @returns MatrixIds
-             */
-            getMatrixIds(): Array<string>;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing Zoomify tiled-image servers.
-         */
-        class Zoomify extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.tilegrid.ZoomifyOptions);
-        }
-
-        /**
-         * Creates a tile grid with a standard XYZ tiling scheme.
-         * @param options Tile grid options.
-         * @returns The grid instance
-         */
-        function createXYZ(options?: olx.tilegrid.XYZOptions): ol.tilegrid.TileGrid;
-    }
-
-    namespace webgl {
-
-        class Context {
-
-            /**
-             * @constructor
-             * @param canvas HTML Canvas Element
-             * @param gl WebGL Rendering context
-             */
-            constructor(canvas: HTMLCanvasElement, gl: WebGLRenderingContext);
-
-            /**
-             Get the WebGL rendering context
-             @returns The rendering context.
-             */
-            getGL(): WebGLRenderingContext;
-
-            /**
-             * Get the frame buffer for hit detection.
-             * @returns The hit detection frame buffer.
-             */
-            getHitDetectionFramebuffer(): WebGLFramebuffer;
-
-            /**
-             * Use a program. If the program is already in use, this will return false.
-             * @param program Program.
-             * @returns Changed.
-             */
-            useProgram(program: WebGLProgram): boolean;
-        }
-    }
-
-    // Type definitions
-
-    /**
-     * A function returning the canvas element ({HTMLCanvasElement}) used by the source as an image. The arguments passed to the function are: ol.Extent the image extent, {number} the image resolution, {number} the device pixel ratio, ol.Size the image size, and ol.proj.Projection the image projection. The canvas returned by this function is cached by the source. The this keyword inside the function references the ol.source.ImageCanvas.
-     */
-    function CanvasFunctionType(extent: Extent, resolution: number, pixelRatio: number, size: Size, projection: proj.Projection): HTMLCanvasElement;
-
-    /**
-     * A color represented as a short array [red, green, blue, alpha]. red, green, and blue should be integers in the range 0..255 inclusive. alpha should be a float in the range 0..1 inclusive.
-     */
-    interface Color extends Array<number> { }
-
-    /**
-     * An array of numbers representing an xy coordinate. Example: [16, 48].
-     */
-    interface Coordinate extends Array<number> { }
-
-    /**
-     * An array of numbers representing an extent: [minx, miny, maxx, maxy].
-     */
-    interface Extent extends Array<number> { }
-
-    /**
-     * Overlay position: 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', 'top-right'
-     */
-    interface OverlayPositioning extends String { }
-
-    /**
-     * An array with two elements, representing a pixel. The first element is the x-coordinate, the second the y-coordinate of the pixel.
-     */
-    interface Pixel extends Array<number> { }
-
-    /**
-     * Available renderers: 'canvas', 'dom' or 'webgl'.
-     */
-    interface RendererType extends String { }
-
-    /**
-     * An array of numbers representing a size: [width, height].
-     */
-    interface Size extends Array<number> { }
-
-    /**
-     * An array of three numbers representing the location of a tile in a tile grid. The order is z, x, and y. z is the zoom level.
-     */
-    interface TileCoord extends Array<number> { }
-
-    // Functions
-
-    /**
-     * A function that takes a ol.Coordinate and transforms it into a {string}.
-     */
-    interface CoordinateFormatType { (coordinate?: Coordinate): string; }
-
-    /**
-     * Implementation based on the code of OpenLayers, no documentation available (yet). If it is incorrect, please create an issue and I will change it.
-     */
-    interface FeatureLoader { (extent: ol.Extent, number: number, projection: ol.proj.Projection): string }
-
-    /**
-     * A function that returns a style given a resolution. The this keyword inside the function references the ol.Feature to be styled.
-     */
-    interface FeatureStyleFunction { (resolution: number): ol.style.Style }
-
-    /**
-     * Loading strategy
-     */
-    interface LoadingStrategy { (extent: ol.Extent, resolution: number): Array<ol.Extent> }
-
-    /**
-     * Function to perform manipulations before rendering. This function is called with the ol.Map as first and an optional olx.FrameState as second argument. Return true to keep this function for the next frame, false to remove it.
-     */
-    interface PreRenderFunction { (map: ol.Map, frameState?: olx.FrameState): boolean }
-
-    /**
-     * A transform function accepts an array of input coordinate values, an optional output array, and an optional dimension (default should be 2). The function transforms the input coordinate values, populates the output array, and returns the output array.
-     */
-    interface TransformFunction { (input: Array<number>, output?: Array<number>, dimension?: number): Array<number> }
-}
-
-declare module "openlayers" {
-    export = ol;
-}
diff --git a/openlayers/openlayers-3.6.0-tests.ts b/openlayers/openlayers-3.6.0-tests.ts
deleted file mode 100644
index 93f0c59116..0000000000
--- a/openlayers/openlayers-3.6.0-tests.ts
+++ /dev/null
@@ -1,563 +0,0 @@
-/// <reference path="openlayers-3.6.0.d.ts" />
-
-// Basic type variables for test functions
-var voidValue: void;
-var numberValue: number;
-var booleanValue: boolean;
-var stringValue: string;
-var jsonValue: JSON;
-
-// Callback predefinitions for OpenLayers
-var preRenderFunction: ol.PreRenderFunction;
-var transformFunction: ol.TransformFunction;
-var coordinateFormatType: ol.CoordinateFormatType;
-var featureStyleFunction: ol.FeatureStyleFunction;
-var featureLoader: ol.FeatureLoader;
-var easingFunction: (t: number) => number;
-
-// Type variables for OpenLayers
-var circle: ol.geom.Circle;
-var color: ol.Color;
-var coordinate: ol.Coordinate;
-var coordinatesArray: Array<ol.Coordinate>;
-var coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
-var extent: ol.Extent;
-var boundingCoordinates: Array<ol.Coordinate>;
-var size: ol.Size;
-var style: ol.style.Style;
-var styleArray: Array<ol.style.Style>;
-var feature: ol.Feature;
-var featureArray: Array<ol.Feature>;
-var graticule: ol.Graticule
-var geometry: ol.geom.Geometry;
-var geometriesArray: Array<ol.geom.Geometry>;
-var feature: ol.Feature;
-var featureArray: Array<ol.Feature>;
-var featureFormat: ol.format.Feature;
-var geometry: ol.geom.Geometry;
-var geometryCollection: ol.geom.GeometryCollection;
-var geometryLayout: ol.geom.GeometryLayout;
-var geometryType: ol.geom.GeometryType;
-var linearRing: ol.geom.LinearRing;
-var lineString: ol.geom.LineString;
-var loadingstrategy: ol.LoadingStrategy;
-var multiLineString: ol.geom.MultiLineString;
-var multiPoint: ol.geom.MultiPoint;
-var multiPolygon: ol.geom.MultiPolygon;
-var point: ol.geom.Point;
-var polygon: ol.geom.Polygon;
-var simpleGeometry: ol.geom.SimpleGeometry;
-var tilegrid: ol.tilegrid.TileGrid;
-var vector: ol.source.Vector;
-var projection: ol.proj.Projection;
-var projectionLike: ol.proj.ProjectionLike;
-var transformFn: ol.TransformFunction;
-
-//
-// ol.Attribution
-//
-
-var attribution: ol.Attribution = new ol.Attribution({
-    html: stringValue,
-});
-
-//
-// ol.color
-//
-color = ol.color.asArray(color);
-color = ol.color.asArray(stringValue);
-stringValue = ol.color.asString(color);
-stringValue = ol.color.asString(stringValue);
-
-//
-// ol.extent
-//
-transformFunction = function (input: number[]) {
-    var returnData: number[];
-    return returnData;
-};
-transformFunction = function (input: number[], output: number[]) {
-    var returnData: number[];
-    return returnData;
-};
-transformFunction = function (input: number[], output: number[], dimension: number) {
-    var returnData: number[];
-    return returnData;
-}
-extent = ol.extent.applyTransform(extent, transformFunction);
-ol.extent.applyTransform(extent, transformFunction, extent);
-extent = ol.extent.boundingExtent(boundingCoordinates)
-extent = ol.extent.buffer(extent, numberValue);
-ol.extent.buffer(extent, numberValue, extent);
-booleanValue = ol.extent.containsCoordinate(extent, coordinate);
-booleanValue = ol.extent.containsExtent(extent, extent);
-booleanValue = ol.extent.containsXY(extent, numberValue, numberValue);
-extent = ol.extent.createEmpty();
-booleanValue = ol.extent.equals(extent, extent);
-extent = ol.extent.extend(extent, extent);
-coordinate = ol.extent.getBottomLeft(extent);
-coordinate = ol.extent.getBottomRight(extent);
-coordinate = ol.extent.getCenter(extent);
-numberValue = ol.extent.getHeight(extent);
-extent = ol.extent.getIntersection(extent, extent);
-ol.extent.getIntersection(extent, extent, extent);
-size = ol.extent.getSize(extent);
-coordinate = ol.extent.getTopLeft(extent);
-coordinate = ol.extent.getTopRight(extent);
-numberValue = ol.extent.getWidth(extent);
-booleanValue = ol.extent.intersects(extent, extent);
-booleanValue = ol.extent.isEmpty(extent);
-
-//
-// ol.featureloader
-//
-featureLoader = ol.featureloader.xhr(stringValue, featureFormat);
-
-//
-// ol.loadingstrategy
-//
-loadingstrategy = ol.loadingstrategy.all;
-loadingstrategy = ol.loadingstrategy.bbox;
-loadingstrategy = ol.loadingstrategy.tile(tilegrid);
-
-//
-//
-// ol.geom.Circle
-//
-booleanValue = circle.intersectsExtent(extent);
-circle = circle.transform(projectionLike, projectionLike);
-
-//
-//
-// ol.geom.Geometry
-//
-var geometryResult: ol.geom.Geometry;
-coordinate = geometryResult.getClosestPoint(coordinate);
-geometryResult.getClosestPoint(coordinate, coordinate);
-extent = geometryResult.getExtent();
-geometryResult.getExtent(extent);
-geometryResult.transform(projection, projection);
-
-//
-//
-// ol.geom.GeometryCollection
-//
-geometryCollection = new ol.geom.GeometryCollection(geometriesArray)
-geometryCollection = new ol.geom.GeometryCollection();
-voidValue = geometryCollection.applyTransform(transformFn);
-geometryCollection = geometryCollection.clone();
-geometriesArray = geometryCollection.getGeometries();
-geometryType = geometryCollection.getType();
-booleanValue = geometryCollection.intersectsExtent(extent);
-voidValue = geometryCollection.setGeometries(geometriesArray);
-
-//
-//
-// ol.geom.LinearRing
-//
-linearRing = new ol.geom.LinearRing(coordinatesArray);
-linearRing = new ol.geom.LinearRing(coordinatesArray, geometryLayout);
-linearRing = linearRing.clone();
-numberValue = linearRing.getArea();
-coordinatesArray = linearRing.getCoordinates();
-geometryType = linearRing.getType();
-voidValue = linearRing.setCoordinates(coordinatesArray);
-voidValue = linearRing.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.LineString
-//
-lineString = new ol.geom.LineString(coordinatesArray);
-lineString = new ol.geom.LineString(coordinatesArray, geometryLayout);
-voidValue = lineString.appendCoordinate(coordinate);
-lineString = lineString.clone();
-coordinate = lineString.getCoordinateAtM(numberValue);
-coordinate = lineString.getCoordinateAtM(numberValue, booleanValue);
-coordinatesArray = lineString.getCoordinates();
-numberValue = lineString.getLength();
-geometryType = lineString.getType();
-booleanValue = lineString.intersectsExtent(extent);
-voidValue = lineString.setCoordinates(coordinatesArray);
-voidValue = lineString.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.MultiLineString
-//
-var lineStringsArray: Array<ol.geom.LineString>;
-
-multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2);
-multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout);
-voidValue = multiLineString.appendLineString(lineString);
-multiLineString = multiLineString.clone();
-coordinate = multiLineString.getCoordinateAtM(numberValue);
-coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue);
-coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue, booleanValue);
-coordinatesArrayDim2 = multiLineString.getCoordinates();
-lineString = multiLineString.getLineString(numberValue);
-lineStringsArray = multiLineString.getLineStrings();
-geometryType = multiLineString.getType();
-booleanValue = multiLineString.intersectsExtent(extent);
-voidValue = multiLineString.setCoordinates(coordinatesArrayDim2);
-voidValue = multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout);
-
-//
-//
-// ol.geom.MultiPoint
-//
-var pointsArray: Array<ol.geom.Point>;
-
-multiPoint = new ol.geom.MultiPoint(coordinatesArray);
-multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout);
-voidValue = multiPoint.appendPoint(point);
-multiPoint = multiPoint.clone();
-coordinatesArray = multiPoint.getCoordinates();
-point = multiPoint.getPoint(numberValue);
-pointsArray = multiPoint.getPoints();
-geometryType = multiPoint.getType();
-booleanValue = multiPoint.intersectsExtent(extent);
-voidValue = multiPoint.setCoordinates(coordinatesArray);
-voidValue = multiPoint.setCoordinates(coordinatesArray, geometryLayout);
-
-//
-//
-// ol.geom.MultiPolygon
-//
-var coordinatesArrayDim3: Array<Array<Array<ol.Coordinate>>>;
-var polygonsArray: Array<ol.geom.Polygon>;
-
-multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3);
-multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3, geometryLayout);
-voidValue = multiPolygon.appendPolygon(polygon);
-multiPolygon = multiPolygon.clone();
-numberValue = multiPolygon.getArea();
-coordinatesArrayDim3 = multiPolygon.getCoordinates();
-coordinatesArrayDim3 = multiPolygon.getCoordinates(booleanValue);
-multiPoint = multiPolygon.getInteriorPoints();
-polygon = multiPolygon.getPolygon(numberValue);
-polygonsArray = multiPolygon.getPolygons();
-geometryType = multiPolygon.getType();
-booleanValue = multiPolygon.intersectsExtent(extent);
-voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3);
-voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3, geometryLayout);
-
-//
-//
-// ol.geom.Point
-//
-point = new ol.geom.Point(coordinate);
-point = new ol.geom.Point(coordinate, geometryLayout);
-point = point.clone();
-coordinate = point.getCoordinates();
-geometryType = point.getType();
-booleanValue = point.intersectsExtent(extent);
-voidValue = point.setCoordinates(coordinate);
-voidValue = point.setCoordinates(coordinate, geometryLayout);
-
-//
-//
-// ol.geom.Polygon
-//
-var localSphere: ol.Sphere;
-var linearRingsArray: Array<ol.geom.LinearRing>;
-
-polygon = new ol.geom.Polygon(coordinatesArrayDim2);
-polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout);
-polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue);
-polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue, numberValue);
-voidValue = polygon.appendLinearRing(linearRing);
-polygon = polygon.clone();
-numberValue = polygon.getArea();
-coordinatesArrayDim2 = polygon.getCoordinates();
-coordinatesArrayDim2 = polygon.getCoordinates(booleanValue);
-point = polygon.getInteriorPoint();
-linearRing = polygon.getLinearRing(numberValue);
-linearRingsArray = polygon.getLinearRings();
-geometryType = polygon.getType();
-booleanValue = polygon.intersectsExtent(extent);
-
-//
-//
-// ol.geom.SimpleGeometry
-//
-simpleGeometry.applyTransform(transformFn);
-coordinate = simpleGeometry.getFirstCoordinate();
-coordinate = simpleGeometry.getLastCoordinate();
-geometryLayout = simpleGeometry.getLayout();
-voidValue = simpleGeometry.translate(numberValue, numberValue);
-
-//
-// ol.source
-//
-vector = new ol.source.Vector({
-  features: [feature]
-});
-
-//
-// ol.Feature
-//
-feature = new ol.Feature();
-feature = new ol.Feature(geometry);
-feature = new ol.Feature({
-    geometry: geometry
-});
-feature = feature.clone();
-geometry = feature.getGeometry();
-stringValue = feature.getGeometryName();
-var featureGetId: string | number = feature.getId();
-var featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
-featureStyleFunction = feature.getStyleFunction();
-voidValue = feature.setGeometry(geometry);
-voidValue = feature.setGeometryName(stringValue);
-voidValue = feature.setId(stringValue);
-voidValue = feature.setId(numberValue);
-voidValue = feature.setStyle(style);
-voidValue = feature.setStyle(styleArray);
-voidValue = feature.setStyle(featureStyleFunction);
-
-//
-// ol.View
-//
-
-var view: ol.View = new ol.View({
-    center: [0, 0],
-    zoom: numberValue,
-});
-
-//
-// ol.layer.Tile
-//
-var tileLayer: ol.layer.Tile = new ol.layer.Tile({
-    source: new ol.source.MapQuest({ layer: 'osm' })
-});
-
-//
-// ol.proj
-//
-projection = new ol.proj.Projection({
-    code:stringValue,
-});
-projection.setExtent(projection.getExtent());
-
-//
-// ol.Map
-//
-
-var map: ol.Map = new ol.Map({
-    view: view,
-    layers: [tileLayer],
-    target: stringValue
-});
-map.beforeRender(preRenderFunction);
-
-//
-// ol.source.ImageWMS
-//
-var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
-    serverType: stringValue,
-    url:stringValue
-});
-
-//
-// ol.source.Source
-//
-const source = imageWMS as ol.source.Source;
-voidValue = source.refresh();
-projection = source.getProjection();
-
-//
-// ol.source.TileWMS
-//
-var tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
-    params: {},
-    serverType: stringValue,
-    url:stringValue
-});
-
-tileWMS.updateParams(tileWMS.getParams());
-stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
-
-//
-// ol.source.WMTS
-//
-var wmts: ol.source.WMTS = new ol.source.WMTS({
-   tileGrid: new ol.tilegrid.WMTS({}),
-   layer: "",
-   style: "",
-   matrixSet: "",
-   wrapX: true
-});
-
-//
-// ol.animation
-//
-var bounceOptions: olx.animation.BounceOptions;
-bounceOptions.duration = numberValue;
-bounceOptions.start = numberValue;
-bounceOptions.resolution = numberValue;
-bounceOptions.easing = easingFunction;
-preRenderFunction = ol.animation.bounce(bounceOptions);
-
-var panOptions: olx.animation.PanOptions;
-panOptions.duration = numberValue;
-panOptions.start = numberValue;
-panOptions.source = coordinate;
-panOptions.easing = easingFunction;
-preRenderFunction = ol.animation.pan(panOptions);
-
-var rotateOptions: olx.animation.RotateOptions;
-rotateOptions.duration = numberValue;
-rotateOptions.start = numberValue;
-rotateOptions.anchor = coordinate;
-rotateOptions.rotation = numberValue;
-rotateOptions.easing = easingFunction;
-preRenderFunction = ol.animation.rotate(rotateOptions);
-
-var zoomOptions: olx.animation.ZoomOptions;
-zoomOptions.duration = numberValue;
-zoomOptions.start = numberValue;
-zoomOptions.resolution = numberValue;
-zoomOptions.easing = easingFunction;
-preRenderFunction = ol.animation.zoom(zoomOptions);
-map.beforeRender(preRenderFunction);
-
-//
-// ol.coordinate
-//
-coordinate = ol.coordinate.add(coordinate, coordinate);
-coordinateFormatType = ol.coordinate.createStringXY();
-coordinateFormatType = ol.coordinate.createStringXY(numberValue);
-stringValue = ol.coordinate.format(coordinate, stringValue);
-stringValue = ol.coordinate.format(coordinate, stringValue, numberValue);
-coordinate = ol.coordinate.rotate(coordinate, numberValue);
-stringValue = ol.coordinate.toStringHDMS();
-stringValue = ol.coordinate.toStringHDMS(coordinate);
-stringValue = ol.coordinate.toStringXY();
-stringValue = ol.coordinate.toStringXY(coordinate);
-stringValue = ol.coordinate.toStringXY(coordinate, numberValue);
-
-//
-// ol.easing
-//
-easingFunction = ol.easing.easeIn;
-easingFunction = ol.easing.easeOut;
-easingFunction = ol.easing.inAndOut;
-easingFunction = ol.easing.linear;
-easingFunction = ol.easing.upAndDown;
-
-//
-// ol.Geolocation
-//
-var geolocation: ol.Geolocation = new ol.Geolocation({
-    projection: projection
-});
-geolocation.on('change', function (evt) {
-    window.console.log(geolocation.getPosition());
-});
-
-//
-// ol.Graticule
-//
-
-graticule = new ol.Graticule();
-graticule = new ol.Graticule({
-    map: map,
-});
-var graticuleMap: ol.Map = graticule.getMap();
-var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
-var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
-graticule.setMap(graticuleMap);
-
-//
-// ol.DeviceOrientation
-//
-
-var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
-    tracking: true,
-});
-deviceOrientation.on('change', function (evt) {
-    window.console.log(deviceOrientation.getHeading());
-});
-
-//
-// ol.Overlay
-//
-
-var popup: ol.Overlay = new ol.Overlay({
-    element: document.getElementById('popup')
-});
-map.addOverlay(popup);
-var popupElement: Element = popup.getElement();
-var popupMap: ol.Map = popup.getMap();
-var popupOffset: Array<number> = popup.getOffset();
-coordinate = popup.getPosition();
-var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
-popup.setElement(popupElement);
-popup.setMap(popupMap);
-popup.setOffset(popupOffset);
-popup.setPosition(coordinate);
-popup.setPositioning(popupPositioning);
-
-
-//
-// ol.format.GeoJSON
-//
-
-var geojsonOptions: olx.format.GeoJSONOptions;
-geojsonOptions.defaultDataProjection = "EPSG";
-geojsonOptions.defaultDataProjection = projection;
-geojsonOptions.geometryName = "geom";
-
-var geojsonFormat: ol.format.GeoJSON;
-geojsonFormat = new ol.format.GeoJSON();
-geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
-
-// Test options
-var readOptions: olx.format.ReadOptions;
-readOptions.dataProjection = "EPSG";
-readOptions.dataProjection = projection;
-readOptions.featureProjection = "EPSG";
-readOptions.featureProjection = projection;
-
-var writeOptions: olx.format.WriteOptions;
-writeOptions.dataProjection = "EPSG";
-writeOptions.dataProjection = projection;
-writeOptions.featureProjection = "EPSG";
-writeOptions.featureProjection = projection;
-writeOptions.rightHanded = false;
-
-// Test functions
-feature = geojsonFormat.readFeature("json");
-feature = geojsonFormat.readFeature("json", readOptions);
-featureArray = geojsonFormat.readFeatures("json");
-featureArray = geojsonFormat.readFeatures("json", readOptions);
-geometry = geojsonFormat.readGeometry("geometry");
-geometry = geojsonFormat.readGeometry("geometry", readOptions);
-stringValue = geojsonFormat.writeFeature(feature);
-stringValue = geojsonFormat.writeFeature(feature, writeOptions);
-stringValue = geojsonFormat.writeFeatures(featureArray);
-stringValue = geojsonFormat.writeFeatures(featureArray, writeOptions);
-stringValue = geojsonFormat.writeGeometry(geometry);
-stringValue = geojsonFormat.writeGeometry(geometry, writeOptions);
-jsonValue = geojsonFormat.writeFeatureObject(feature);
-jsonValue = geojsonFormat.writeFeatureObject(feature, writeOptions);
-jsonValue = geojsonFormat.writeFeaturesObject(featureArray);
-jsonValue = geojsonFormat.writeFeaturesObject(featureArray, writeOptions);
-jsonValue = geojsonFormat.writeGeometryObject(geometry);
-jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions);
-
-//
-// ol.interactions
-//
-var modify: ol.interaction.Modify = new ol.interaction.Modify({
-    features: new ol.Collection<ol.Feature>(featureArray)
-});
-
-var draw: ol.interaction.Draw = new ol.interaction.Draw({
-    type: "Point"
-})
-
-const select: ol.interaction.Select = new ol.interaction.Select({
-    layers: (layer: ol.layer.Layer) => true,
-});
diff --git a/openlayers/openlayers-3.6.0.d.ts b/openlayers/openlayers-3.6.0.d.ts
deleted file mode 100644
index 91b822d6b6..0000000000
--- a/openlayers/openlayers-3.6.0.d.ts
+++ /dev/null
@@ -1,5403 +0,0 @@
-// Type definitions for OpenLayers v3.6.0
-// Project: http://openlayers.org/
-// Definitions by: Wouter Goedhart <https://github.com/woutergd>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace olx {
-    interface StaticImageOptions {
-
-        /** Attributions */
-        attributions?: Array<ol.Attribution>
-
-        /*** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
-        crossOrigin?: string
-
-        /*** Extent of the image in map coordinates. This is the [left, bottom, right, top] map coordinates of your image.*/
-        imageExtent: ol.Extent;
-
-        /*** Size of the image in pixels.*/
-        imageSize?: ol.Size;
-
-        /*** experimental Optional function to load an image given a URL.*/
-        imageLoadFunction?: ol.TileLoadFunctionType;
-
-        /*** Optional logo.*/
-        logo?: olx.LogoOptions;
-
-        /*** experimental Projection.*/
-        projection: ol.proj.Projection;
-
-        /*** Image URL.*/
-        url: string;
-    }
-
-    interface ZoomToExtentOptions {
-        /*** Class name. Default is ol-zoom-extent.*/
-        className?: string;
-
-        /*** Target.*/
-        target?: Element;
-
-        /*** Text label to use for the button. Default is E. Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Node;
-
-        /*** Text label to use for the button tip. Default is Zoom to extent.*/
-        tipLabel?: string;
-
-        /*** The extent to zoom to. If undefined the validity extent of the view projection is used.*/
-        extent: ol.Extent;
-    }
-
-    interface OverviewMapOptions {
-        /*** Whether the control should start collapsed or not (expanded). Default to true.*/
-        collapsed?: boolean;
-        /*** Text label to use for the expanded overviewmap button. Default is «. Instead of text, also a Node (e.g. a span element) can be used.*/
-        collapseLabel? :string | Node;
-        /*** Whether the control can be collapsed or not. Default to true.*/
-        collapsible?: boolean;
-        /*** Text label to use for the collapsed overviewmap button. Default is ». Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Node;
-        /*** Layers for the overview map. If not set, then all main map layers are used instead.*/
-        layers?: ol.layer.Layer[] | ol.Collection<ol.layer.Layer>;
-        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
-        render?: Function;
-        /*** Specify a target if you want the control to be rendered outside of the map's viewport.*/
-        target?: Element;
-        /*** Text label to use for the button tip. Default is Overview map*/
-        tipLabel?: string;
-        /*** Custom view for the overview map. If not provided, a default view with an EPSG:3857 projection will be used.*/
-        view?: ol.View;
-    }
-
-    interface RotateOptions {
-        /*** CSS class name. Default is ol-rotate.*/
-        className?: string;
-        /*** Text label to use for the rotate button. Default is ⇧. Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Element;
-        /*** Text label to use for the rotate tip. Default is Reset rotation.*/
-        tipLabel?: string;
-        /*** Animation duration in milliseconds. Default is 250.*/
-        duration?: number;
-        /*** Hide the control when rotation is 0. Default is true.*/
-        autoHide?: boolean;
-        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
-        render?: Function;
-        /*** Function called when the control is clicked. This will override the default resetNorth.*/
-        resetNorth?: Function;
-        /*** Target.*/
-        target?: Element;
-    }
-
-    interface AttributionOptions {
-
-        /** HTML markup for this attribution. */
-        html: string;
-    }
-
-    interface DeviceOrientationOptions {
-
-        /**
-         * Start tracking. Default is false.
-         */
-        tracking?: boolean;
-    }
-
-    interface FrameState {
-
-        /**
-         *
-         */
-        pixelRatio: number;
-
-        /**
-         *
-         */
-        time: number;
-
-        /**
-         *
-         */
-        viewState: olx.ViewState;
-    }
-
-    interface FeatureOverlayOptions {
-
-        /**
-         * Features
-         */
-        features?: Array<ol.Feature> | ol.Collection<ol.Feature> | ol.style.StyleFunction;
-
-        /**
-         * Map
-         */
-        map: ol.Map;
-
-        /**
-         * Style
-         */
-        style: ol.style.Style | Array<ol.style.Style>;
-    }
-
-    interface GeolocationOptions {
-
-        /**
-         * Start Tracking. Default is false.
-         */
-        tracking?: boolean;
-
-        /**
-         * Tracking options. See http://www.w3.org/TR/geolocation-API/#position_options_interface.
-         */
-        trackingOptions?: PositionOptions;
-
-        /**
-         * The projection the position is reported in.
-         */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-    }
-
-    interface GraticuleOptions {
-
-        /** Reference to an ol.Map object. */
-        map?: ol.Map;
-
-        /** The maximum number of meridians and parallels from the center of the map. The default value is 100, which means that at most 200 meridians and 200 parallels will be displayed. The default value is appropriate for conformal projections like Spherical Mercator. If you increase the value more lines will be drawn and the drawing performance will decrease. */
-        maxLines?: number;
-
-        /** The stroke style to use for drawing the graticule. If not provided, the lines will be drawn with rgba(0,0,0,0.2), a not fully opaque black. */
-        strokeStyle?: ol.style.Stroke;
-
-        /** The target size of the graticule cells, in pixels. Default value is 100 pixels. */
-        targetSize?: number;
-    }
-
-    interface BaseWMSOptions {
-
-        /** Attributions. */
-        attributions?: Array<ol.Attribution>;
-
-        /** WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. */
-        params?: any;
-
-        /** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
-        crossOrigin?: string;
-
-        /** experimental Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true. */
-        hidpi?: boolean;
-
-        /** experimental The type of the remote WMS server: mapserver, geoserver or qgis. Only needed if hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** Logo. */
-        logo?: olx.LogoOptions;
-
-        /** experimental Projection. */
-        projection?: ol.proj.ProjectionLike;
-    }
-
-    interface ImageWMSOptions extends BaseWMSOptions {
-
-        /** experimental Optional function to load an image given a URL. */
-        imageLoadFunction?: ol.ImageLoadFunctionType;
-
-        /** Ratio. 1 means image requests are the size of the map viewport, 2 means twice the width and height of the map viewport, and so on. Must be 1 or higher. Default is 1.5. */
-        ratio?: number;
-
-        /** Resolutions. If specified, requests will be made for these resolutions only. */
-        resolutions?: Array<number>;
-    }
-
-    interface TileWMSOptions {
-
-        attributions?: Array<ol.Attribution>;
-
-        /**WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. Required.*/
-        params: Object;
-        /**The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.*/
-        crossOrigin?: string;
-
-        /** The size in pixels of the gutter around image tiles to ignore. By setting this property to a non-zero value, images will be requested that are wider and taller than the tile size by a value of 2 x gutter. Defaults to zero. Using a non-zero value allows artifacts of rendering at tile edges to be ignored. If you control the WMS service it is recommended to address "artifacts at tile edges" issues by properly configuring the WMS service. For example, MapServer has a tile_map_edge_buffer configuration parameter for this. See http://mapserver.org/output/tile_mode.html. */
-        gutter?: number;
-
-        /** Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true.*/
-        hidpi?: boolean;
-
-        logo?: string | olx.LogoOptions;
-
-        /** Tile grid. Base this on the resolutions, tilesize and extent supported by the server. If this is not defined, a default grid will be used: if there is a projection extent, the grid will be based on that; if not, a grid based on a global extent with origin at 0,0 will be used. */
-        tileGrid?: ol.tilegrid.TileGrid;
-
-        /** experimental Maximum zoom. */
-        maxZoom?: number;
-
-        projection?: ol.proj.ProjectionLike;
-        reprojectionErrorThreshold?: number;
-
-        /** experimental Optional function to load a tile given a URL. */
-        tileLoadFunction?: ol.TileLoadFunctionType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** WMS service urls. Use this instead of url when the WMS supports multiple urls for GetMap requests. */
-        urls?: Array<string>;
-
-        /** experimental The type of the remote WMS server. Currently only used when hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** experimental Whether to wrap the world horizontally. When set to false, only one world will be rendered. When true, tiles will be requested for one world only, but they will be wrapped horizontally to render multiple worlds. The default is true. */
-        wrapX?: boolean;
-    }
-    interface OSMOptions {
-        /** Attributions */
-        attributions?: ol.AttributionLike;
-        /** Cache size. Default is 2048. */
-        cacheSize?: number;
-        /**
-         * The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL
-         * renderer or if you want to access pixel data with the Canvas renderer.
-         * See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. Default is anonymous.
-         */
-        crossOrigin?: string;
-        /** Max zoom. Default is 19. */
-        maxZoom?: number;
-        /** Whether the layer is opaque. Default is true. */
-        opaque?: boolean;
-        /** Maximum allowed reprojection error (in pixels). Default is 0.5. Higher values can increase reprojection performance, but decrease precision. */
-        reprojectionErrorThreshold?: number;
-        /** Optional function to load a tile given a URL. */
-        tileLoadFunction?: ol.TileLoadFunctionType;
-        /** URL template. Must include {x}, {y} or {-y}, and {z} placeholders. Default is https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png. */
-        url?: string;
-        /** Whether to wrap the world horizontally. Default is true. */
-        wrapX?: boolean;
-    }
-    /**
-     * Object literal with config options for the map logo.
-     */
-    interface LogoOptions {
-		/**
-		* Link url for the logo. Will be followed when the logo is clicked.
-		*/
-		href: string;
-
-		/**
-		* Image src for the logo
-		*/
-		src: string;
-
-    }
-
-    interface MapOptions {
-
-        /** Controls initially added to the map. If not specified, ol.control.defaults() is used. */
-        controls?: any;
-
-        /** The ratio between physical pixels and device-independent pixels (dips) on the device. If undefined then it gets set by using window.devicePixelRatio. */
-        pixelRatio?: number;
-
-        /** Interactions that are initially added to the map. If not specified, ol.interaction.defaults() is used. */
-        interactions?: any;
-
-        /** The element to listen to keyboard events on. This determines when the KeyboardPan and KeyboardZoom interactions trigger. For example, if this option is set to document the keyboard interactions will always trigger. If this option is not specified, the element the library listens to keyboard events on is the map target (i.e. the user-provided div for the map). If this is not document the target element needs to be focused for key events to be emitted, requiring that the target element has a tabindex attribute. */
-        keyboardEventTarget?: any;
-
-        /** Layers. If this is not defined, a map with no layers will be rendered. Note that layers are rendered in the order supplied, so if you want, for example, a vector layer to appear on top of a tile layer, it must come after the tile layer. */
-        layers?: Array<any>
-
-        /** When set to true, tiles will be loaded during animations. This may improve the user experience, but can also make animations stutter on devices with slow memory. Default is false. */
-        loadTilesWhileAnimating?: boolean;
-
-        /** When set to true, tiles will be loaded while interacting with the map. This may improve the user experience, but can also make map panning and zooming choppy on devices with slow memory. Default is false. */
-        loadTilesWhileInteracting?: boolean;
-
-        /** The map logo. A logo to be displayed on the map at all times. If a string is provided, it will be set as the image source of the logo. If an object is provided, the src property should be the URL for an image and the href property should be a URL for creating a link. To disable the map logo, set the option to false. By default, the OpenLayers 3 logo is shown. */
-        logo?: any;
-
-        /** Overlays initially added to the map. By default, no overlays are added. */
-        overlays?: any;
-
-        /** Renderer. By default, Canvas, DOM and WebGL renderers are tested for support in that order, and the first supported used. Specify a ol.RendererType here to use a specific renderer. Note that at present only the Canvas renderer supports vector data. */
-        renderer?: any;
-
-        /** The container for the map, either the element itself or the id of the element. If not specified at construction time, ol.Map#setTarget must be called for the map to be rendered. */
-        target?: any;
-
-        /** The map's view. No layer sources will be fetched unless this is specified at construction time or through ol.Map#setView. */
-        view?: ViewOptions;
-    }
-
-    interface OverlayOptions {
-
-        /**
-         * The overlay element.
-         */
-        element?: Element;
-
-        /**
-         * Offsets in pixels used when positioning the overlay. The fist element in the array is the horizontal offset. A positive value shifts the overlay right. The second element in the array is the vertical offset. A positive value shifts the overlay down. Default is [0, 0].
-         */
-        offset?: Array<number>;
-
-        /**
-         * The overlay position in map projection.
-         */
-        position?: ol.Coordinate;
-
-        /**
-         * Defines how the overlay is actually positioned with respect to its position property. Possible values are 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', and 'top-right'. Default is 'top-left'.
-         */
-        positioning?: ol.OverlayPositioning;
-
-        /**
-         * Whether event propagation to the map viewport should be stopped. Default is true. If true the overlay is placed in the same container as that of the controls (CSS class name ol-overlaycontainer-stopevent); if false it is placed in the container with CSS class name ol-overlaycontainer.
-         */
-        stopEvent?: boolean;
-
-        /**
-         * Whether the overlay is inserted first in the overlay container, or appended. Default is true. If the overlay is placed in the same container as that of the controls (see the stopEvent option) you will probably set insertFirst to true so the overlay is displayed below the controls.
-         */
-        insertFirst?: boolean;
-
-        /**
-         * If set to true the map is panned when calling setPosition, so that the overlay is entirely visible in the current viewport. The default is false.
-         */
-        autoPan?: boolean;
-
-        /**
-         * The options used to create a ol.animation.pan animation. This animation is only used when autoPan is enabled. By default the default options for ol.animation.pan are used. If set to null the panning is not animated.
-         */
-        autoPanAnimation?: olx.animation.PanOptions;
-
-        /**
-         * The margin (in pixels) between the overlay and the borders of the map when autopanning. The default is 20.
-         */
-        autoPanMargin?: number;
-    }
-
-    interface ViewOptions {
-
-        /** The initial center for the view. The coordinate system for the center is specified with the projection option. Default is undefined, and layer sources will not be fetched if this is not set. */
-        center?: ol.Coordinate;
-
-        /** Rotation constraint. false means no constraint. true means no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example, 4 will constrain the rotation to 0, 90, 180, and 270 degrees. The default is true. */
-        constrainRotation?: boolean;
-
-        /** Enable rotation. Default is true. If false a rotation constraint that always sets the rotation to zero is used. The constrainRotation option has no effect if enableRotation is false. */
-        enableRotation?: boolean;
-
-        /**The extent that constrains the center, in other words, center cannot be set outside this extent. Default is undefined. */
-        extent?: ol.Extent;
-
-        /** The maximum resolution used to determine the resolution constraint. It is used together with minResolution (or maxZoom) and zoomFactor. If unspecified it is calculated in such a way that the projection's validity extent fits in a 256x256 px tile. If the projection is Spherical Mercator (the default) then maxResolution defaults to 40075016.68557849 / 256 = 156543.03392804097. */
-        maxResolution?: number;
-
-        /** The minimum resolution used to determine the resolution constraint. It is used together with maxResolution (or minZoom) and zoomFactor. If unspecified it is calculated assuming 29 zoom levels (with a factor of 2). If the projection is Spherical Mercator (the default) then minResolution defaults to 40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253. */
-        minResolution?: number;
-
-        /** The maximum zoom level used to determine the resolution constraint. It is used together with minZoom (or maxResolution) and zoomFactor. Default is 28. Note that if minResolution is also provided, it is given precedence over maxZoom. */
-        maxZoom?: number;
-
-        /** The minimum zoom level used to determine the resolution constraint. It is used together with maxZoom (or minResolution) and zoomFactor. Default is 0. Note that if maxResolution is also provided, it is given precedence over minZoom. */
-        minZoom?: number;
-
-        /** The projection. Default is EPSG:3857 (Spherical Mercator). */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-        /** The initial resolution for the view. The units are projection units per pixel (e.g. meters per pixel). An alternative to setting this is to set zoom. Default is undefined, and layer sources will not be fetched if neither this nor zoom are defined. */
-        resolution?: number;
-
-        /** Resolutions to determine the resolution constraint. If set the maxResolution, minResolution, minZoom, maxZoom, and zoomFactor options are ignored. */
-        resolutions?: Array<number>;
-
-        /** The initial rotation for the view in radians (positive rotation clockwise). Default is 0. */
-        rotation?: number;
-
-        /** Only used if resolution is not defined. Zoom level used to calculate the initial resolution for the view. The initial resolution is determined using the ol.View#constrainResolution method. */
-        zoom?: number;
-
-        /** The zoom factor used to determine the resolution constraint. Default is 2. */
-        zoomFactor?: number;
-    }
-
-    interface ViewState {
-
-        /**
-         *
-         */
-        center: ol.Coordinate;
-
-        /**
-         *
-         */
-        projection: ol.proj.Projection;
-
-        /**
-         *
-         */
-        resolution: number;
-
-        /**
-         *
-         */
-        rotation: number;
-    }
-
-    interface Projection {
-        /**
-         * The SRS identifier code, e.g. EPSG:4326.
-         */
-        code: string;
-
-        /**
-        * Units. Required unless a proj4 projection is defined for code.
-        */
-        units?: ol.proj.Units;
-
-        /**
-        * The validity extent for the SRS.
-        */
-        extent?: Array<number>;
-
-        /**
-        * The axis orientation as specified in Proj4. The default is enu.
-        */
-        axisOrientation?: string;
-
-        /**
-        * Whether the projection is valid for the whole globe. Default is false.
-        */
-        global?: boolean;
-
-        /**
-        * experimental The world extent for the SRS.
-        */
-        worldExtent?: ol.Extent;
-
-        /**
-        *  experimental Function to determine resolution at a point. The function is called with
-        *  a {number} view resolution and an {ol.Coordinate} as arguments, and returns the {number}
-        *  resolution at the passed coordinate.
-        */
-        getPointResolution?: (resolution: number, coordinate: ol.Coordinate) => number;
-    }
-
-    namespace animation {
-
-        interface BounceOptions {
-
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            resolution: number;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number;
-        }
-
-        interface PanOptions {
-
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            source: ol.Coordinate;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number;
-        }
-
-        interface RotateOptions {
-
-            /**
-             * The rotation value (in radians) to begin rotating from, typically map.getView().getRotation(). If undefined then 0 is assumed.
-             */
-            rotation?: number;
-
-            /**
-             * The rotation center/anchor. The map rotates around the center of the view if unspecified.
-             */
-            anchor?: ol.Coordinate;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number
-        }
-
-        interface ZoomOptions {
-
-            /**
-             * The resolution to begin zooming from, typically map.getView().getResolution().
-             */
-            resolution: number;
-
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
-
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
-
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number
-        }
-    }
-
-    namespace control {
-
-        interface DefaultsOptions {
-
-            /**
-             * Attribution. Default is true.
-             */
-            attribution?: boolean;
-
-            /**
-             * Attribution options.
-             */
-            //TODO: Replace with olx.control.AttributionOptions
-            attributionOptions?: any;
-
-            /**
-             * Rotate. Default is true;
-             */
-            rotate?: boolean;
-
-            /**
-             * Rotate options
-             */
-            //TODO: Replace with olx.control.RotateOptions
-            rotateOptions?: any;
-
-            /**
-             * Zoom. Default is true
-             */
-            zoom?: boolean;
-
-            /**
-             *
-             */
-            //TODO: Replace with olx.control.ZoomOptions
-            zoomOptions?: any;
-        }
-    }
-
-    namespace interaction {
-        interface DefaultsOptions {
-            /*** Whether Alt-Shift-drag rotate is desired. Default is true.*/
-            altShiftDragRotate?: boolean;
-            /*** Whether double click zoom is desired. Default is true.*/
-            doubleClickZoom?: boolean;
-            /*** Whether keyboard interaction is desired. Default is true.*/
-            keyboard?: boolean;
-            /*** Whether mousewheel zoom is desired. Default is true.*/
-            mouseWheelZoom?: boolean;
-            /*** Whether Shift-drag zoom is desired. Default is true.*/
-            shiftDragZoom?: boolean;
-            /*** Whether drag pan is desired. Default is true.*/
-            dragPan?: boolean;
-            /*** Whether pinch rotate is desired. Default is true.*/
-            pinchRotate?: boolean;
-            /*** Whether pinch zoom is desired. Default is true.*/
-            pinchZoom?: boolean;
-            /*** Zoom delta*/
-            zoomDelta?: number;
-            /*** Zoom duration*/
-            zoomDuration?: number;
-        }
-        interface InteractionOptions {
-            /**
-             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
-             * The function may return false to prevent the propagation of the event to other interactions in
-             * the map's interactions chain. Required.
-             */
-            handleEvent: Function;
-        }
-        interface ModifyOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event will
-             * be considered to add or move a vertex to the sketch. Default is ol.events.condition.primaryAction.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should
-             * be handled. By default, ol.events.condition.singleClick with ol.events.condition.noModifierKeys results
-             * in a vertex deletion.
-             */
-            deleteCondition?: ol.events.ConditionType;
-            /*** Pixel tolerance for considering the pointer close enough to a segment or vertex for editing. Default is 10.*/
-            pixelTolerance?: number;
-            /*** Style used for the features being modified. By default the default edit style is used (see ol.style).*/
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /*** The features the interaction works on. Required.*/
-            features: ol.Collection<ol.Feature>;
-            /*** Wrap the world horizontally on the sketch overlay. Default is false.*/
-            wrapX?: boolean;
-        }
-        interface DragBoxOptions {
-            /*** CSS class name for styling the box. The default is ol-dragbox.*/
-            className?: string;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.always.
-             */
-            condition?: ol.events.ConditionType;
-            /*** A function that takes a ol.MapBrowserEvent and two ol.Pixels to indicate whether a boxend event should be fired.*/
-            boxEndCondition?: ol.interaction.DragBoxEndConditionType;
-        }
-        interface DrawOptions {
-            /**
-             * The maximum distance in pixels between "down" and "up" for a "up" event to be considered a "click" event and actually
-             * add a point/vertex to the geometry being drawn. Default is 6 pixels. That value was chosen for the draw interaction
-             * to behave correctly on mouse as well as on touch devices.
-             */
-            clickTolerance?: number;
-            /**
-             * Destination collection for the drawn features.
-             */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * Destination source for the drawn features.
-             */
-            source?: ol.source.Vector;
-            /**
-             * Pixel distance for snapping to the drawing finish. Default is 12.
-             */
-            snapTolerance?: number;
-            /**
-             * Drawing type ('Point', 'LineString', 'Polygon', 'MultiPoint', 'MultiLineString', 'MultiPolygon' or 'Circle'). Required.
-             */
-            type: ol.geom.GeometryType;
-            /**
-             * The number of points that can be drawn before a polygon ring or line string is finished. The default is no restriction.
-             */
-            maxPoints?: number;
-            /**
-             * The number of points that must be drawn before a polygon ring or line string can be finished. Default is 3 for polygon
-             * rings and 2 for line strings.
-             */
-            minPoints?: number;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether the drawing can be finished.
-             */
-            finishCondition?: ol.events.ConditionType;
-            /**
-             * Style for sketch features.
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /**
-             * Function that is called when a geometry's coordinates are updated.
-             */
-            geometryFunction?: ol.interaction.DrawGeometryFunctionType;
-            /**
-             * Geometry name to use for features created by the draw interaction.
-             */
-            geometryName?: string;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default ol.events.condition.noModifierKeys, i.e. a click, adds a vertex or deactivates freehand drawing.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Condition that activates freehand drawing for lines and polygons. This function takes an ol.MapBrowserEvent and returns
-             * a boolean to indicate whether that event should be handled. The default is ol.events.condition.shiftKeyOnly, meaning that
-             *  the Shift key activates freehand drawing.
-             */
-            freehandCondition?: ol.events.ConditionType;
-            /**
-             * Wrap the world horizontally on the sketch overlay. Default is false.
-             */
-            wrapX?: boolean;
-        }
-        interface DoubleClickZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 250.
-             */
-            duration?: number;
-            /**
-             * The zoom delta applied on each double click, default is 1.
-             */
-            delta?: number;
-        }
-        interface DragAndDropOptions {
-            /**
-             * Format constructors.
-             */
-            formatConstructors?: Array<ol.format.Feature>;
-            /**
-             * Target projection. By default, the map's view's projection is used.
-             */
-            projection: ol.proj.ProjectionLike;
-            /**
-             * The element that is used as the drop target, default is the viewport element.
-             */
-            target?: Element;
-        }
-        interface DragPanOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.noModifierKeys.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Kinetic inertia to apply to the pan.
-             */
-            kinetic?: ol.Kinetic;
-        }
-        interface DragRotateOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.altShiftKeysOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 250.
-             */
-            duration?: number;
-        }
-        interface DragRotateAndZoomOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.shiftKeyOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 400.
-             */
-            duration?: number;
-        }
-        interface DragZoomOptions {
-            /**
-             * CSS class name for styling the box. The default is ol-dragzoom.
-             */
-            className?: string;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.shiftKeyOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 200.
-             */
-            duration?: number;
-            /**
-             * Use interaction for zooming out. Default is false.
-             */
-            out?: boolean;
-        }
-        interface KeyboardPanOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.noModifierKeys and ol.events.condition.targetNotEditable.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 100.
-             */
-            duration?: number;
-            /**
-             * Pixel The amount to pan on each key press. Default is 128 pixels.
-             */
-            pixelDelta?: number;
-        }
-        interface KeyboardZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 100.
-             */
-            duration?: number;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.targetNotEditable.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * The amount to zoom on each key press. Default is 1.
-             */
-            delta?: number;
-        }
-        interface MouseWheelZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 250.
-             */
-            duration?: number;
-            /**
-             * Enable zooming using the mouse's location as the anchor. Default is true.
-             * When set to false, zooming in and out will zoom to the center of the screen instead of zooming on the mouse's location.
-             */
-            useAnchor?: boolean;
-        }
-        interface PinchRotateOptions {
-            /**
-             * The duration of the animation in milliseconds. Default is 250.
-             */
-            duration?: number;
-            /**
-             * Minimal angle in radians to start a rotation. Default is 0.3.
-             */
-            threshold?: number;
-        }
-        interface PinchZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 400.
-             */
-            duration?: number;
-        }
-        interface PointerOptions {
-            /**
-             * Function handling "down" events. If the function returns true then a drag sequence is started.
-             */
-            handleDownEvent?: Function;
-            /**
-             * Function handling "drag" events. This function is called on "move" events during a drag sequence.
-             */
-            handleDragEvent?: Function;
-            /**
-             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
-             * The function may return false to prevent the propagation of the event to other interactions in the map's interactions chain.
-             */
-            handleEvent?: Function;
-            /**
-             * Function handling "move" events. This function is called on "move" events, also during a drag sequence
-             * (so during a drag sequence both the handleDragEvent function and this function are called).
-             */
-            handleMoveEvent?: Function;
-            /**
-             * Function handling "up" events. If the function returns false then the current drag sequence is stopped.
-             */
-            handleUpEvent?: Function;
-        }
-        interface SnapOptions {
-            /**
-             * Snap to these features. Either this option or source should be provided.
-             */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * Snap to edges. Default is true.
-             */
-            edge?: boolean;
-            /**
-             * Snap to vertices. Default is true.
-             */
-            vertex?: boolean;
-            /**
-             * Pixel tolerance for considering the pointer close enough to a segment or vertex for snapping. Default is 10 pixels.
-             */
-            pixelTolerance?: number;
-            /**
-             * Snap to features from this source. Either this option or features should be provided.
-             */
-            source?: ol.source.Vector;
-        }
-        interface SelectOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default, this is ol.events.condition.never.
-             * Use this if you want to use different events for add and remove instead of toggle.
-             */
-            addCondition?: ol.events.ConditionType;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * This is the event for the selected features as a whole. By default, this is ol.events.condition.singleClick.
-             * Clicking on a feature selects that feature and removes any that were in the selection.
-             * Clicking outside any feature removes all from the selection.
-             * See toggle, add, remove options for adding/removing extra features to/ from the selection.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * A list of layers from which features should be selected. Alternatively, a filter function can be provided.
-             * The function will be called for each layer in the map and should return true for layers that you want to be selectable.
-             * If the option is absent, all visible layers will be considered selectable.
-             */
-            layers?: Array<ol.layer.Layer> | ((layer: ol.layer.Layer) => boolean);
-            /**
-             * Style for the selected features. By default the default edit style is used (see ol.style).
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default, this is ol.events.condition.never.
-             * Use this if you want to use different events for add and remove instead of toggle.
-             */
-            removeCondition?: ol.events.ConditionType;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * This is in addition to the condition event. By default, ol.events.condition.shiftKeyOnly,
-             * i.e. pressing shift as well as the condition event, adds that feature to the current selection if it is not currently
-             * selected, and removes it if it is. See add and remove if you want to use different events instead of a toggle.
-             */
-            toggleCondition?: ol.events.ConditionType;
-            /**
-             * A boolean that determines if the default behaviour should select only single features or all (overlapping)
-             * features at the clicked map position. Default is false i.e single select
-             */
-            multi?: boolean;
-            /**
-             * Collection where the interaction will place selected features. Optional. If not set the interaction will create a collection.
-             * In any case the collection used by the interaction is returned by ol.interaction.Select#getFeatures.
-             */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * A function that takes an ol.Feature and an ol.layer.Layer and returns true if the feature may be selected or false otherwise.
-             */
-            filter?: ol.interaction.SelectFilterFunction;
-            /**
-             * Wrap the world horizontally on the selection overlay. Default is true.
-             */
-            wrapX?: boolean;
-        }
-    }
-
-    namespace layer {
-
-        interface BaseOptions {
-            /**
-             * Opacity (0, 1). Default is 1.
-             */
-            opacity?: number;
-
-            /**
-             * Visibility. Default is true.
-             */
-            visible?: boolean;
-
-            /**
-             * The bounding extent for layer rendering. The layer will not be rendered outside of this extent.
-             */
-            extent?: ol.Extent;
-
-            zIndex?: number;
-            /**
-             * The minimum resolution (inclusive) at which this layer will be visible.
-             */
-            minResolution?: number;
-
-            /**
-             * The maximum resolution (exclusive) below which this layer will be visible.
-             */
-            maxResolution?: number;
-        }
-
-        interface GroupOptions extends BaseOptions {
-
-            /**
-             * Child layers
-             */
-            layers?: Array<ol.layer.Base> | ol.Collection<ol.layer.Base>;
-        }
-
-        interface HeatmapOptions extends VectorOptions {
-
-            /**
-             * The color gradient of the heatmap, specified as an array of CSS color strings. Default is ['#00f', '#0ff', '#0f0', '#ff0', '#f00'].
-             */
-            gradient?: Array<String>;
-
-            /**
-             * Radius size in pixels. Default is 8.
-             */
-            radius?: number;
-
-            /**
-             * Blur size in pixels. Default is 15.
-             */
-            blur?: number;
-
-            /**
-             * Shadow size in pixels. Default is 250.
-             */
-            shadow?: number;
-        }
-
-        interface ImageOptions extends LayerOptions {
-        }
-
-        interface LayerOptions extends BaseOptions {
-
-            /**
-             * The layer source (or null if not yet set).
-             */
-            source?: ol.source.Source;
-        }
-
-        interface TileOptions extends LayerOptions {
-
-            /**
-             * Preload. Load low-resolution tiles up to preload levels. By default preload is 0, which means no preloading.
-             */
-            preload?: number;
-
-            /**
-             * Source for this layer.
-             */
-            source?: ol.source.Tile;
-
-            /**
-             * Use interim tiles on error. Default is true.
-             */
-            useInterimTilesOnError?: boolean;
-        }
-
-        interface VectorOptions extends LayerOptions {
-
-            /**
-             * When set to true, feature batches will be recreated during animations. This means that no vectors will be shown clipped, but the setting will have a performance impact for large amounts of vector data. When set to false, batches will be recreated when no animation is active. Default is false.
-             */
-            updateWhileAnimating?: boolean;
-
-            /**
-             * When set to true, feature batches will be recreated during interactions. See also updateWhileInteracting. Default is false.
-             */
-            updateWhileInteracting?: boolean;
-
-            /**
-             * Render order. Function to be used when sorting features before rendering. By default features are drawn in the order that they are created. Use null to avoid the sort, but get an undefined draw order.
-             */
-            // TODO: replace any with the expected function, unclear in documentation what the parameters are
-            renderOrder?: any;
-
-            /**
-             * The buffer around the viewport extent used by the renderer when getting features from the vector source for the rendering or hit-detection. Recommended value: the size of the largest symbol, line width or label. Default is 100 pixels.
-             */
-            renderBuffer?: number;
-
-            /**
-             * Source.
-             */
-            source?: ol.source.Vector;
-
-            /**
-             * Layer style. See ol.style for default style which will be used if this is not defined.
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | any;
-        }
-    }
-
-    namespace source {
-
-        interface VectorOptions {
-            /**
-             * Attributions.
-             */
-            attributions?: Array<ol.Attribution>;
-
-            /**
-             * Features. If provided as {@link ol.Collection}, the features in the source
-             * and the collection will stay in sync.
-             */
-            features?: Array<ol.Feature> | ol.Collection<ol.Feature>;
-
-            /**
-             * The feature format used by the XHR feature loader when `url` is set.
-             * Required if `url` is set, otherwise ignored. Default is `undefined`.
-             */
-            format?: ol.format.Feature;
-
-            /**
-             * The loader function used to load features, from a remote source for example.
-             * Note that the source will create and use an XHR feature loader when `url` is
-             * set.
-             */
-            loader?: ol.FeatureLoader;
-
-            /**
-             * Logo.
-             */
-            logo?: string | olx.LogoOptions;
-
-            /**
-             * The loading strategy to use. By default an {@link ol.loadingstrategy.all}
-             * strategy is used, a one-off strategy which loads all features at once.
-             */
-            strategy?: ol.LoadingStrategy;
-
-            /**
-             * Setting this option instructs the source to use an XHR loader (see
-             * {@link ol.featureloader.xhr}) and an {@link ol.loadingstrategy.all} for a
-             * one-off download of all features from that URL.
-             * Requires `format` to be set as well.
-             */
-            url?: string;
-
-            /**
-             * By default, an RTree is used as spatial index. When features are removed and
-             * added frequently, and the total number of features is low, setting this to
-             * `false` may improve performance.
-             */
-            useSpatialIndex?: boolean;
-
-            /**
-             * Wrap the world horizontally. Default is `true`. For vector editing across the
-             * -180° and 180° meridians to work properly, this should be set to `false`. The
-             * resulting geometry coordinates will then exceed the world bounds.
-             */
-            wrapX?: boolean;
-        }
-
-        interface ClusterOptions extends VectorOptions{
-
-            /**
-             * Minimum distance in pixels between clusters. Default is 20.
-             */
-            distance?: number;
-
-            extent?: ol.Extent;
-
-            geometryFunction?: any;
-
-            projection?: ol.proj.ProjectionLike;
-
-            source: ol.source.Vector;
-
-        }
-
-        interface WMTSOptions {
-            attributions?: Array<ol.Attribution>;
-            crossOrigin?: string;
-            logo?: string | olx.LogoOptions;
-            tileGrid: ol.tilegrid.WMTS;     // REQUIRED !
-            projection?: ol.proj.ProjectionLike;
-            reprojectionErrorThreshold?: number;
-            requestEncoding?: ol.source.WMTSRequestEncoding;
-            layer: string;      //REQUIRED
-            style: string;      //REQUIRED
-            tileClass?: Function;
-            tilePixelRatio?: number;
-            version?: string;
-            format?: string;
-            matrixSet: string;  //REQUIRED
-            dimensions?: Object;
-            url?: string;
-            maxZoom?: number;
-            tileLoadFunction?: ol.TileLoadFunctionType;
-            urls?: Array<string>;
-            wrapX: boolean;
-        }
-    }
-
-    namespace style {
-
-        interface FillOptions {
-            color?: ol.Color | string;
-        }
-
-        interface StyleOptions {
-            geometry?: string | ol.geom.Geometry | ol.style.GeometryFunction;
-            fill?: ol.style.Fill;
-            image?: ol.style.Image;
-            stroke?: ol.style.Stroke;
-            text?: ol.style.Text;
-            zIndex?: number;
-        }
-
-        interface TextOptions {
-            font?: string;
-            offsetX?: number;
-            offsetY?: number;
-            scale?: number;
-            rotation?: number;
-            text?: string;
-            textAlign?: string;
-            textBaseline?: string;
-            fill?: ol.style.Fill;
-            stroke?: ol.style.Stroke;
-        }
-        interface StrokeOptions {
-            color?: ol.Color | string;
-            lineCap?: string;
-            lineJoin?: string;
-            lineDash?: Array<number>;
-            miterLimit?: number;
-            width?: number;
-        }
-        interface IconOptions {
-            anchor?: Array<number>;
-            anchorOrigin?: string;
-            anchorXUnits?: string;
-            anchorYUnits?: string;
-            crossOrigin?: string;
-            img?: ol.Image | HTMLCanvasElement;
-            offset?: Array<number>;
-            offsetOrigin?: string;
-            opacity?: number;
-            scale?: number;
-            snapToPixel?: boolean;
-            rotateWithView?: boolean;
-            rotation?: number;
-            size?: ol.Size;
-            imgSize?: ol.Size;
-            src?: string;
-        }
-        interface CircleOptions {
-            fill?: ol.style.Fill;
-            radius: number;
-            snapToPixel?: boolean;
-            stroke?: ol.style.Stroke;
-        }
-    }
-
-    namespace tilegrid {
-
-        interface TileGridOptions {
-
-            /**
-             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.Tile sources. When no origin or origins are configured, the origin will be set to the bottom-left corner of the extent. When no sizes are configured, they will be calculated from the extent.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
-            minZoom?: number;
-
-            /**
-             * Origin, i.e. the bottom-left corner of the grid. Default is null.
-             */
-            origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the bottom-left corners of the grid for each zoom level. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different origin.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1.
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * Tile size. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different tile size.
-             */
-            tileSizes?: Array<number | ol.Size>;
-        }
-
-        interface WMTSOptions {
-
-            /**
-             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.WMTS sources. When no origin or origins are configured, the origin will be calculated from the extent. When no sizes are configured, they will be calculated from the extent.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Origin, i.e. the top-left corner of the grid.
-             */
-            origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the top-left corners of the grid for each zoom level. The length of this array needs to match the length of the resolutions array.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * matrix IDs. The length of this array needs to match the length of the resolutions array.
-             */
-            matrixIds?: Array<string>;
-
-            /**
-             * Number of tile rows and columns of the grid for each zoom level. The values here are the TileMatrixWidth and TileMatrixHeight advertised in the GetCapabilities response of the WMTS, and define the grid's extent together with the origin. An extent can be configured in addition, and will further limit the extent for which tile requests are made by sources.
-             */
-            sizes?: Array<ol.Size>;
-
-            /**
-             * Tile size.
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. The length of this array needs to match the length of the resolutions array.
-             */
-            tileSizes?: Array<number | ol.Size>;
-
-            /**
-             * Number of tile columns that cover the grid's extent for each zoom level. Only required when used with a source that has wrapX set to true, and only when the grid's origin differs from the one of the projection's extent. The array length has to match the length of the resolutions array, i.e. each resolution will have a matching entry here.
-             */
-            widths?: Array<number>;
-        }
-
-        interface XYZOptions {
-
-            /**
-             * Extent for the tile grid. The origin for an XYZ tile grid is the top-left corner of the extent. The zero level of the grid is defined by the resolution at which one tile fits in the provided extent. If not provided, the extent of the EPSG:3857 projection is used.
-             */
-            extent?: ol.Extent;
-
-            /**
-             * Maximum zoom. The default is ol.DEFAULT_MAX_ZOOM. This determines the number of levels in the grid set. For example, a maxZoom of 21 means there are 22 levels in the grid set.
-             */
-            maxZoom?: number;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
-            minZoom?: number;
-
-            /**
-             * Tile size in pixels. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
-        }
-
-        interface ZoomifyOptions {
-
-            /**
-             * Resolutions
-             */
-            resolutions: Array<number>;
-        }
-    }
-
-    namespace view {
-
-        interface FitGeometryOptions {
-
-            /**
-             * Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding. Default is [0, 0, 0, 0].
-             */
-            padding?: Array<number>;
-
-            /**
-             * Constrain the resolution. Default is true.
-             */
-            constrainResolution?: boolean;
-
-            /**
-             * Get the nearest extent. Default is false.
-             */
-            nearest?: boolean;
-
-            /**
-             * Minimum resolution that we zoom to. Default is 0.
-             */
-            minResolution?: number;
-
-            /**
-             * Maximum zoom level that we zoom to. If minResolution is given, this property is ignored.
-             */
-            maxZoom?: number;
-        }
-    }
-
-    namespace format {
-        interface WKTOptions {
-            /**
-             * Whether to split GeometryCollections into multiple features on reading. Default is false.
-             */
-            splitCollection?: boolean;
-        }
-
-        interface GeoJSONOptions {
-
-            /**
-             * Default data projection.
-             */
-            defaultDataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Geometry name to use when creating features
-             */
-            geometryName?: string;
-        }
-
-        interface ReadOptions {
-
-            /**
-             * Projection of the data we are reading. If not provided, the projection will be derived from the data (where possible) or the defaultDataProjection of the format is assigned (where set). If the projection can not be derived from the data and if no defaultDataProjection is set for a format, the features will not be reprojected.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries created by the format reader. If not provided, features will be returned in the dataProjection.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-        }
-
-        interface WriteOptions {
-
-            /**
-             * Projection of the data we are writing. If not provided, the defaultDataProjection of the format is assigned (where set). If no defaultDataProjection is set for a format, the features will be returned in the featureProjection.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries that will be serialized by the format writer.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * When writing geometries, follow the right-hand rule for linear ring orientation. This means that polygons will have counter-clockwise exterior rings and clockwise interior rings. By default, coordinates are serialized as they are provided at construction. If true, the right-hand rule will be applied. If false, the left-hand rule will be applied (clockwise for exterior and counter-clockwise for interior rings). Note that not all formats support this. The GeoJSON format does use this property when writing geometries.
-             */
-            rightHanded?: boolean;
-        }
-    }
-
-    namespace control {
-        interface ControlOptions {
-            /**
-             * The element is the control's container element. This only needs to be specified if you're developing a custom control.
-             */
-            element?: Element;
-
-            /**
-             * Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.
-             */
-            render?: any;
-
-            /**
-             * Specify a target if you want the control to be rendered outside of the map's viewport.
-             */
-            target?: Element | string;
-        }
-    }
-}
-
-/**
- * A high-performance, feature-packed library for all your mapping needs.
- */
-declare namespace ol {
-
-    interface TileLoadFunctionType { (image: ol.Image, url: string): void }
-
-    interface ImageLoadFunctionType { (image: ol.Image, url: string): void }
-
-    type AttributionLike = string | Array<string> | ol.Attribution | Array<ol.Attribution>
-
-    /**
-     * An attribution for a layer source.
-     */
-    class Attribution {
-        /**
-         * @constructor
-         * @param options Attribution options.
-         */
-        constructor(options: olx.AttributionOptions);
-
-        /**
-         * Get the attribution markup.
-         * @returns The attribution HTML.
-         */
-        getHTML(): string;
-    }
-
-    /**
-     * An expanded version of standard JS Array, adding convenience methods for manipulation. Add and remove changes to the Collection trigger a Collection event. Note that this does not cover changes to the objects within the Collection; they trigger events on the appropriate object, not on the Collection as a whole.
-     */
-    class Collection<T> extends ol.Object {
-
-        /**
-         * @constructor
-         * @param values Array.
-         */
-        constructor(values: Array<T>)
-
-        /**
-         * Remove all elements from the collection.
-         */
-        clear(): void;
-
-        /**
-         * Add elements to the collection. This pushes each item in the provided array to the end of the collection.
-         * @param arr Array.
-         * @returns This collection.
-         */
-        extend(arr: Array<T>): Collection<T>;
-
-        /**
-         * Iterate over each element, calling the provided callback.
-         * @param f The function to call for every element. This function takes 3 arguments (the element, the index and the array).
-         * @param ref The object to use as this in f.
-         */
-        forEach(f: (element: T, index: number, array: Array<T>) => void, ref?: any): void;
-
-        /**
-         * Get a reference to the underlying Array object. Warning: if the array is mutated, no events will be dispatched by the collection, and the collection's "length" property won't be in sync with the actual length of the array.
-         * @returns Array.
-         */
-        getArray(): Array<T>;
-
-        /**
-         * Get the length of this collection.
-         * @returns The length of the array.
-         */
-        getLength(): number;
-
-        /**
-         * Insert an element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        insertAt(index: number, elem: T): void;
-
-        /**
-         * Get the element at the provided index.
-         * @param index Index.
-         * @returns Element.
-         */
-        item(index: number): T;
-
-        /**
-         * Remove the last element of the collection and return it. Return undefined if the collection is empty.
-         * @returns Element
-         */
-        pop(): T;
-
-        /**
-         * Insert the provided element at the end of the collection.
-         * @param Element.
-         * @returns Length.
-         */
-        push(elem: T): number;
-
-        /**
-         * Remove the first occurrence of an element from the collection.
-         * @param elem Element.
-         * @returns The removed element or undefined if none found.
-         */
-        remove(elem: T): T;
-
-        /**
-         * Remove the element at the provided index and return it. Return undefined if the collection does not contain this index.
-         * @param index Index.
-         * @returns Value.
-         */
-        removeAt(index: number): T;
-
-        /**
-         * Set the element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        setAt(index: number, elem: T): void;
-    }
-
-    /**
-     * Events emitted by ol.Collection instances are instances of this type.
-     */
-    class CollectionEvent<T> extends ol.events.Event {
-
-        /**
-         * The element that is added to or removed from the collection.
-         */
-        element: T;
-    }
-
-    /**
-     * The ol.DeviceOrientation class provides access to information from DeviceOrientation events.
-     */
-    class DeviceOrientation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.DeviceOrientationOptions);
-
-        /**
-         * Rotation around the device z-axis (in radians).
-         * @returns The euler angle in radians of the device from the standard Z axis.
-         */
-        getAlpha(): number;
-
-        /**
-         * Rotation around the device x-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar X axis.
-         */
-        getBeta(): number;
-
-        /**
-         * Rotation around the device y-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar Y axis.
-         */
-        getGamma(): number;
-
-        /**
-         * The heading of the device relative to north (in radians).
-         * @returns The heading of the device relative to north, in radians, normalizing for different browser behavior.
-         */
-        getHeading(): number;
-
-        /**
-         * Determine if orientation is being tracked.
-         * @returns Changes in device orientation are being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Enable or disable tracking of device orientation events.
-         * @param tracking The status of tracking changes to alpha, beta and gamma. If true, changes are tracked and reported immediately.
-         */
-        setTracking(tracking: boolean): void;
-    }
-
-    /**
-     * Events emitted by ol.interaction.DragBox instances are instances of this type.
-     */
-    class DragBoxEvent extends ol.events.Event {
-
-        /**
-         * The coordinate of the drag event.
-         */
-        coordinate: ol.Coordinate;
-    }
-
-    /**
-     * A vector object for geographic features with a geometry and other attribute properties, similar to the features in vector file formats like GeoJSON.
-     */
-    class Feature extends ol.Object {
-
-        /**
-         * @constructor
-         * @param geometry Geometry.
-         */
-        // TODO: replace any with Object <string, *>
-        constructor(geometryOrProperties?: ol.geom.Geometry | any);
-
-        /**
-         * Clone this feature. If the original feature has a geometry it is also cloned. The feature id is not set in the clone.
-         * @returns The clone.
-         */
-        clone(): Feature;
-
-        /**
-         * Get the feature's default geometry. A feature may have any number of named geometries. The "default" geometry (the one that is rendered by default) is set when calling ol.Feature#setGeometry.
-         * @returns The default geometry for the feature.
-         */
-        getGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the name of the feature's default geometry. By default, the default geometry is named geometry.
-         * @returns Get the property name associated with the default geometry for this feature.
-         */
-        getGeometryName(): string;
-
-        /**
-         * @returns Id.
-         */
-        getId(): string | number;
-
-        /**
-         * Get the feature's style. This return for this method depends on what was provided to the ol.Feature#setStyle method.
-         * The feature style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction;
-
-        /**
-         * Get the feature's style function.
-         * @returns Return a function representing the current style of this feature.
-         */
-        getStyleFunction(): ol.FeatureStyleFunction;
-
-        /**
-         * Set the default geometry for the feature. This will update the property with the name returned by ol.Feature#getGeometryName.
-         * @param geometry The new geometry.
-         */
-        setGeometry(geometry: ol.geom.Geometry): void;
-
-        /**
-         * Set the property name to be used when getting the feature's default geometry. When calling ol.Feature#getGeometry, the value of the property with this name will be returned.
-         * @param name The property name of the default geometry.
-         */
-        setGeometryName(name: string): void;
-
-        /**
-         * Set the feature id. The feature id is considered stable and may be used when requesting features or comparing identifiers returned from a remote source. The feature id can be used with the ol.source.Vector#getFeatureById method.
-         * @param id The feature id.
-         */
-        setId(id: string | number): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.FeatureStyleFunction): void;
-    }
-
-    /**
-     * A mechanism for changing the style of a small number of features on a temporary basis, for example highlighting.
-     */
-    class FeatureOverlay {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.FeatureOverlayOptions);
-
-        /**
-         * Add a feature to the overlay.
-         * @param feature Feature.
-         */
-        addFeature(feature: ol.Feature): void;
-
-        /**
-         * Get the features on the overlay.
-         * @returns Features collection.
-         */
-        getFeatures: ol.Collection<ol.Feature>;
-
-        /**
-         * Get the map associated with the overlay.
-         * @returns The map with which this feature overlay is associated.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-         * @returns Overlay style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-        /**
-         * Get the style function
-         * @returns Style function
-         */
-        getStyleFunction(): ol.style.StyleFunction;
-
-        /**
-         * Remove a feature from the overlay.
-         * @param feature The feature to be removed.
-         */
-        removeFeature(feature: ol.Feature): void;
-
-        /**
-         * Set the features for the overlay.
-         * @param features Features collection.
-         */
-        setFeatures(features: ol.Collection<ol.Feature>): void;
-
-        /**
-         * Set the map for the overlay.
-         * @param map Map.
-         */
-        setMap(map: ol.Map): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.StyleFunction): void;
-    }
-
-    /**
-     * Helper class for providing HTML5 Geolocation capabilities. The Geolocation API is used to locate a user's position.
-     */
-    class Geolocation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GeolocationOptions);
-
-        /**
-         * Get the accuracy of the position in meters.
-         * @returns The accuracy of the position measurement in meters.
-         */
-        getAccuracy(): number;
-
-        /**
-         * Get a geometry of the position accuracy.
-         * @returns A geometry of the position accuracy.
-         */
-        getAccuracyGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the altitude associated with the position.
-         * @returns The altitude of the position in meters above mean sea level.
-         */
-        getAltitude(): number;
-
-        /**
-         * Get the altitude accuracy of the position.
-         * @returns The accuracy of the altitude measurement in meters.
-         */
-        getAltitudeAccuracy(): number;
-
-        /**
-         * Get the heading as radians clockwise from North.
-         * @returns The heading of the device in radians from north.
-         */
-        getHeading(): number;
-
-        /**
-         * Get the position of the device.
-         * @returns The current position of the device reported in the current projection.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the projection associated with the position.
-         * @returns The projection the position is reported in.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the speed in meters per second.
-         * @returns The instantaneous speed of the device in meters per second.
-         */
-        getSpeed(): number;
-
-        /**
-         * Determine if the device location is being tracked.
-         * @returns The device location is being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Get the tracking options.
-         * @returns PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        getTrackingOptions(): PositionOptions;
-
-        /**
-         * Set the projection to use for transforming the coordinates.
-         * @param projection The projection the position is reported in.
-         */
-        setProjection(projection: ol.proj.Projection): void;
-
-        /**
-         * Enable or disable tracking.
-         * @param tracking Enable tracking
-         */
-        setTracking(tracking: boolean): void;
-
-        /**
-         * Set the tracking options.
-         * @param PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        setTrackingOptions(options: PositionOptions): void;
-    }
-
-    /**
-     * Render a grid for a coordinate system on a map.
-     */
-    class Graticule {
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GraticuleOptions);
-
-        /**
-         * Get the map associated with this graticule.
-         * @returns The map.
-         */
-        getMap(): Map;
-
-        /**
-         * Get the list of meridians. Meridians are lines of equal longitude.
-         * @returns The meridians.
-         */
-        getMeridians(): Array<ol.geom.LineString>;
-
-        /**
-         * Get the list of parallels. Pallels are lines of equal latitude.
-         * @returns The parallels.
-         */
-        getParallels(): Array<ol.geom.LineString>;
-
-        /**
-         * Set the map for this graticule.The graticule will be rendered on the provided map.
-         * @param map Map
-         */
-        setMap(map: Map): void;
-    }
-
-    /**
-     *
-     */
-    class Image extends ol.ImageBase {
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-    }
-
-    /**
-     *
-     */
-    class ImageBase {
-    }
-
-    /**
-     *
-     */
-    class ImageTile extends ol.Tile {
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-
-    }
-
-    /**
-     * Implementation of inertial deceleration for map movement.
-     */
-    class Kinetic {
-
-        /**
-         * @constructor
-         * @param decay Rate of decay (must be negative).
-         * @param Minimum velocity (pixels/millisecond).
-         * @param Delay to consider to calculate the kinetic initial values (milliseconds).
-         */
-        constructor(decay: number, minVelocity: number, delay: number);
-    }
-
-    /**
-     * The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed.
-     */
-    class Map extends ol.Object {
-
-        /**
-         * @constructor
-         * @params options Options.
-         */
-        constructor(options: olx.MapOptions);
-
-        /**
-         * Add the given control to the map.
-         * @param control Control.
-         */
-        addControl(control: ol.control.Control): void;
-
-        /**
-         * Add the given interaction to the map.
-         * @param interaction Interaction to add.
-         */
-        addInteraction(interaction: ol.interaction.Interaction): void;
-
-        /**
-         * Adds the given layer to the top of this map. If you want to add a layer elsewhere in the stack, use getLayers() and the methods available on ol.Collection.
-         * @param Layer.
-         */
-        addLayer(layer: ol.layer.Base): void;
-
-        /**
-         * Add the given overlay to the map.
-         * @param overlay Overlay.
-         */
-        addOverlay(overlay: ol.Overlay): void;
-
-        /**
-         * Add functions to be called before rendering. This can be used for attaching animations before updating the map's view. The ol.animation namespace provides several static methods for creating prerender functions.
-         * @param var_args Any number of pre-render functions.
-         */
-        beforeRender(var_args: ol.PreRenderFunction): void;
-
-        /**
-         * Detect features that intersect a pixel on the viewport, and execute a callback with each intersecting feature. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Feature callback. The callback will be called with two arguments. The first argument is one feature at the pixel, the second is the layer of the feature. If the detected feature is not on a layer, but on a ol.FeatureOverlay, then the second argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
-
-        /**
-         * Detect layers that have a color value at a pixel on the viewport, and execute a callback with each matching layer. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Layer callback. Will receive one argument, the layer that contains the color pixel. If the detected color value is not from a layer, but from a ol.FeatureOverlay, then the argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachLayerAtPixel(pixel: ol.Pixel, callback: (layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
-
-        /**
-         * Get the map controls. Modifying this collection changes the controls associated with the map.
-         * @returns Controls.
-         */
-        getControls(): ol.Collection<ol.control.Control>;
-
-        /**
-         * Get the coordinate for a given pixel. This returns a coordinate in the map view projection.
-         * @param pixel Pixel position in the map viewport.
-         * @returns The coordinate for the pixel position.
-         */
-        getCoordinateFromPixel(pixel: ol.Pixel): ol.Coordinate;
-
-        /**
-         * Returns the geographical coordinate for a browser event.
-         * @param event Event.
-         * @returns Coordinate.
-         */
-        getEventCoordinate(event: Event): ol.Coordinate;
-
-        /**
-         * Returns the map pixel position for a browser event relative to the viewport.
-         * @param event Event.
-         * @returns Pixel.
-         */
-        getEventPixel(event: Event): ol.Pixel;
-
-        /**
-         * Get the map interactions. Modifying this collection changes the interactions associated with the map.
-         * @returns Interactions
-         */
-        getInteractions(): ol.Collection<ol.interaction.Interaction>;
-
-        /**
-         * Get the layergroup associated with this map.
-         * @returns A layer group containing the layers in this map.
-         */
-        getLayerGroup(): ol.layer.Group;
-
-        /**
-         * Get the collection of layers associated with this map.
-         * @returns Layers.
-         */
-        getLayers(): ol.Collection<ol.layer.Base>;
-
-        /**
-         * Get the map overlays. Modifying this collection changes the overlays associated with the map.
-         * @returns Overlays.
-         */
-        getOverlays(): ol.Collection<ol.Overlay>;
-
-        /**
-         * Get the pixel for a coordinate. This takes a coordinate in the map view projection and returns the corresponding pixel.
-         * @param coordinate A map coordinate.
-         * @returns A pixel position in the map viewport.
-         */
-        getPixelFromCoordinate(coordinate: ol.Coordinate): ol.Pixel;
-
-        /**
-         * Get the size of this map.
-         * @returns The size in pixels of the map in the DOM.
-         */
-        getSize(): ol.Size;
-
-        /**
-         * Get the target in which this map is rendered. Note that this returns what is entered as an option or in setTarget: if that was an element, it returns an element; if a string, it returns that.
-         * @returns The Element or id of the Element that the map is rendered in.
-         */
-        getTarget(): Element | string;
-
-        /**
-         * Get the DOM element into which this map is rendered. In contrast to getTarget this method always return an Element, or null if the map has no target.
-         * @returns The element that the map is rendered in.
-         */
-        getTargetElement(): Element;
-
-        /**
-         * Get the view associated with this map. A view manages properties such as center and resolution.
-         * @returns The view that controls this map.
-         */
-        getView(): View;
-
-        /**
-         * Get the element that serves as the map viewport.
-         * @returns Viewport.
-         */
-        getViewport(): Element;
-
-        /**
-         * Detect if features intersect a pixel on the viewport. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref Value to use as this when executing layerFilter.
-         * @returns Is there a feature at the given pixel?
-         */
-        hasFeatureAtPixel(pixel: ol.Pixel, layerFilter?: (layer: ol.layer.Layer) => boolean, ref?: any): boolean;
-
-        /**
-         * Remove the given control from the map.
-         * @param Control.
-         * @returns The removed control (or undefined if the control was not found).
-         */
-        removeControl(control: ol.control.Control): ol.control.Control;
-
-        /**
-         * Remove the given interaction from the map.
-         * @param interaction Interaction to remove.
-         * @returns The removed interaction (or undefined if the interaction was not found).
-         */
-        removeInteraction(interaction: ol.interaction.Interaction): ol.interaction.Interaction;
-
-        /**
-         * Removes the given layer from the map.
-         * @param Layer.
-         * @returns The removed layer (or undefined if the layer was not found).
-         */
-        removeLayer(layer: ol.layer.Base): ol.layer.Base;
-
-        /**
-         * Remove the given overlay from the map.
-         * @param Overlay.
-         * @returns The removed overlay (or undefined if the overlay was not found).
-         */
-        removeOverlay(overlay: ol.Overlay): ol.Overlay;
-
-        /**
-         * Request a map rendering (at the next animation frame).
-         */
-        render(): void;
-
-        /**
-         * Requests an immediate render in a synchronous manner.
-         */
-        renderSync(): void;
-
-        /**
-         * Sets the layergroup of this map.
-         * @param layerGroup A layer group containing the layers in this map.
-         */
-        setLayerGroup(layerGroup: ol.layer.Group): void;
-
-        /**
-         * Set the size of this map.
-         * @param size The size in pixels of the map in the DOM.
-         */
-        setSize(size: ol.Size): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The Element that the map is rendered in.
-         */
-        setTarget(target: Element): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The id of the element that the map is rendered in.
-         */
-        setTarget(target: string): void;
-
-        /**
-         * Set the view for this map.
-         * @param view The view that controls this map.
-         */
-        setView(view: View): void;
-
-        /**
-         * Force a recalculation of the map viewport size. This should be called when third-party code changes the size of the map viewport.
-         * */
-        updateSize(): void;
-    }
-
-    /**
-     * Events emitted as map browser events are instances of this type. See ol.Map for which events trigger a map browser event.
-     */
-    class MapBrowserEvent extends MapEvent {
-
-        /**
-         * The coordinate of the original browser event
-         */
-        coordinate: Coordinate;
-
-        /**
-         * Indicates if the map is currently being dragged. Only set for POINTERDRAG and POINTERMOVE events. Default is false.
-         */
-        dragging: boolean;
-
-        /**
-         * The frame state at the time of the event
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occured
-         */
-        map: Map;
-
-        /**
-         * The original browser event
-         */
-        originalEvent: Event;
-
-        /**
-         * The pixel of the original browser event.
-         */
-        pixel: Pixel;
-
-
-        // Methods
-
-        /**
-         * Prevents the default browser action.
-         */
-        preventDefault(): void;
-
-        /**
-         * Prevents further propagation of the current event.
-         */
-        stopPropagation(): void;
-    }
-
-    /**
-     * Events emitted as map events are instances of this type. See ol.Map for which events trigger a map event.
-     */
-    class MapEvent extends ol.events.Event {
-
-        /**
-         * The frame state at the time of the event.
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occurred.
-         */
-        map: Map;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Most non-trivial classes inherit from this.
-     */
-    class Object extends Observable {
-
-        /**
-         * @constructor
-         * @param values An object with key-value pairs.
-         */
-        constructor(values?: Object);
-
-        /**
-         * Gets a value.
-         * @param key Key name.
-         * @returns Value.
-         */
-        get(key: string): any;
-
-        /**
-         * Get a list of object property names.
-         * @returns List of property names.
-         */
-        getKeys(): Array<string>;
-
-        /**
-         * Get an object of all property names and values.
-         * @returns Object.
-         */
-        getProperties(): Object;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Sets a value.
-         * @param key Key name.
-         * @param value Value.
-         */
-        set(key: string, value: any): void;
-
-        /**
-         * Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).
-         * @param Values.
-         */
-        setProperties(values: Object): void;
-
-        /**
-         * Unsets a property.
-         */
-        unset(key: string): void;
-    }
-
-    /**
-     * Events emitted by ol.Object instances are instances of this type.
-     */
-    class ObjectEvent extends ol.events.Event {
-
-        /**
-         * The name of the property whose value is changing.
-         */
-        key: string;
-
-        /**
-         * The old value. To get the new value use e.target.get(e.key) where e is the event object.
-         */
-        oldValue: any;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. An event target providing convenient methods for listener registration and unregistration. A generic change event is always available through ol.Observable#changed.
-     */
-    class Observable {
-
-        /**
-         * Removes an event listener using the key returned by on() or once().
-         */
-        unByKey(key: any): void;
-
-        /**
-         * Increases the revision counter and dispatches a 'change' event.
-         */
-        changed(): void;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Listen for a certain type of event.
-         * @param type The event type.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        on(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        on(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen once for a certain type of event.
-         * @param type The event type.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        once(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen once for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        once(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Unlisten for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        un(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Removes an event listener using the key returned by on() or once(). Note that using the ol.Observable.unByKey static function is to be preferred.
-         * @param key The key returned by on() or once()
-         */
-        unByKey(key: any): void;
-    }
-
-    /**
-     * An element to be displayed over the map and attached to a single map location.
-     */
-    class Overlay extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Overlay options.
-         */
-        constructor(options: olx.OverlayOptions);
-
-        /**
-         * Get the DOM element of this overlay.
-         * @returns The Element containing the overlay.
-         */
-        getElement(): Element;
-
-        /**
-         * Get the map associated with this overlay.
-         * @returns The map that the overlay is part of.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the offset of this overlay.
-         * @returns The offset.
-         */
-        getOffset(): Array<number>;
-
-        /**
-         * Get the current position of this overlay.
-         * @returns The spatial point that the overlay is anchored at.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the current positioning of this overlay.
-         * @returns How the overlay is positioned relative to its point on the map.
-         */
-        getPositioning(): ol.OverlayPositioning;
-
-        /**
-         * Set the DOM element to be associated with this overlay.
-         * @param element The element containing the overlay.
-         */
-        setElement(element: Element): void;
-
-        /**
-         * Set the map to be associated with this overlay.
-         * @param map The map that the overlay is part of.
-         */
-        setMap(map: Map): void;
-
-        /**
-         * Set the offset for this overlay.
-         * @param offset Offset.
-         */
-        setOffset(offset: Array<number>): void;
-
-        /**
-         * Set the position for this overlay. If the position is undefined the overlay is hidden.
-         * @param position The spatial point that the overlay is anchored at.
-         */
-        setPosition(position: ol.Coordinate): void;
-
-        /**
-         * Set the positioning for this overlay.
-         * @param How the overlay is positioned relative to its point on the map.
-         */
-        setPositioning(positioning: ol.OverlayPositioning): void;
-    }
-
-    /**
-     * Events emitted by ol.interaction.Select instances are instances of this type.
-     */
-    class SelectEvent extends ol.events.Event {
-
-        /**
-         * Deselected features array.
-         */
-        deselected: Array<ol.Feature>;
-
-        /**
-         * Associated ol.MapBrowserEvent;
-         */
-        mapBrowserEvent: ol.MapBrowserEvent;
-
-        /**
-         * Selected features array.
-         */
-        selected: Array<ol.Feature>
-    }
-
-    /**
-     * Class to create objects that can be used with ol.geom.Polygon.circular.
-     */
-    class Sphere {
-
-        /**
-         * @constructor
-         * @param radius Radius.
-         */
-        constructor(radius: number);
-
-        /**
-         * Returns the geodesic area for a list of coordinates.
-         * @param coordinates List of coordinates of a linear ring. If the ring is oriented clockwise, the area will be positive, otherwise it will be negative.
-         * @returns Area.
-         */
-        geodesicArea(coordinates: Array<ol.Coordinate>): number;
-
-        /**
-         * Returns the distance from c1 to c2 using the haversine formula.
-         * @param c1 Coordinate 1.
-         * @param c2 Coordinate 2.
-         * @returns Haversine distance.
-         */
-        haversineDistance(c1: ol.Coordinate, c2: ol.Coordinate): number;
-    }
-
-    /**
-     * Base class for tiles.
-     */
-    class Tile {
-
-        /**
-         * Get the tile coordinate for this tile.
-         * @returns TileCoord.
-         */
-        getTileCoord(): ol.TileCoord;
-    }
-
-    /**
-     * An ol.View object represents a simple 2D view of the map.
-     */
-    class View extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.ViewOptions);
-
-        /**
-         * Calculate the extent for the current view state and the passed size. The size is the pixel dimensions of the box into which the calculated extent should fit. In most cases you want to get the extent of the entire map, that is map.getSize().
-         * @param size Box pixel size
-         * @returns Extent.
-         */
-        calculateExtent(size: ol.Size): ol.Extent;
-
-        /**
-         * Center on coordinate and view position.
-         * @param coordinate Coordinate.
-         * @param size Box pixel size
-         * @param position Position on the view to center on
-         */
-        centerOn(coordinate: ol.Coordinate, size: ol.Size, position: ol.Pixel): void;
-
-        /**
-         * Get the constrained center of this view.
-         * @param center Center.
-         * @returns Constrained center.
-         */
-        constrainCenter(center: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Get the constrained resolution of this view.
-         * @param resolution: Resolution.
-         * @param delta Delta. Default is 0.
-         * @param direction Direction. Default is 0.
-         * @returns Constrained resolution
-         */
-        constrainResolution(resolution: number, delta?: number, direction?: number): number;
-
-        /**
-          * Fit the map view to the passed extent and size. The size is pixel dimensions of the box to fit the extent into. In most cases you will want to use the map size, that is map.getSize().
-          * @param extent Extent.
-          * @param size Box pixel size.
-          * @param options Options
-          */
-        fit(geometry: ol.geom.SimpleGeometry | ol.Extent, size: ol.Size, opt_options?: olx.view.FitGeometryOptions): void;
-
-        /**
-         * Get the view center.
-         * @returns The center of the view.
-         */
-        getCenter(): ol.Coordinate;
-
-        /**
-         * Get the view projection
-         * @returns The projection of the view.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the view resolution
-         * @returns The resolution of the view.
-         */
-        getResolution(): number;
-
-        /**
-         * Get the view rotation
-         * @returns The rotation of the view in radians
-         */
-        getRotation(): number;
-
-        /**
-         * Get the current zoom level. Return undefined if the current resolution is undefined or not a "constrained resolution".
-         * @returns Zoom.
-         */
-        getZoom(): number;
-
-        /**
-         * Rotate the view around a given coordinate.
-         * @param rotation New rotation value for the view.
-         * @param anchor The rotation center.
-         */
-        rotate(rotation: number, anchor: ol.Coordinate): void;
-
-        /**
-         * Set the center of the current view.
-         * @param center The center of the view.
-         */
-        setCenter(center: ol.Coordinate): void;
-
-        /**
-         * Set the resolution for this view.
-         * @param resolution The resolution of the view.
-         */
-        setResolution(resolution: number): void;
-
-        /**
-         * Set the rotation for this view.
-         * @param rotation The rotation of the view in radians.
-         */
-        setRotation(rotation: number): void;
-
-        /**
-         * Zoom to a specific zoom level.
-         * @param zoom Zoom level.
-         */
-        setZoom(zoom: number): void;
-    }
-
-    // NAMESPACES
-
-    /**
-     * The animation static methods are designed to be used with the ol.Map#beforeRender method.
-     */
-    namespace animation {
-
-        /**
-         * Generate an animated transition that will "bounce" the resolution as it approaches the final value.
-         * @param options Bounce options.
-         */
-        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view center.
-         * @param options Pan options.
-         */
-        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view rotation.
-         * @param options Rotate options.
-         */
-        function rotate(options: olx.animation.RotateOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view resolution.
-         * @param options Zoom options.
-         */
-        function zoom(options: olx.animation.ZoomOptions): ol.PreRenderFunction;
-    }
-
-    /**
-     * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-     */
-    namespace color {
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: ol.Color): ol.Color;
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: string): ol.Color;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: ol.Color): string;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: string): string;
-    }
-
-    namespace control {
-
-        /**
-         * Set of controls included in maps by default. Unless configured otherwise, this returns a collection containing an instance of each of the following controls: ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
-         * @param options Defaults options
-         * @returns Control.s
-         */
-        function defaults(options?: olx.control.DefaultsOptions): ol.Collection<ol.control.Control>;
-
-        namespace ScaleLine {
-
-            /**
-             * Units for the scale line. Supported values are 'degrees', 'imperial', 'nautical', 'metric', 'us'.
-             */
-            type Units = 'degrees' | 'imperial' | 'nautical' | 'metric' | 'us';
-        }
-
-        class Control extends ol.Object{
-            constructor(options: olx.control.ControlOptions);
-
-            /**
-             * Get the map associated with this control.
-             */
-            getMap():ol.Map;
-
-            /**
-             * Remove the control from its current map and attach it to the new map.
-             * Subclasses may set up event handlers to get notified about changes to the map here.
-             */
-            setMap(map: ol.Map):void;
-
-            /**
-             * This function is used to set a target element for the control.
-             * It has no effect if it is called after the control has been added to the map (i.e. after setMap is called on the control).
-             * If no target is set in the options passed to the control constructor and if setTarget is not called then the control is
-             * added to the map's overlay container.
-             */
-            setTarget(target: Element | string):void;
-
-
-        }
-
-        class Attribution extends Control {
-        }
-
-        class FullScreen extends Control {
-        }
-
-        class MousePosition extends Control {
-        }
-
-        class OverviewMap extends Control {
-            constructor(options?: olx.OverviewMapOptions);
-
-            /**
-             * Update the overview map element.
-             * @param mapEvent
-             */
-            render(mapEvent: ol.MapEvent): void;
-
-            /**
-             * Determine if the overview map is collapsed.
-             */
-            getCollapsed(): boolean;
-
-            /**
-             * Return true if the overview map is collapsible, false otherwise.
-             */
-            getCollapsible(): boolean;
-
-            /**
-             * Return the overview map.
-             */
-            getOverviewMap(): ol.Map;
-
-            /**
-             * Collapse or expand the overview map according to the passed parameter. Will not do anything if the overview map isn't collapsible or if the current collapsed state is already the one requested.
-             * @param collapsed
-             */
-            setCollapsed(collapsed: boolean): void;
-
-            /**
-             * Set whether the overview map should be collapsible.
-             * @param collapsible
-             */
-            setCollapsible(collapsible: boolean): void;
-        }
-
-        class Rotate extends Control {
-            constructor(opt_options?: olx.RotateOptions);
-        }
-
-        class ScaleLine extends Control {
-
-            /**
-             * Return the units to use in the scale line.
-             */
-            getUnits(): ScaleLine.Units;
-
-            /**
-             * Set the units to use in the scale line.
-             */
-            setUnits(units: ScaleLine.Units): void;
-
-        }
-
-        class Zoom extends Control{
-        }
-
-        class ZoomSlider extends Control{
-        }
-
-        class ZoomToExtent extends Control{
-        	constructor(options?: olx.ZoomToExtentOptions);
-        }
-    }
-
-    namespace coordinate {
-
-        /**
-         * Add delta to coordinate. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param delta Delta
-         * @returns The input coordinate adjusted by the given delta.
-         */
-        function add(coordinate: ol.Coordinate, delta: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Returns a ol.CoordinateFormatType function that can be used to format a {ol.Coordinate} to a string.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Coordinate format
-         */
-        function createStringXY(fractionDigits?: number): ol.CoordinateFormatType;
-
-        /**
-         * Transforms the given ol.Coordinate to a string using the given string template. The strings {x} and {y} in the template will be replaced with the first and second coordinate values respectively.
-         * @param coordinate Coordinate
-         * @param template A template string with {x} and {y} placeholders that will be replaced by first and second coordinate values.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Formatted coordinate
-         */
-        function format(coordinate: ol.Coordinate, template: string, fractionDigits?: number): string;
-
-        /**
-         * Rotate coordinate by angle. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param angle Angle in radian
-         * @returns Coordinatee
-         */
-        function rotate(coordinate: ol.Coordinate, angle: number): ol.Coordinate;
-
-        /**
-         * Format a geographic coordinate with the hemisphere, degrees, minutes, and seconds.
-         * @param coordinate COordinate
-         * @returns Hemisphere, degrees, minutes and seconds.
-         */
-        function toStringHDMS(coordinate?: ol.Coordinate): string;
-
-        /**
-         * Format a coordinate as a comma delimited string.
-         * @param coordinate Coordinate
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns XY
-         */
-        function toStringXY(coordinate?: ol.Coordinate, fractionDigits?: number): string;
-    }
-
-    /**
-     * Easing functions for ol.animation.
-     */
-    namespace easing {
-
-        /**
-         * Start slow and speed up.
-         * @param number Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeIn(t: number): number;
-
-        /**
-         * Start fast and slow down.
-         * @param number Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeOut(t: number): number;
-
-        /**
-        * Start slow, speed up, and then slow down again.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function inAndOut(t: number): number;
-
-        /**
-        * Maintain a constant speed over time.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function linear(t: number): number;
-
-        /**
-        * Start slow, speed up, and at the very end slow down again. This has the same general behavior as ol.easing.inAndOut, but the final slowdown is delayed.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function upAndDown(t: number): number;
-    }
-
-    namespace events {
-        namespace condition {
-            function altKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function altShiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function always(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function click(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function doubleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function mouseOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function never(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function noModifierKeys(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function platformModifierKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function pointerMove(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function shiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function singleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function targetNotEditable(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-        }
-        interface ConditionType { (mapBrowseEvent: ol.MapBrowserEvent): boolean; }
-        class Event {
-          target: any;
-          type: string;
-          preventDefault(): void;
-          stopPropagation(): void;
-        }
-    }
-
-    namespace extent {
-
-        /**
-         * Apply a transform function to the extent.
-         * @param extent Extent
-         * @param transformFn Transform function. Called with [minX, minY, maxX, maxY] extent coordinates.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function applyTransform(extent: ol.Extent, transformFn: ol.TransformFunction, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Build an extent that includes all given coordinates.
-         * @param coordinates Coordinates
-         * @returns Bounding extent
-         */
-        function boundingExtent(coordinates: Array<ol.Coordinate>): ol.Extent;
-
-        /**
-         * Return extent increased by the provided value.
-         * @param extent Extent
-         * @param value The amount by which the extent should be buffered.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function buffer(extent: ol.Extent, value: number, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param coordinate Coordinate
-         * @returns The coordinate is contained in the extent
-         */
-        function containsCoordinate(extent: ol.Extent, coordinate: ol.Coordinate): boolean;
-
-        /**
-         * Check if one extent contains another. An extent is deemed contained if it lies completely within the other extent, including if they share one or more edges.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The second extent is contained by or on the edge of the first
-         */
-        function containsExtent(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param x X coordinate
-         * @param y Y coordinate
-         * @returns The x, y values are contained in the extent.
-         */
-        function containsXY(extent: ol.Extent, x: number, y: number): boolean;
-
-        /**
-         * Create an empty extent.
-         * @returns Empty extent
-         */
-        function createEmpty(): ol.Extent;
-
-        /**
-         * Determine if two extents are equivalent.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents are equivalent
-         */
-        function equals(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Modify an extent to include another extent.
-         * @param extent1 The extent to be modified.
-         * @param extent2 The extent that will be included in the first.
-         * @returns A reference to the first (extended) extent.
-         */
-        function extend(extent1: ol.Extent, extent2: ol.Extent): ol.Extent;
-
-        /**
-         * Get the bottom left coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom left coordinate
-         */
-        function getBottomLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the bottom right coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom right coordinate
-         */
-        function getBottomRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the center coordinate of an extent.
-         * @param extent Extent
-         * @returns Center
-         */
-        function getCenter(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the height of an extent.
-         * @param extent Extent
-         * @returns Height
-         */
-        function getHeight(extent: ol.Extent): number;
-
-        /**
-         * Get the intersection of two extents.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @param extent Optional extent to populate with intersection.
-         * @returns Intersecting extent
-         */
-        function getIntersection(extent1: ol.Extent, extent2: ol.Extent, extent?: ol.Extent): ol.Extent;
-
-        /**
-         * Get the size (width, height) of an extent.
-         * @param extent Extent
-         * @returns The extent size
-         */
-        function getSize(extent: ol.Extent): ol.Size;
-
-        /**
-         * Get the top left coordinate of an extent.
-         * @param extent Extent
-         * @returns Top left coordinate
-         */
-        function getTopLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the top right coordinate of an extent.
-         * @param extent Extent
-         * @returns Top right coordinate
-         */
-        function getTopRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the width of an extent.
-         * @param extent Extent
-         * @returns Width
-         */
-        function getWidth(extent: ol.Extent): number;
-
-        /**
-         * Determine if one extent intersects another.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents intersects
-         */
-        function intersects(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Determine if an extent is empty.
-         * @param extent Extent
-         * @returns Is empty
-         */
-        function isEmpty(extent: ol.Extent): boolean;
-    }
-
-    /**
-     * Loading mechanisms for vector data.
-     */
-    namespace featureloader {
-
-        /**
-         * Create an XHR feature loader for a url and format. The feature loader loads features (with XHR), parses the features, and adds them to the vector source.
-         * @param url Feature URL Service
-         * @param format Feature format
-         * @returns The feature loader
-         */
-        function xhr(url: string, format: ol.format.Feature): ol.FeatureLoader;
-    }
-
-    namespace format {
-
-        // Type definitions
-        interface IGCZ extends String { }
-
-        // Classes
-        class EsriJSON {
-        }
-
-        class Feature {
-        }
-
-        /**
-         * Feature format for reading and writing data in the GeoJSON format.
-         */
-        class GeoJSON extends ol.format.JSONFeature {
-
-            /**
-             * @constructor
-             * @param Options
-             */
-            constructor(options?: olx.format.GeoJSONOptions);
-
-            /**
-             * Read a feature from a GeoJSON Feature source. Only works for Feature, use readFeatures to read FeatureCollection source.
-             * @param source Source
-             * @param options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a GeoJSON source. Works with both Feature and FeatureCollection sources.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Read the projection from a GeoJSON source.
-             * @param Source
-             * @returns Projection
-             */
-            readProjection(source: Document | Node | JSON | string): ol.proj.Projection;
-
-            /**
-             * Encode a feature as a GeoJSON Feature string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a feature as a GeoJSON Feature object.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeatureObject(feature: ol.Feature, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode an array of features as GeoJSON.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a GeoJSON object.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeaturesObject(features: Array<ol.Feature>, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode a geometry as a GeoJSON string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a geometry as a GeoJSON object.
-             * @param geometry Geometry
-             * @options Write options
-             * @returns GeoJSON object
-             */
-            writeGeometryObject(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): JSON;
-        }
-
-        class GML {
-        }
-
-        class GML2 {
-        }
-
-        class GML3 {
-        }
-
-        class GMLBase {
-        }
-
-        class GPX {
-        }
-
-        class IGC {
-        }
-
-        class JSONFeature {
-        }
-
-        class KML {
-        }
-
-        class OSMXML {
-        }
-
-        class Polyline {
-        }
-
-        class TextFeature {
-        }
-
-        class TopoJSON {
-        }
-
-        class WFS {
-            readFeatures(source: Document | Node | Object | string, option?: olx.format.ReadOptions): Array<ol.Feature>;
-        }
-
-        class WKT {
-            constructor(opt_options?: olx.format.WKTOptions);
-
-            /**
-             * Read a feature from a WKT source.
-             * @param source Source
-             * @param options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, opt_options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a WKT source.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Encode a feature as a WKT string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a WKT string.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Write a single geometry as a WKT string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-        }
-
-        class WMSCapabilities {
-        }
-
-        class WMSGetFeatureInfo {
-        }
-
-        class WMTSCapabilities {
-        }
-
-        class XML {
-        }
-
-        class XMLFeature {
-        }
-    }
-
-    namespace geom {
-
-        // Type definitions
-        interface GeometryLayout extends String { }
-        interface GeometryType extends String { }
-
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class Circle extends ol.geom.SimpleGeometry {
-
-            /**
-            * Test if the geometry and the passed extent intersect.
-            * @param extent Extent
-            * @returns true if the geometry and the extent intersect.
-            */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Transform each coordinate of the circle from one coordinate reference system
-             * to another. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             *
-             * Internally a circle is currently represented by two points: the center of
-             * the circle `[cx, cy]`, and the point to the right of the circle
-             * `[cx + r, cy]`. This `transform` function just transforms these two points.
-             * So the resulting geometry is also a circle, and that circle does not
-             * correspond to the shape that would be obtained by transforming every point
-             * of the original circle.
-             * @param source The current projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @param destination The desired projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @returns This geometry.  Note that original geometry is  modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike, destination: ol.proj.ProjectionLike): ol.geom.Circle;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Base class for vector geometries.
-         */
-        class Geometry extends ol.Object {
-
-            /**
-             * Return the closest point of the geometry to the passed point as coordinate.
-             * @param point Point
-             * @param closestPoint Closest Point
-             * @returns Closest Point
-             */
-            getClosestPoint(point: ol.Coordinate, closestPoint?: ol.Coordinate): ol.Coordinate;
-
-            /**
-             * Get the extent of the geometry.
-             * @param Extent
-             * @returns Extent
-             */
-            getExtent(extent?: ol.Extent): ol.Extent;
-
-            /**
-             * Transform each coordinate of the geometry from one coordinate reference system to another.
-             * The geometry is modified in place. For example, a line will be transformed to a line and a
-             * circle to a circle. If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             * @param source The current projection. Can be a string identifier or a ol.proj.Projection object.
-             * @param destination The desired projection. Can be a string identifier or a ol.proj.Projection object.
-             * @return This geometry. Note that original geometry is modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike | ol.proj.Projection, destination: ol.proj.ProjectionLike | ol.proj.Projection): ol.geom.Geometry;
-        }
-
-        /**
-        * An array of ol.geom.Geometry objects.
-        */
-        class GeometryCollection extends ol.geom.Geometry {
-
-            /**
-             * constructor
-             * @param geometries Geometries.
-             */
-            constructor(geometries?: Array<ol.geom.Geometry>);
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.GeometryCollection;
-
-            /**
-             * Return the geometries that make up this geometry collection.
-             * @returns Geometries.
-             */
-            getGeometries(): Array<Geometry>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the geometries that make up this geometry collection.
-             * @param geometries Geometries.
-             */
-            setGeometries(geometries: Array<ol.geom.Geometry>): void;
-
-        }
-
-        /**
-        * Linear ring geometry. Only used as part of polygon; cannot be rendered
-        * on its own.
-        */
-        class LinearRing extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LinearRing;
-
-            /**
-             * Return the area of the linear ring on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Return the coordinates of the linear ring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-            * @Set the coordinates of the linear ring
-            * @param coordinates Coordinates.
-            * @param layout Layout.
-            */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: any): void;
-
-        }
-
-        /**
-        * Linestring geometry.
-        */
-        class LineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed coordinate to the coordinates of the linestring.
-             * @param coordinate Coordinate.
-             */
-            appendCoordinate(coordinate: ol.Coordinate): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the linestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the length of the linestring on projected plane.
-             * @returns Length (on projected plane).
-             */
-            getLength(): number;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the linestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Multi-linestring geometry.
-        */
-        class MultiLineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed linestring to the multilinestring.
-             * @param lineString LineString.
-             */
-            appendLineString(lineString: ol.geom.LineString): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiLineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * `interpolate` controls interpolation between consecutive LineStrings
-             * within the MultiLineString. If `interpolate` is `true` the coordinates
-             * will be linearly interpolated between the last coordinate of one LineString
-             * and the first coordinate of the next LineString.  If `interpolate` is
-             * `false` then the function will return `null` for Ms falling between
-             * LineStrings.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @param interpolate Interpolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean, interpolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the multilinestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return the linestring at the specified index.
-             * @param index Index.
-             * @returns LineString.
-             */
-            getLineString(index: number): ol.geom.LineString;
-
-            /**
-             * Return the linestrings of this multilinestring.
-             * @returns LineStrings.
-             */
-            getLineStrings(): Array<ol.geom.LineString>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multilinestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Multi-point geometry.
-        */
-        class MultiPoint extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed point to this multipoint.
-             * @param {ol.geom.Point} point Point.
-             */
-            appendPoint(point: ol.geom.Point): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPoint;
-
-            /**
-             * Return the coordinates of the multipoint.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the point at the specified index.
-             * @param index Index.
-             * @returns Point.
-             */
-            getPoint(index: number): ol.geom.Point;
-
-            /**
-             * Return the points of this multipoint.
-             * @returns Points.
-             */
-            getPoints(): Array<ol.geom.Point>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipoint.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Multi-polygon geometry.
-         */
-        class MultiPolygon extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed polygon to this multipolygon.
-             * @param polygon Polygon.
-             */
-            appendPolygon(polygon: ol.geom.Polygon): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPolygon;
-
-            /**
-             * Return the area of the multipolygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for multi-polygons.
-             *
-             * @param right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(right?: boolean): Array<Array<Array<ol.Coordinate>>>;
-
-            /**
-             * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
-             * @returns Interior points.
-             */
-            getInteriorPoints(): ol.geom.MultiPoint;
-
-            /**
-             * Return the polygon at the specified index.
-             * @param index Index.
-             * @returns  Polygon.
-             */
-            getPolygon(index: number): ol.geom.Polygon;
-
-            /**
-             * Return the polygons of this multipolygon.
-             * @returns Polygons.
-             */
-            getPolygons(): Array<ol.geom.Polygon>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipolygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Point geometry.
-        */
-        class Point extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Point;
-
-            /**
-             * Return the coordinate of the point.
-             * @returns Coordinates.
-             */
-            getCoordinates(): ol.Coordinate;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinate of the point.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Polygon geometry.
-        */
-        class Polygon extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Create an approximation of a circle on the surface of a sphere.
-             * @param sphere The sphere.
-             * @param center Center (`[lon, lat]` in degrees).
-             * @param radius The great-circle distance from the center to the polygon vertices.
-             * @param n Optional number of vertices for the resulting polygon. Default is `32`.
-             * @returns The "circular" polygon.
-             */
-            static circular(sphere: ol.Sphere, center: ol.Coordinate, radius: number, n?: number): ol.geom.Polygon;
-
-            /**
-             * Append the passed linear ring to this polygon.
-             * @param linearRing Linear ring.
-             */
-            appendLinearRing(linearRing: ol.geom.LinearRing): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Polygon;
-
-            /**
-             * Return the area of the polygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for polygons.
-             *
-             * @param right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(right?: boolean): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return an interior point of the polygon.
-             * @returns Interior point.
-             */
-            getInteriorPoint(): ol.geom.Point;
-
-            /**
-             * Return the Nth linear ring of the polygon geometry. Return `null` if the
-             * given index is out of range.
-             * The exterior linear ring is available at index `0` and the interior rings
-             * at index `1` and beyond.
-             *
-             * @param index Index.
-             * @returns Linear ring.
-             */
-            getLinearRing(index: number): ol.geom.LinearRing;
-
-            /**
-             * Return the linear rings of the polygon.
-             * @returns Linear rings.
-             */
-            getLinearRings(): Array<ol.geom.LinearRing>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the polygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-        }
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class SimpleGeometry extends ol.geom.Geometry {
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Return the first coordinate of the geometry.
-             * @returns First coordinate.
-             */
-            getFirstCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the last coordinate of the geometry.
-             * @returns Last point.
-             */
-            getLastCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the {@link ol.geom.GeometryLayout layout} of the geometry.
-             * @returns Layout.
-             */
-            getLayout(): ol.geom.GeometryLayout;
-
-            /**
-            * Translate the geometry. This modifies the geometry coordinates in place.
-            * If instead you want a new geometry, first clone() this geometry.
-            * @param deltaX Delta X
-            * @param deltaY Delta Y
-            */
-            translate(deltaX: number, deltaY: number): void;
-        }
-    }
-
-    namespace has {
-    }
-
-    namespace interaction {
-        /**
-         * Allows the user to zoom by double-clicking on the map.
-         */
-        class DoubleClickZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.DoubleClickZoomOptions);
-        }
-        /**
-         * Handles input of vector data by drag and drop.
-         */
-        class DragAndDrop extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.DragAndDropOptions);
-        }
-        /**
-         * Events emitted by ol.interaction.DragAndDrop instances are instances of this type.
-         */
-        class DragAndDropEvent extends ol.events.Event {
-        }
-        /**
-         * Allows the user to draw a vector box by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when the shift or other key is held down.
-         * This is used, for example, for zooming to a specific area of the map
-         * (see ol.interaction.DragZoom and ol.interaction.DragRotateAndZoom).
-         *
-         * This interaction is only supported for mouse devices.
-         */
-        class DragBox extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragBoxOptions);
-            /**
-             * Returns geometry of last drawn box.
-             */
-            getGeometry(): ol.geom.Polygon;
-        }
-        /**
-         * Allows the user to pan the map by dragging the map.
-         */
-        class DragPan extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragPanOptions);
-        }
-        /**
-         * Allows the user to rotate the map by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when the alt and shift keys are held down.
-         *
-         * This interaction is only supported for mouse devices.
-         */
-        class DragRotate extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragRotateOptions);
-        }
-        /**
-         * Allows the user to zoom and rotate the map by clicking and dragging on the map.
-         * By default, this interaction is limited to when the shift key is held down.
-         *
-         * This interaction is only supported for mouse devices.
-         *
-         * And this interaction is not included in the default interactions.
-         */
-        class DragRotateAndZoom extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragRotateAndZoomOptions);
-        }
-        /**
-         * Allows the user to zoom the map by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when a key, shift by default, is held down.
-         *
-         * To change the style of the box, use CSS and the .ol-dragzoom selector, or your custom one configured with className.
-         */
-        class DragZoom extends ol.interaction.DragBox {
-            constructor(opt_options?: olx.interaction.DragZoomOptions);
-        }
-        /**
-         * Interaction for drawing feature geometries.
-         */
-        class Draw extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DrawOptions);
-        }
-        /**
-         * Events emitted by ol.interaction.Draw instances are instances of this type.
-         */
-        class DrawEvent extends ol.events.Event {
-            /**
-             * The feature being drawn.
-             */
-            feature: ol.Feature;
-            /**
-             * The event target.
-             */
-            target: ol.Object;
-            /**
-             * The event type.
-             */
-            type: string;
-        }
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps.
-         * User actions that change the state of the map. Some are similar to controls, but are not associated with a DOM element.
-         * For example, ol.interaction.KeyboardZoom is functionally the same as ol.control.Zoom, but triggered by a keyboard event
-         * not a button element event. Although interactions do not have a DOM element,
-         * some of them do render vectors and so are visible on the screen.
-         */
-        class Interaction extends ol.Object {
-            constructor (options: olx.interaction.InteractionOptions)
-            /**
-             * Return whether the interaction is currently active.
-             */
-            getActive (): boolean;
-            /**
-             * Get the map associated with this interaction.
-             */
-            getMap (): ol.Map;
-            /**
-             * Activate or deactivate the interaction.
-             */
-            setActive (active: boolean): void;
-        }
-        /**
-         * Allows the user to pan the map using keyboard arrows. Note that, although this interaction is by default included in maps,
-         * the keys can only be used when browser focus is on the element to which the keyboard events are attached.
-         * By default, this is the map div, though you can change this with the keyboardEventTarget in ol.Map.
-         * document never loses focus but, for any other element, focus will have to be on, and returned to,
-         * this element if the keys are to function. See also ol.interaction.KeyboardZoom.
-         */
-        class KeyboardPan extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.KeyboardPanOptions);
-        }
-        /**
-         * Allows the user to zoom the map using keyboard + and -. Note that, although this interaction is by default included in maps,
-         * the keys can only be used when browser focus is on the element to which the keyboard events are attached. By default,
-         * this is the map div, though you can change this with the keyboardEventTarget in ol.Map. document never loses focus but,
-         * for any other element, focus will have to be on, and returned to, this element if the keys are to function.
-         * See also ol.interaction.KeyboardPan.
-         */
-        class KeyboardZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.KeyboardZoomOptions);
-        }
-        /**
-         * Interaction for modifying feature geometries.
-         */
-        class Modify extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.ModifyOptions);
-        }
-        /**
-         * Allows the user to zoom the map by scrolling the mouse wheel.
-         */
-        class MouseWheelZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.MouseWheelZoomOptions);
-        }
-        /**
-         * Allows the user to rotate the map by twisting with two fingers on a touch screen.
-         */
-        class PinchRotate extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.PinchRotateOptions);
-        }
-        /**
-         * Allows the user to zoom the map by pinching with two fingers on a touch screen.
-         */
-        class PinchZoom extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.PinchZoomOptions);
-        }
-        /**
-         * Base class that calls user-defined functions on down, move and up events. This class also manages "drag sequences".
-         *
-         * When the handleDownEvent user function returns true a drag sequence is started. During a drag sequence the handleDragEvent
-         * user function is called on move events. The drag sequence ends when the handleUpEvent user function is called and returns false.
-         */
-        class Pointer extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.PointerOptions);
-        }
-        /**
-         * Interaction for selecting vector features. By default, selected features are styled differently, so this interaction can be used
-         * for visual highlighting, as well as selecting features for other actions, such as modification or output. There are three ways of
-         * controlling which features are selected: using the browser event as defined by the condition and optionally the toggle,
-         * add/remove, and multi options; a layers filter; and a further feature filter using the filter option.
-         *
-         * Selected features are added to an internal unmanaged layer.
-         */
-        class Select extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.SelectOptions);
-            /**
-             * Returns the associated vectorlayer of the (last) selected feature.
-             * Note that this will not work with any programmatic method like pushing features to collection.
-             */
-            getLayer(): ol.layer.Layer;
-            /**
-             * Get the selected features.
-             */
-            getFeatures(): ol.Collection<ol.Feature>;
-        }
-        /**
-         * Events emitted by ol.interaction.Select instances are instances of this type.
-         */
-        class SelectEvent extends ol.events.Event {
-            /**
-             * Deselectd features array.
-             */
-            deselected: Array<ol.Feature>;
-            /**
-             * Associated ol.MapBrowserEvent.
-             */
-            mapBrowserEvent: ol.MapBrowserEvent;
-            /**
-             * Selected features array.
-             */
-            selected: Array<ol.Feature>;
-            /**
-             * The event target.
-             */
-            target: ol.Object;
-            /**
-             * The event type.
-             */
-            type: string;
-            /**
-             * Stop event propagation.
-             */
-            preventDefault(): void;
-            /**
-             * Stop event propagation.
-             */
-            stopPropagation(): void;
-        }
-        /**
-         * Handles snapping of vector features while modifying or drawing them. The features can come from a ol.source.Vector or
-         * ol.Collection Any interaction object that allows the user to interact with the features using the mouse can benefit
-         * from the snapping, as long as it is added before.
-         *
-         *The snap interaction modifies map browser event coordinate and pixel properties to force the snap to occur
-         * to any interaction that them.
-         */
-        class Snap extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.SnapOptions);
-        }
-        /**
-         * Set of interactions included in maps by default. Specific interactions can be excluded by setting the appropriate option
-         * to false in the constructor options, but the order of the interactions is fixed. If you want to specify a different order for
-         * interactions, you will need to create your own ol.interaction.Interaction instances and insert them into a ol.Collection in
-         * the order you want before creating your ol.Map instance.
-         */
-        function defaults(opts: olx.interaction.DefaultsOptions): ol.Collection<ol.interaction.Interaction>;
-        /**
-         * Function that takes coordinates and an optional existing geometry as arguments, and returns a geometry.
-         * The optional existing geometry is the geometry that is returned when the function is called without a second argument.
-         */
-        interface DrawGeometryFunctionType { (coordinates: ol.Coordinate, geom?: ol.geom.Geometry): ol.geom.Geometry; }
-        /**
-         * A function that takes an ol.Feature or ol.render.Feature and an ol.layer.Layer and returns true if the feature
-         * may be selected or false otherwise.
-         */
-        interface SelectFilterFunction { (feature: ol.Feature | ol.render.Feature, layer: ol.layer.Layer): boolean; }
-        /**
-         * A function that takes a ol.MapBrowserEvent and two ol.Pixels and returns a {boolean}.
-         * If the condition is met, true should be returned.
-         */
-        interface DragBoxEndConditionType {
-            (evt: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel): boolean
-        }
-    }
-
-    namespace layer {
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Note that with ol.layer.Base and all its subclasses, any property set in the options is set as a ol.Object property on the layer object, so is observable, and has get/set accessors.
-         */
-        class Base extends ol.Object {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.BaseOptions);
-
-            /**
-             * Return the brightness of the layer.
-             * @returns The brightness of the layer.
-             */
-            getBrightness(): number;
-
-            /**
-             * Return the contrast of the layer.
-             * @returns The contrast of the layer.
-             */
-            getContrast(): number;
-
-            /**
-             * Return the extent of the layer or undefined if it will be visible regardless of extent.
-             * @returns The layer extent.
-             */
-            getExtent(): ol.Extent;
-
-            /**
-             * Return the hue of the layer.
-             * @returns The hue of the layer
-             */
-            getHue(): number;
-
-            /**
-             * Return the maximum resolution of the layer.
-             * @returns The maximum resolution of the layer
-             */
-            getMaxResolution(): number;
-
-            /**
-             * Return the minimum resolution of the layer.
-             * @returns The minimum resolution of the layer.
-             */
-            getMinResolution(): number;
-
-            /**
-             * Return the opacity of the layer (between 0 and 1).
-             * @returns The opacity of the layer.
-             */
-            getOpacity(): number;
-
-            /**
-             * Return the saturation of the layer.
-             * @returns The saturation of the layer.
-             */
-            getSaturation(): number;
-
-            /**
-             * Return the visibility of the layer (true or false).
-             * The visibility of the layer
-             */
-            getVisible(): boolean;
-
-            /**
-             * Adjust the layer brightness. A value of -1 will render the layer completely black. A value of 0 will leave the brightness unchanged. A value of 1 will render the layer completely white. Other values are linear multipliers on the effect (values are clamped between -1 and 1).
-             * @param brightness The brightness of the layer
-             */
-            setBrightness(brigthness: number): void;
-
-            /**
-             * Adjust the layer contrast. A value of 0 will render the layer completely grey. A value of 1 will leave the contrast unchanged. Other values are linear multipliers on the effect (and values over 1 are permitted).
-             * @param contrast The contrast of the layer
-             */
-            setContrast(contrast: number): void;
-
-            /**
-             * Set the extent at which the layer is visible. If undefined, the layer will be visible at all extents.
-             * @param extent The extent of the layer
-             */
-            setExtent(extent?: ol.Extent): void;
-
-            /**
-             * Apply a hue-rotation to the layer. A value of 0 will leave the hue unchanged. Other values are radians around the color circle.
-             * @param hue The hue of the layer
-             */
-            setHue(hue: number): void;
-
-            /**
-             * Set the maximum resolution at which the layer is visible.
-             * @param maxResolution The maximum resolution of the layer.
-             */
-            setMaxResolution(maxResolution: number): void;
-
-            /**
-             * Set the minimum resolution at which the layer is visible.
-             * @param minResolution The minimum resolution of the layer.
-             */
-            setMinResolution(minResolution: number): void;
-
-            /**
-             * Set the opacity of the layer, allowed values range from 0 to 1.
-             * @param opactity The opacity of the layer.
-             */
-            setOpacity(opacity: number): void;
-
-            /**
-             * Adjust layer saturation. A value of 0 will render the layer completely unsaturated. A value of 1 will leave the saturation unchanged. Other values are linear multipliers of the effect (and values over 1 are permitted).
-             * @param saturation The saturation of the layer.
-             */
-            setSaturation(saturation: number): void;
-
-            /**
-             * Set the visibility of the layer (true or false).
-             * @param visible The visibility of the layer.
-             */
-            setVisible(visible: boolean): void;
-        }
-
-        /**
-         * A ol.Collection of layers that are handled together.
-         */
-        class Group extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.GroupOptions);
-
-            /**
-             * Returns the collection of layers in this group.
-             * @returns Collection of layers that are part of this group.
-             */
-            getLayers(): ol.Collection<ol.layer.Base>;
-
-            /**
-             * Set the collection of layers in this group.
-             * @param layers Collection of layers that are part of this group.
-             */
-            setLayers(layers: ol.Collection<ol.layer.Base>): void;
-        }
-
-        /**
-         * Layer for rendering vector data as a heatmap. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Heatmap extends ol.layer.Vector {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.HeatmapOptions);
-
-            /**
-             * Return the blur size in pixels.
-             * @returns Blur size in pixels
-             */
-            getBlur(): number;
-
-            /**
-             * Return the gradient colors as array of strings.
-             * @returns Colors
-             */
-            getGradient(): Array<string>;
-
-            /**
-             * Return the size of the radius in pixels.
-             * @returns Radius size in pixel
-             */
-            getRadius(): number;
-
-            /**
-             * Set the blur size in pixels.
-             * @param blur Blur size in pixels
-             */
-            setBlur(blur: number): void;
-
-            /**
-             * Set the gradient colors as array of strings.
-             * @param colors Gradient
-             */
-            setGradient(colors: Array<string>): void;
-
-            /**
-             * Set the size of the radius in pixels.
-             * @param radius Radius size in pixels
-             */
-            setRadius(radius: number): void;
-        }
-
-        /**
-         * Server-rendered images that are available for arbitrary extents and resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Image extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.ImageOptions);
-
-            /**
-             * Return the associated source of the image layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Image;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. A visual representation of raster or vector map data. Layers group together those properties that pertain to how the data is to be displayed, irrespective of the source of that data.
-         */
-        class Layer extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.LayerOptions);
-
-            /**
-             * Get the layer source.
-             * @returns The layer source (or null if not yet set)
-             */
-            getSource(): ol.source.Source;
-
-            /**
-             * Set the layer source.
-             * @param source The layer source.
-             */
-            setSource(source: ol.source.Source): void;
-        }
-
-        /**
-         * For layer sources that provide pre-rendered, tiled images in grids that are organized by zoom levels for specific resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Tile extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Tile layer options.
-             */
-            constructor(options?: olx.layer.TileOptions);
-
-            /**
-             * Return the level as number to which we will preload tiles up to.
-             * @retruns The level to preload tiled up to.
-             */
-            getPreload(): number;
-
-            /**
-             * Return the associated tilesource of the layer.
-             * @returns Source
-             */
-            getSource(): ol.source.Tile;
-
-            /**
-             * Whether we use interim tiles on error.
-             * @returns Use interim tiles on error.
-             */
-            getUseInterimTilesOnError(): boolean;
-
-            /**
-             * Set the level as number to which we will preload tiles up to.
-             * @param preload The level to preload tiled up to
-             */
-            setPreload(preload: number): void;
-
-            /**
-             * Set whether we use interim tiles on error.
-             * @param useInterimTilesOnError Use interim tiles on error.
-             */
-            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
-        }
-
-        /**
-         * Vector data that is rendered client-side. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Vector extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.VectorOptions);
-
-            /**
-             * Return the associated vectorsource of the layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Vector;
-
-            /**
-             * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-             */
-            getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-            /**
-             * Get the style function.
-             * @returns Layer style function
-             */
-            getStyleFunction(): ol.style.StyleFunction;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             */
-            setStyle(): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param layer Layer style
-             */
-            setStyle(style: ol.style.Style): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param layer Layer style
-             */
-            setStyle(style: Array<ol.style.Style>): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param Layer style
-             */
-            setStyle(style: ol.style.StyleFunction): void;
-
-            /**
-             * Sets the layer to be rendered on top of other layers on a map. The map will not manage this layer
-             * in its layers collection, and the callback in ol.Map#forEachLayerAtPixel will receive null as
-             * layer. This is useful for temporary layers. To remove an unmanaged layer from the map, use #setMap(null).
-             * To add the layer to a map and have it managed by the map, use ol.Map#addLayer instead.
-             * @argument map.
-             */
-            setMap(map: ol.Map): void;
-
-            /**
-             * Set Z-index of the layer, which is used to order layers before rendering. The default Z-index is 0.
-             */
-            setZIndex(zIndex: number): void;
-        }
-    }
-
-    namespace loadingstrategy {
-
-        /**
-         * Strategy function for loading all features with a single request.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function all(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Strategy function for loading features based on the view's extent and resolution.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function bbox(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Creates a strategy function for loading features based on a tile grid.
-         * @param tilegrid Tile grid
-         * @returns Loading strategy
-         */
-        function tile(tileGrid: ol.tilegrid.TileGrid): ol.LoadingStrategy;
-    }
-
-    namespace proj {
-
-        // Type definitions
-        interface ProjectionLike extends String { }
-        interface Units extends String { }
-
-        // Methods
-
-        /**
-         * Meters per unit lookup table.
-         */
-        //TODO: validate!
-        var METERS_PER_UNIT: Object;
-
-        /**
-         * Registers coordinate transform functions to convert coordinates between the source projection and the destination projection. The forward and inverse functions convert coordinate pairs; this function converts these into the functions used internally which also handle extents and coordinate arrays.
-         * @param source Source projection
-         * @param destination Destination projection
-         * @param forward The forward transform function (that is, from the source projection to the destination projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         * @param inverse The inverse transform function (that is, from the destination projection to the source projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         */
-        function addCoordinateTransforms(source: ProjectionLike, destination: ProjectionLike, forward: (coordinate: Coordinate) => Coordinate, inverse: (coordinate: Coordinate) => Coordinate): void;
-
-        /**
-         * Registers transformation functions that don't alter coordinates. Those allow to transform between projections with equal meaning.
-         * @param projections Projections.
-         */
-        function addEquivalentProjections(projections: Array<Projection>): void;
-
-        /**
-         * Add a Projection object to the list of supported projections that can be looked up by their code.
-         * @param projection Projection instance.
-         */
-        function addProjection(projection: Projection): void;
-
-        /**
-         * Transforms a coordinate from longitude/latitude to a different projection.
-         * @param coordinate Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         * @param projection Target projection. The default is Web Mercator, i.e. 'EPSG:3857'.
-         */
-        function fromLonLat(coordinate: Coordinate, opt_projection: ProjectionLike): Coordinate;
-
-        /**
-         * Fetches a Projection object for the code specified.
-         * @param projectionLike Either a code string which is a combination of authority and identifier such as "EPSG:4326", or an existing projection object, or undefined.
-         * @returns Projection object, or null if not in list.
-         */
-        function get(projectionLike: ProjectionLike): Projection;
-
-        /**
-         * Given the projection-like objects, searches for a transformation function to convert a coordinates array from the source projection to the destination projection.
-         * @param source Source.
-         * @param destination Destination.
-         * @returns Transform function.
-         */
-        function getTransform(source: ProjectionLike, destination: ProjectionLike): ol.TransformFunction;
-
-        /**
-         * Transforms a coordinate to longitude/latitude.
-         * @param coordinate Projected coordinate.
-         * @param projection Projection of the coordinate. The default is Web Mercator, i.e. 'EPSG:3857'.
-         * @returns Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         */
-        function toLonLat(coordinate: Coordinate, projection: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms a coordinate from source projection to destination projection. This returns a new coordinate (and does not modify the original).
-         * @param coordinate Coordinate.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns Coordinate.
-         */
-        function transform(coordinate: Coordinate, source: ProjectionLike, destination: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms an extent from source projection to destination projection. This returns a new extent (and does not modify the original).
-         * @param extent The extent to transform.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns The transformed extent.
-         */
-        function transformExtent(extent: Extent, source: ProjectionLike, destination: ProjectionLike): Extent;
-
-        class Projection {
-            constructor(options: olx.Projection);
-
-            getExtent(): Extent;
-
-            /**
-             * Set the validity extent for this projection.
-             * @param extent The new extent of the projection.
-             */
-            setExtent(extent: Extent): void;
-        }
-    }
-
-    namespace render {
-
-        class Event extends ol.events.Event {
-        }
-
-        class VectorContext {
-        }
-        class Feature {
-            get(key: string): any;
-            getExtent(): ol.Extent;
-            getGeometry(): ol.geom.Geometry;
-            getProperties: Object[];
-            getType(): ol.geom.GeometryType;
-        }
-        namespace canvas {
-            class Immediate {
-            }
-        }
-    }
-
-    namespace source {
-
-        class BingMaps extends TileImage {
-        }
-
-        class CartoDB extends XYZ {
-        }
-
-        class Cluster extends Vector {
-            constructor(options: olx.source.ClusterOptions);
-        }
-
-        class Image extends Source {
-        }
-
-        class ImageArcGISRest extends Image {
-        }
-
-        class ImageCanvas extends Image {
-        }
-
-        class ImageEvent extends ol.events.Event {
-        }
-
-        class ImageMapGuide extends Image {
-        }
-
-        class ImageStatic extends ol.source.Image {
-        	constructor(options?: olx.StaticImageOptions);
-        }
-
-        class ImageVector extends ImageCanvas {
-        }
-
-        class ImageWMS extends Image {
-            constructor(options: olx.ImageWMSOptions);
-        }
-
-        class MapQuest extends XYZ {
-            constructor(options: any);
-        }
-
-        class OSM extends XYZ {
-            constructor(opt_options?: olx.OSMOptions);
-        }
-
-        class Source extends ol.Object {
-
-            constructor(options: any);
-
-            /**
-             * Get the projection of the source.
-             * @return Projection.
-             */
-            getProjection(): ol.proj.Projection;
-
-            /**
-             * Refreshes the source and finally dispatches a 'change' event.
-             */
-            refresh(): void;
-        }
-
-        class Stamen extends XYZ {
-        }
-
-        class Tile extends Source {
-        }
-
-        class TileArcGISRest extends TileImage {
-        }
-
-        class TileDebug extends Tile {
-        }
-
-        class TileEvent extends ol.events.Event {
-        }
-
-        class TileImage extends UrlTile {
-        }
-
-        class TileJSON extends TileImage {
-        }
-
-        class TileUTFGrid extends Tile {
-        }
-
-        class TileWMS extends TileImage {
-            constructor(options: olx.TileWMSOptions);
-
-            /**
-             * Update the user-provided (WMS request) parameters.
-             */
-            updateParams(params: any): void;
-
-            /**
-             * Get the user-provided (WMS request) params, i.e. those passed to the constructor through the "params" option, and possibly updated using the updateParams method.
-             */
-            getParams(): any;
-
-            /**
-             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
-             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
-             * constructed.
-             * @param coordinate Coordinate.
-             * @param resolution Resolution.
-             * @param rojection Projection.
-             * @param params GetFeatureInfo params. `INFO_FORMAT` at least should
-             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
-             *     in the `LAYERS` parameter will be used. `VERSION` should not be
-             *     specified here.
-             * @return GetFeatureInfo URL.
-             */
-            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.proj.ProjectionLike, params: {}): string;
-        }
-
-        class UrlTile extends Tile {
-        }
-
-        class Vector extends Source {
-            constructor(opts?: olx.source.VectorOptions)
-            /**
-             * Add a single feature to the source. If you want to add a batch of features at once,
-             * call source.addFeatures() instead.
-             */
-            addFeature(feature: ol.Feature): void;
-
-            /**
-             * Add a batch of features to the source.
-             */
-            addFeatures(features: ol.Feature[]): void;
-
-            /**
-             * Remove all features from the source.
-             * @param Skip dispatching of removefeature events.
-             */
-            clear(fast?: boolean): void;
-            /**
-             * Get the extent of the features currently in the source.
-             */
-            getExtent(): ol.Extent;
-
-            /**
-             * Get all features in the provided extent. Note that this returns all features whose bounding boxes
-             * intersect the given extent (so it may include features whose geometries do not intersect the extent).
-             * This method is not available when the source is configured with useSpatialIndex set to false.
-             */
-            getFeaturesInExtent(extent: ol.Extent): ol.Feature[];
-
-            /**
-             * Get all features on the source
-             */
-            getFeatures(): ol.Feature[];
-
-            /**
-             * Get all features whose geometry intersects the provided coordinate.
-             */
-            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
-        }
-
-        class VectorEvent extends ol.events.Event {
-        }
-
-        class VectorTile extends UrlTile {
-        }
-
-        class WMTS extends TileImage {
-            constructor(options: olx.source.WMTSOptions);
-        }
-
-        class XYZ extends TileImage {
-        }
-
-        class Zoomify extends TileImage {
-        }
-
-        // Namespaces
-        namespace wms {
-            interface ServerType extends String { }
-        }
-
-        // Type definitions
-        interface State extends String { }
-        interface WMTSRequestEncoding extends String { }
-    }
-
-    namespace style {
-
-        class AtlasManager {
-        }
-
-        class Circle extends Image {
-            constructor(opt_options?: olx.style.CircleOptions);
-        }
-
-        /**
-         * Set fill style for vector features.
-         */
-        class Fill {
-
-            constructor(opt_options?: olx.style.FillOptions);
-
-            getColor(): ol.Color | string;
-
-            /**
-             * Set the color.
-             */
-            setColor(color: ol.Color | string): void;
-
-            getChecksum(): string;
-        }
-
-        class Icon extends Image {
-            constructor(option: olx.style.IconOptions)
-        }
-
-        class Image {
-            getOpacity(): number;
-            getRotateWithView(): boolean;
-            getRotation(): number;
-            getScale(): number;
-            getSnapToPiexl(): boolean;
-
-            setOpacity(opacity: number): void;
-            setRotation(rotation: number): void;
-            setScale(scale: number): void;
-        }
-
-        interface GeometryFunction {
-            (feature: Feature): ol.geom.Geometry
-        }
-
-        class RegularShape {
-        }
-
-        class Stroke {
-            constructor(opts?: olx.style.StrokeOptions);
-            getColor(): ol.Color | string;
-            getLineCap(): string;
-            getLineDash(): number[];
-            getLineJoin(): string;
-            getMitterLimit(): number;
-            getWidth(): number;
-            setColor(color: ol.Color | string): void;
-            setLineCap(lineCap: string): void;
-            setLineDash(lineDash: number[]): void;
-            setLineJoin(lineJoin: string): void;
-            setMiterLimit(miterLimit: number): void;
-            setWidth(width: number): void;
-        }
-
-        /**
-         * Container for vector feature rendering styles. Any changes made to the style
-         * or its children through `set*()` methods will not take effect until the
-         * feature, layer or FeatureOverlay that uses the style is re-rendered.
-         */
-        class Style {
-            constructor(opts: olx.style.StyleOptions);
-
-            getFill(): ol.style.Fill;
-            /***
-             * Get the geometry to be rendered.
-             * @return Feature property or geometry or function that returns the geometry that will
-             * be rendered with this style.
-             */
-            getGeometry(): string | ol.geom.Geometry | ol.style.GeometryFunction;
-            getGeometryFunction(): ol.style.GeometryFunction;
-            getImage(): ol.style.Image;
-            getStroke(): ol.style.Stroke;
-            getText(): ol.style.Text;
-            getZIndex(): number;
-
-            setGeometry(geometry: string | ol.geom.Geometry | ol.style.GeometryFunction): void;
-            setZIndex(zIndex: number): void;
-        }
-
-        /**
-         * Set text style for vector features.
-         */
-        class Text {
-            constructor(opt?: olx.style.TextOptions);
-
-            getFont(): string;
-            getOffsetX(): number;
-            getOffsetY(): number;
-            getFill(): Fill;
-            getRotation(): number;
-            getScale(): number;
-            getStroke(): Stroke;
-            getText(): string;
-            getTextAlign(): string;
-            getTextBaseline(): string;
-
-            /**
-             * Set the font.
-             */
-            setFont(font: string): void;
-
-            /**
-             * Set the x offset.
-             */
-            setOffsetX(offsetX: number): void;
-
-            /**
-             * Set the y offset.
-             */
-            setOffsetY(offsetY: number): void;
-
-            /**
-             * Set the fill.
-             */
-            setFill(fill: Fill): void;
-
-            /**
-             * Set the rotation.
-             */
-            setRotation(rotation: number): void;
-
-            /**
-             * Set the scale.
-             */
-            setScale(scale: number): void;
-
-            /**
-             * Set the stroke.
-             *
-             */
-            setStroke(stroke: Stroke): void;
-
-            /**
-             * Set the text.
-             */
-            setText(text: string): void;
-
-            /**
-             * Set the text alignment.
-             */
-            setTextAlign(textAlign: string): void;
-
-            /**
-             * Set the text baseline.
-             */
-            setTextBaseline(textBaseline: string): void;
-        }
-
-        /**
-         * A function that takes an ol.Feature and a {number} representing the view's resolution. The function should return an array of ol.style.Style. This way e.g. a vector layer can be styled.
-         */
-        interface StyleFunction { (feature: ol.Feature, resolution: number): ol.style.Style }
-    }
-
-    namespace tilegrid {
-
-        /**
-         * Base class for setting the grid pattern for sources accessing tiled-image servers.
-         */
-        class TileGrid {
-
-            /**
-             * @constructor
-             * @param options Tile grid options
-             */
-            constructor(options: olx.tilegrid.TileGridOptions);
-
-            /**
-             * Creates a TileCoord transform function for use with this tile grid. Transforms the internal tile coordinates with bottom-left origin to the tile coordinates used by the ol.TileUrlFunction. The returned function expects an ol.TileCoord as first and an ol.proj.Projection as second argument and returns a transformed ol.TileCoord.
-             */
-            createTileCoordTransform(): { (tilecoord: ol.TileCoord, projection: ol.proj.Projection): ol.TileCoord };
-
-            /**
-             * Get the maximum zoom level for the grid.
-             * @returns Max zoom
-             */
-            getMaxZoom(): number;
-
-            /**
-             * Get the minimum zoom level for the grid.
-             * @returns Min zoom
-             */
-            getMinZoom(): number;
-
-            /**
-             * Get the origin for the grid at the given zoom level.
-             * @param z Z
-             * @returns Origin
-             */
-            getOrigin(z: number): ol.Coordinate;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @param z Z
-             * @returns Resolution
-             */
-            getResolution(z: number): number;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @returns Resolutions
-             */
-            getResolutions(): Array<number>;
-
-            /**
-             * Get the tile coordinate for the given map coordinate and resolution. This method considers that coordinates that intersect tile boundaries should be assigned the higher tile coordinate.
-             * @param coordinate Coordinate
-             * @param resolution Resolution
-             * @param tileCoord Destination ol.TileCoord object.
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndResolution(coordinate: ol.Coordinate, resolution: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get a tile coordinate given a map coordinate and zoom level.
-             * @param coordinate Coordinate
-             * @param z Zoom level
-             * @param tileCoord Destination ol.TileCoord object
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndZ(coordinate: ol.Coordinate, z: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get the tile size for a zoom level. The type of the return value matches the tileSize or tileSizes that the tile grid was configured with. To always get an ol.Size, run the result through ol.size.toSize().
-             * @param z Z
-             * @returns Tile size
-             */
-            getTileSize(z: number): number | ol.Size;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing WMTS tiled-image servers.
-         */
-        class WMTS extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options WMTS options
-             */
-            constructor(options: olx.tilegrid.WMTSOptions);
-
-            /**
-             * Create a tile grid from a WMTS capabilities matrix set.
-             * @param matrixSet An object representing a matrixSet in the capabilities document.
-             * @param extent An optional extent to restrict the tile ranges the server provides.
-             * @returns WMTS tilegrid instance
-             */
-            createFromCapabilitiesMatrixSet(matrixSet: any, extent: ol.Extent): ol.tilegrid.WMTS;
-
-            /**
-             * Get the list of matrix identifiers.
-             * @returns MatrixIds
-             */
-            getMatrixIds(): Array<string>;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing Zoomify tiled-image servers.
-         */
-        class Zoomify extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.tilegrid.ZoomifyOptions);
-        }
-
-        /**
-         * Creates a tile grid with a standard XYZ tiling scheme.
-         * @param options Tile grid options.
-         * @returns The grid instance
-         */
-        function createXYZ(options?: olx.tilegrid.XYZOptions): ol.tilegrid.TileGrid;
-    }
-
-    namespace webgl {
-
-        class Context {
-
-            /**
-             * @constructor
-             * @param canvas HTML Canvas Element
-             * @param gl WebGL Rendering context
-             */
-            constructor(canvas: HTMLCanvasElement, gl: WebGLRenderingContext);
-
-            /**
-            Get the WebGL rendering context
-             @returns The rendering context.
-            */
-            getGL(): WebGLRenderingContext;
-
-            /**
-             * Get the frame buffer for hit detection.
-             * @returns The hit detection frame buffer.
-             */
-            getHitDetectionFramebuffer(): WebGLFramebuffer;
-
-            /**
-             * Use a program. If the program is already in use, this will return false.
-             * @param program Program.
-             * @returns Changed.
-             */
-            useProgram(program: WebGLProgram): boolean;
-        }
-    }
-
-    // Type definitions
-
-    /**
-     * A function returning the canvas element ({HTMLCanvasElement}) used by the source as an image. The arguments passed to the function are: ol.Extent the image extent, {number} the image resolution, {number} the device pixel ratio, ol.Size the image size, and ol.proj.Projection the image projection. The canvas returned by this function is cached by the source. The this keyword inside the function references the ol.source.ImageCanvas.
-     */
-    function CanvasFunctionType(extent: Extent, resolution: number, pixelRatio: number, size: Size, projection: proj.Projection): HTMLCanvasElement;
-
-    /**
-     * A color represented as a short array [red, green, blue, alpha]. red, green, and blue should be integers in the range 0..255 inclusive. alpha should be a float in the range 0..1 inclusive.
-     */
-    interface Color extends Array<number> { }
-
-    /**
-     * An array of numbers representing an xy coordinate. Example: [16, 48].
-     */
-    interface Coordinate extends Array<number> { }
-
-    /**
-     * An array of numbers representing an extent: [minx, miny, maxx, maxy].
-     */
-    interface Extent extends Array<number> { }
-
-    /**
-     * Overlay position: 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', 'top-right'
-     */
-    interface OverlayPositioning extends String { }
-
-    /**
-     * An array with two elements, representing a pixel. The first element is the x-coordinate, the second the y-coordinate of the pixel.
-     */
-    interface Pixel extends Array<number> { }
-
-    /**
-     * Available renderers: 'canvas', 'dom' or 'webgl'.
-     */
-    interface RendererType extends String { }
-
-    /**
-     * An array of numbers representing a size: [width, height].
-     */
-    interface Size extends Array<number> { }
-
-    /**
-     * An array of three numbers representing the location of a tile in a tile grid. The order is z, x, and y. z is the zoom level.
-     */
-    interface TileCoord extends Array<number> { }
-
-    // Functions
-
-    /**
-     * A function that takes a ol.Coordinate and transforms it into a {string}.
-     */
-    interface CoordinateFormatType { (coordinate?: Coordinate): string; }
-
-    /**
-     * Implementation based on the code of OpenLayers, no documentation available (yet). If it is incorrect, please create an issue and I will change it.
-     */
-    interface FeatureLoader { (extent: ol.Extent, number: number, projection: ol.proj.Projection): string }
-
-    /**
-     * A function that returns a style given a resolution. The this keyword inside the function references the ol.Feature to be styled.
-     */
-    interface FeatureStyleFunction { (resolution: number): ol.style.Style }
-
-    /**
-     * Loading strategy
-     */
-    interface LoadingStrategy { (extent: ol.Extent, resolution: number): Array<ol.Extent> }
-
-    /**
-     * Function to perform manipulations before rendering. This function is called with the ol.Map as first and an optional olx.FrameState as second argument. Return true to keep this function for the next frame, false to remove it.
-     */
-    interface PreRenderFunction { (map: ol.Map, frameState?: olx.FrameState): boolean }
-
-    /**
-     * A transform function accepts an array of input coordinate values, an optional output array, and an optional dimension (default should be 2). The function transforms the input coordinate values, populates the output array, and returns the output array.
-     */
-    interface TransformFunction { (input: Array<number>, output?: Array<number>, dimension?: number): Array<number> }
-}
-
-declare module "openlayers" {
-    export = ol;
-}
diff --git a/openlayers/openlayers-2.10.0.d.ts b/openlayers/v2/index.d.ts
similarity index 100%
rename from openlayers/openlayers-2.10.0.d.ts
rename to openlayers/v2/index.d.ts
diff --git a/openlayers/v2/tsconfig.json b/openlayers/v2/tsconfig.json
new file mode 100644
index 0000000000..990ee92bbb
--- /dev/null
+++ b/openlayers/v2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "openlayers": ["openlayers/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/openui5/tsconfig.json b/openui5/tsconfig.json
index e8745d3784..428f84704f 100644
--- a/openui5/tsconfig.json
+++ b/openui5/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
+        "index.d.ts",
         "jquery.sap.d.ts",
         "sap.m.d.ts",
         "sap.ui.d.ts",
diff --git a/oracledb/oracledb-1.5.0-tests.ts b/oracledb/oracledb-1.5.0-tests.ts
deleted file mode 100644
index 19976034ea..0000000000
--- a/oracledb/oracledb-1.5.0-tests.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/// <reference path="oracledb-1.5.0.d.ts" />
-
-import * as OracleDB from 'oracledb'
-
-OracleDB.getConnection(
-	{
-		user: "hr",
-		password: "welcome",
-		connectString: "localhost/XE"
-	},
-	function(err, connection) {
-		if (err) {
-			console.error(err.message)
-			return
-		}
-		connection.execute(
-			"SELECT department_id, department_name " +
-			"FROM departments " +
-			"WHERE manager_id < :id",
-			[110],  // bind value for :id
-			function (err, result) {
-				if (err) {
-					console.error(err.message)
-					return
-				}
-				console.log(result.rows);
-				console.log(result.rows[0].department_id); // when outFormet is OBJECT
-				console.log(result.metaData[0].name);
-			}
-		)
-	}
-)
diff --git a/oracledb/oracledb-1.5.0.d.ts b/oracledb/oracledb-1.5.0.d.ts
deleted file mode 100644
index de1c860f05..0000000000
--- a/oracledb/oracledb-1.5.0.d.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-// Type definitions for oracledb v1.5.0
-// Project: https://github.com/oracle/node-oracledb
-// Definitions by: Richard Natal <https://github.com/Bigous>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="node" />
-
-declare module 'oracledb' {
-	import * as stream from "stream";
-
-	export interface ILob {
-		chunkSize: number;
-		length: number;
-		pieceSize: number;
-		offset?: number;
-		type: string;
-		/**
-		 * Release method on ILob class.
-		 * @remarks The cleanup() called by Release() only frees OCI error handle and Lob
-		 *          locator.  These calls acquire mutex on OCI environment handle very briefly.
-		 */
-		release?(): void;
-		/**
-		 * Read method on ILob class.
-		 * @param {(err : any, chunk: string | Buffer) => void} callback Callback to recive the data from lob.
-		 * @remarks CLobs send strings while BLobs send Buffer object.
-		 */
-		read?(callback: (err: any, chunk: string | Buffer) => void): void;
-		/**
-		 * Read method on ILob class.
-		 * @param {Buffer} data Data write into Lob.
-		 * @param {(err: any) => void} callback Callback executed when writ is finished or when some error occured.
-		 * @remarks CLobs send strings while BLobs send Buffer object.
-		 */
-		write?(data: Buffer, callback: (err: any) => void): void;
-	}
-
-	export interface Lob extends stream.Duplex {
-		iLob: ILob;
-		chunkSize: number;
-		length: number;
-		pieceSize: number;
-		type: string;
-
-		/**
-		 * Do not call this... used internally by node-oracledb
-		 */
-		constructor(iLob: ILob, opts: stream.DuplexOptions): Lob;
-		constructor(iLob: ILob): Lob;
-
-		/**
-		 * Closes the current LOB.
-		 * @param  {(err: any) => void} callback? When passed, is called after the release.
-		 * @returns void
-		 */
-		close(callback: (err: any) => void): void;
-		close(): void;
-	}
-
-	export interface IConnectionAttributes {
-		user?: string;
-		password?: string;
-		connectString: string;
-		stmtCacheSize?: number;
-		externalAuth?: boolean;
-	}
-
-	export interface IPoolAttributes extends IConnectionAttributes {
-		poolMax?: number;
-		poolMin?: number;
-		poolIncrement?: number;
-		poolTimeout?: number;
-	}
-
-	export interface IExecuteOptions {
-		/** Maximum number of rows that will be retrieved. Used when resultSet is false. */
-		maxRows?: number;
-		/** Number of rows to be fetched in advance. */
-		prefetchRows?: number;
-		/** Result format - ARRAY o OBJECT */
-		outFormat?: number;
-		/** Should use ResultSet or not. */
-		resultSet?: boolean;
-		/** Transaction should auto commit after each statement? */
-		autoCommit?: boolean;
-	}
-
-	export interface IExecuteReturn {
-		/** Number o rows affected by the statement (used for inserts / updates)*/
-		rowsAffected?: number;
-		/** When the statement has out parameters, it comes here. */
-		outBinds?: Array<any> | Object;
-		/** Metadata information - just columns names for now. */
-		metaData?: Array<IMetaData>;
-		/** When not using ResultSet, query results comes here. */
-		rows?: Array<Array<any>> | Array<any>;
-		/** When using ResultSet, query results comes here. */
-		resultSet?: IResultSet;
-	}
-
-	export interface IMetaData {
-		/** Column name */
-		name: string;
-	}
-
-	export interface IResultSet {
-		/** Metadata information - just columns names for now. */
-		metaData?: Array<IMetaData>;
-		/**
-		 * Closes the ResultSet.
-		 * @param  {(err:any)=>void} callback Callback called on finish or when some error occurs
-		 * @returns void
-		 * @remarks After using a resultSet, it must be closed to free the resources used by the driver.
-		 */
-		close(callback: (err: any) => void): void;
-		/**
-		 * Fetch one row from ResultSet.
-		 * @param  {(err:any,row:Array<any>|Object)=>void} callback Callback called when the row is available or when some error occurs.
-		 * @returns void
-		 */
-		getRow(callback: (err: any, row: Array<any> | Object) => void): void;
-		/**
-		 * Fetch some rows from ResultSet.
-		 * @param  {number} rowCount Number of rows to be fetched.
-		 * @param  {(err:any,rows:Array<Array<any>>|Array<Object>)=>void} callback Callback called when the rows are available, or when some error occurs.
-		 * @returns void
-		 * @remarks When the number of rows passed to the callback is less than the rowCount, no more rows are available to be fetched.
-		 */
-		getRows(rowCount: number, callback: (err: any, rows: Array<Array<any>> | Array<Object>) => void): void;
-	}
-
-	export interface IConnection {
-		/** Statement cache size in bytes (read-only)*/
-		stmtCacheSize: number;
-		/** Client id (to be sent to database) (write-only)*/
-		clientId: string;
-		/** Module (write-only) */
-		module: string;
-		/** Action */
-		action: string;
-		/** Oracle server version */
-		oracleServerVersion: number;
-
-		/**
-		 * Execute method on Connection class.
-		 * @param	{string} sql SQL Statement.
-		 * @param	{Object|Array<any>} Binds Binds Object/Array
-		 * @param	{IExecuteOptions} options Options object
-		 * @param	{(err: any, value: IExecuteReturn) => void} callback Callback function to receive the result.
-		 */
-		execute(sql: string,
-			binds: Object | Array<any>,
-			options: IExecuteOptions,
-			callback: (err: any, value: IExecuteReturn) => void): void;
-
-		/**
-		 * Execute method on Connection class.
-		 * @param	{string} sql SQL Statement.
-		 * @param	{Object|Array<any>} Binds Binds Object/Array
-		 * @param	{(err: any, value: IExecuteReturn) => void} callback Callback function to receive the result.
-		 */
-		execute(sql: string,
-			binds: Object | Array<any>,
-			callback: (err: any, value: IExecuteReturn) => void): void;
-
-		/**
-		 * Execute method on Connection class.
-		 * @param	{string} sql SQL Statement.
-		 * @param	{IExecuteOptions} options Options object
-		 * @param	{(err: any, value: IExecuteReturn) => void} callback Callback function to receive the result.
-		 */
-		execute(sql: string,
-			options: IExecuteOptions,
-			callback: (err: any, value: IExecuteReturn) => void): void;
-
-		/**
-		 * Execute method on Connection class.
-		 * @param	{string} sql SQL Statement.
-		 * @param	{(err: any, value: IExecuteReturn) => void} callback Callback function to receive the result.
-		 */
-		execute(sql: string,
-			callback: (err: any, value: IExecuteReturn) => void): void;
-
-		/**
-		 * Release method on Connection class.
-		 * @param	{(err: any) => void} callback Callback function to be called when the connection has been released.
-		 */
-		release(callback: (err: any) => void): void;
-
-		/**
-		 * Send a commit requisition to the database.
-		 * @param	{(err: any) => void} callback Callback on commit done.
-		 */
-		commit(callback: (err: any) => void): void;
-
-		/**
-		 * Send a rollback requisition to database.
-		 * @param	{(err: any) => void} callback Callback on rollback done.
-		 */
-		rollback(callback: (err: any) => void): void;
-
-		/**
-		 * Send a break to the database.
-		 * @param	{(err: any) => void} callback Callback on break done.
-		 */
-		break(callback: (err: any) => void): void;
-	}
-
-	export interface IConnectionPool {
-		poolMax: number;
-		poolMin: number;
-		poolIncrement: number;
-		poolTimeout: number;
-		connectionsOpen: number;
-		connectionsInUse: number;
-		stmtCacheSize: number;
-		/**
-		 * Finalizes the connection pool.
-		 * @param  {(err:any)=>void} callback Callback called when the pool is terminated or when some error occurs
-		 * @returns void
-		 */
-		terminate(callback: (err: any) => void): void;
-		/**
-		 * Retrieve a connection from the pool.
-		 * @param  {(err:any,connection:IConnection)=>void} callback Callback called when the connection is available or when some error occurs.
-		 * @returns void
-		 * @see {@link https://jsao.io/2015/03/making-a-wrapper-module-for-the-node-js-driver-for-oracle-database/}
-		 * @see {@link https://github.com/OraOpenSource/orawrap}
-		 */
-		getConnection(callback: (err: any, connection: IConnection) => void): void;
-	}
-
-	export const DEFAULT: number;
-	/** Data type */
-	export const STRING: number;
-	/** Data type */
-	export const NUMBER: number;
-	/** Data type */
-	export const DATE: number;
-	/** Data type */
-	export const CURSOR: number;
-	/** Data type */
-	export const BUFFER: number;
-	/** Data type */
-	export const CLOB: number;
-	/** Data type */
-	export const BLOB: number;
-	/** Bind direction */
-	export const BIND_IN: number;
-	/** Bind direction */
-	export const BIND_INOUT: number;
-	/** Bind direction */
-	export const BIND_OUT: number;
-	/** outFormat */
-	export const ARRAY: number;
-	/** outFormat */
-	export const OBJECT: number;
-
-	/**
-	 * Do not use this method - used internally by node-oracledb.
-	 */
-	export function newLob(iLob: ILob): Lob;
-
-	/**
-	 * Creates a connection with the database.
-	 * @param  {IConnectionAttributes} connectionAttributes Parameters to stablish the connection.
-	 * @param  {(err:any,connection:IConnection)=>void} callback Callback to run when the connection gets stablished or when some error occurs.
-	 * @returns void
-	 */
-	export function getConnection(connectionAttributes: IConnectionAttributes, callback: (err: any, connection: IConnection) => void): void;
-
-	/**
-	 * Creates a database managed connection pool.
-	 * @param  {IPoolAttributes} poolAttributes Parameters to stablish the connection pool.
-	 * @param  {(err:any,connection:IConnectionPool)=>void} callback Callback to run when the connection pool gets created or when some error occurs.
-	 * @returns void
-	 */
-	export function createPool(poolAttributes: IPoolAttributes, callback: (err: any, connection: IConnectionPool) => void): void;
-
-	/** Default maximum connections in created pools */
-	export var poolMax: number;
-	/** Default minimum connections in created pools */
-	export var poolMin: number;
-	/** Default number of connections to increment when available connections reach 0 in created pools. poolMax will be respected.*/
-	export var poolIncrement: number;
-	/** Default timeout for unused connections in pool to be released. poolMin will be respected.*/
-	export var poolTimeout: number;
-	/** Default size of statements cache. Used to speed up creating queries.*/
-	export var stmtCacheSize: number;
-	/** Default number of rows that the driver will fetch in each query.*/
-	export var prefetchRows: number;
-	/** Default transaction behaviour of auto commit for each statement. */
-	export var autoCommit: boolean;
-	/** Default maximum number of rows to be fetched in statements not using ResultSets */
-	export var maxRows: number;
-	/** Default format for returning rows. When ARRAY, it will return Array<Array<any>>. When OBJECT, it will return Array<Object>. */
-	export var outFormat: number;
-	/** node-oracledb driver version. */
-	export var version: number;
-	export var connectionClass: string;
-	/** Default authentication/authorization method. When true, the SO trusted user will be used. */
-	export var externalAuth: boolean;
-	export var fetchAsString: any;
-	/** Default size in bytes that the driver will fetch from LOBs in advance. */
-	export var lobPrefetchSize: number;
-	/** Version of OCI that is used. */
-	export var oracleClientVersion: number;
-}
diff --git a/passport-http-bearer/passport-http-bearer-tests.ts b/passport-http-bearer/passport-http-bearer-tests.ts
index 7b7407b48c..e1be62feb7 100644
--- a/passport-http-bearer/passport-http-bearer-tests.ts
+++ b/passport-http-bearer/passport-http-bearer-tests.ts
@@ -2,7 +2,7 @@
  * Created by Isman Usoh <https://github.com/isman-usoh>.
  */
 
-import express = require("../express");
+import express = require("express");
 import passport = require("passport");
 import httpBearer = require("passport-http-bearer");
 
diff --git a/passport-local/passport-local-tests.ts b/passport-local/passport-local-tests.ts
index c4ea2fac2c..c177664103 100644
--- a/passport-local/passport-local-tests.ts
+++ b/passport-local/passport-local-tests.ts
@@ -3,7 +3,7 @@
  * Created by Maxime LUCE <https://github.com/SomaticIT>.
  */
 
-import express = require("../express");
+import express = require("express");
 import passport = require('passport');
 import local = require('passport-local');
 
diff --git a/passport-oauth2-client-password/passport-oauth2-client-password-tests.ts b/passport-oauth2-client-password/passport-oauth2-client-password-tests.ts
index 981afaafb3..69e03cd6d4 100644
--- a/passport-oauth2-client-password/passport-oauth2-client-password-tests.ts
+++ b/passport-oauth2-client-password/passport-oauth2-client-password-tests.ts
@@ -1,10 +1,8 @@
-'use strict';
-
 /**
  * Created by Ivan Zubok <https://github.com/akaNightmare>.
  */
 
-import express = require('../express');
+import express = require('express');
 import passport = require('passport');
 import oauth2ClientPassword = require('passport-oauth2-client-password');
 
diff --git a/phantom/index.d.ts b/phantom/index.d.ts
index f6a7cfe328..da6d270467 100644
--- a/phantom/index.d.ts
+++ b/phantom/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for PhantomJS bridge for NodeJS
+// Type definitions for PhantomJS bridge for NodeJS 3.2
 // Project: https://github.com/sgentle/phantomjs-node
 // Definitions by: horiuchi <https://github.com/horiuchi/>, Random <https://github.com/llRandom/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/phantom/phantom-1.0.0-tests.ts b/phantom/phantom-1.0.0-tests.ts
deleted file mode 100644
index b502171e59..0000000000
--- a/phantom/phantom-1.0.0-tests.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
-import phantom = require("phantom");
-
-phantom.create((ph: phantom.PhantomJS): void => {
-  ph.createPage((page): void => {
-    page.open("http://www.google.com", (status: string): void => {
-      console.log("opened google? ", status);
-      page.evaluate((): string => {
-        return document.title;
-      }, (result: string): void => {
-        console.log('Page title is ' + result);
-        ph.exit();
-      });
-    });
-  });
-});
-
-
-var _ph: phantom.PhantomJS;
-phantom.create("--web-security=no", "--ignore-ssl-errors=yes", { port: 12345 }, (ph) => {
-  console.log("Phantom Bridge Initiated");
-  _ph = ph;
-});
-var _page: phantom.WebPage;
-_ph.createPage((page) => {
-  console.log("Page created!");
-  _page = page;
-});
-
-_page.open("http://www.google.com", function (status) {
-  if (status == "success") {
-    console.log("Page is open!");
-    _page.close();
-  }
-});
-
-_page.evaluate(function() {
-  var title = (<HTMLElement>document.querySelector("title")).innerText
-  console.log("The page title is " + title)
-})
-_page.evaluate(function(selector) {
-  var text = (<HTMLElement>document.querySelector(selector)).innerText
-  console.log(selector + " contains the following text: " + text)
-}, function(result) {}, "title")
-_page.evaluate(function(selector) {
-  var text = (<HTMLElement>document.querySelector(selector)).innerText
-  return text
-}, function(result) {
-  console.log("The element contains the following text: " + result)
-}, "title");
-
-
-_page.set('viewportSize', { width: 1920, height: 1080 }, function (result) {
-  console.log("Viewport set to: " + result.width + "x" + result.height);
-});
-_page.set('onConsoleMessage', function (msg: string) {
-  console.log("Phantom Console: " + msg);
-});
-_page.set('onUrlChanged', function(url: string) {
-  console.log("New URL: "+url);
-});
-_page.set('onResourceRequested', function () {
-  console.log("Resource requested..");
-});
-_page.set('onResourceReceived', function (res: any) {
-  if (res.stage == 'end') {
-    console.log("Resource received!")
-  }
-});
-_page.set('onLoadStarted', function () {
-  console.log("Loading started");
-});
-_page.set('onLoadFinished', function (status: string) {
-  console.log("Loading finished, the page is " + ((status == "success") ? "open." : "not open!"));
-});
-_page.set('settings.loadImages', false);
-_page.set('settings.resourceTimeout', 1000);
-
-
-_page.set('settings.viewportSize', {
-  width : 1920,
-  height : 1080
-});
-_page.open("http://google.co.jp", (status) => {
-  _page.render("/tmp/google-top.jpg", {
-    format : 'jpeg',
-    quality : '80'
-  });
-  _ph.exit();
-});
-
-
-phantom.create((ph) => {
-  ph.addCookie('cookie_name', 'cookie_value', 'localhost', () => {});
-  ph.getCookies((cookies) => {});
-
-  ph.createPage((page) => {
-    page.set('Referer', 'http://google.com');
-    page.set('settings.userAgent', 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1');
-
-    page.open("http://localhost:9901/cookie", (status) => {
-      var someFunc = (aaa: string, my_obj: Object) => {
-        var attribute_to_want = aaa;
-        var h2Arr: string[] = [];
-        var results = document.querySelectorAll(attribute_to_want);
-        for (var i = 0, len = results.length; i < len; ++i) {
-          var result = <HTMLElement>results[i];
-          h2Arr.push(result.innerText);
-        }
-        return {
-          h2: h2Arr,
-          aaa: this.arguments,
-          obj: my_obj
-        };
-      };
-      var finishedFunc = (result: any) => {
-        ph.exit();
-      };
-      page.evaluate<string, {wahtt: number;}, void>(someFunc, finishedFunc, 'div', {wahtt: 111});
-    });
-  });
-
-  ph.createPage((page) => {
-    page.open('http://www.phantomjs.org', (status) => {
-      if (status === 'success') {
-        page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', () => {
-          page.injectJs('do.js', (res) => {
-            page.evaluate(() => {
-              return document.title;
-            }, (title: string) => {
-              console.log(title);
-              ph.exit();
-            });
-          });
-        });
-
-        page.sendEvent('click', 350, 320);
-        page.sendEvent('click', 350, 320, 'right');
-        page.sendEvent('keypress', 'A', null, null, 0x02000000 | 0x08000000);
-        page.sendEvent('keypress', 'A');
-
-        page.setViewportSize(800, 640);
-        page.setPaperSize({
-          width: '200px',
-          height: '300px',
-          margin: '0px'
-        });
-        page.setPaperSize({
-          format: 'A4',
-          orientation: 'portrait',
-          margin: '1cm'
-        });
-        page.setPaperSize({
-          width: '5in',
-          height: '7in',
-          margin: {
-            top: '50px',
-            left: '20px'
-          }
-        });
-        page.setZoomFactor(0.25);
-      }
-    });
-  });
-});
diff --git a/phantom/phantom-1.0.0.d.ts b/phantom/phantom-1.0.0.d.ts
deleted file mode 100644
index 5e96bf963c..0000000000
--- a/phantom/phantom-1.0.0.d.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-// Type definitions for PhantomJS bridge for NodeJS 0.7.0
-// Project: https://github.com/sgentle/phantomjs-node
-// Definitions by: horiuchi <https://github.com/horiuchi/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-declare function create(callback: (ph: PhantomJS) => void): void;
-declare function create(options: ICreateOptions, callback: (ph: PhantomJS) => void): void;
-declare function create(arg: string, callback: (ph: PhantomJS) => void): void;
-declare function create(arg: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void;
-declare function create(arg1: string, arg2: string, callback: (ph: PhantomJS) => void): void;
-declare function create(arg1: string, arg2: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void;
-declare function create(arg1: string, arg2: string, arg3: string, callback: (ph: PhantomJS) => void): void;
-declare function create(arg1: string, arg2: string, arg3: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void;
-
-interface PhantomJS {
-    createPage(callback: (page: WebPage) => void): void;
-    exit(returnValue?: number): void;
-    injectJs(filename: string, callback?: (result: boolean) => void): void;
-
-    addCookie(name: string, value: string, domain: string, callback?: (res: boolean) => void): void;
-    clearCookies(callback?: () => void): void;
-    getCookies(callback: (cookies: { name: string; value: string; domain?: string; }[]) => void): void;
-}
-
-interface WebPage {
-    open(url: string, callback: (status: string) => void): void;
-    close(): void;
-
-    get(key: string, callback: (result: any) => void): void;
-    set(key: string, value: any, callback?: (result: any) => void): void;
-    setHeaders(headers: Object, callback?: () => void): void;
-    setViewportSize(width: number, height: number, callback?: () => void): void;
-    setPaperSize(options: IPaperSizeOptions, callback?: () => void): void;
-    setZoomFactor(factor: number, callback?: () => void): void;
-
-    evaluate(callback: () => void): void;
-    evaluate<R>(callback: () => R, returnCallback: (result: R) => void): void;
-    evaluate<T>(callback: (arg: T) => void, returnCallback: () => void, arg: T): void;
-    evaluate<T, R>(callback: (arg: T) => R, returnCallback: (result: R) => void, arg: T): void;
-    evaluate<T1, T2, R>(callback: (arg1: T1, arg2: T2) => R, returnCallback: (result: R) => void, arg1: T1, arg2: T2): void;
-    evaluate<T1, T2, T3, R>(callback: (arg1: T1, arg2: T2, arg3: T3) => R, returnCallback: (result: R) => void, arg1: T1, arg2: T2, arg3: T3): void;
-    includeJs(url: string, callback?: () => void): void;
-    injectJs(filename: string, callback?: (res: boolean) => void): void;
-    sendEvent(mouseEventType: string, mouseX: number, mouseY: number, button?: string): void;
-    sendEvent(keyboardEventType: string, key: string, null1?: void, null2?: void, modifier?: number): void;
-    uploadFile(selector: string, filename: string): void;
-
-    render(filename: string, callback?: () => void): void;
-    render(filename: string, options?: { format?: string; quality?: string; }, callback?: () => void): void;
-    renderBase64(type: string, callback: (data: string) => void): void;
-
-    goBack(): void;
-    goForward(): void;
-    reload(): void;
-
-    getContent(callback: (content: string) => void): void;
-    setContent(html: string, url: string, callback?: (status: string) => void): void;
-    getCookies(callback: (cookies: { name: string; value: string; domain?: string; }[]) => void): void;
-}
-
-interface ICreateOptions {
-    binary?: string;
-    hostname?: string;
-    path?: string;
-    port?: number;
-}
-interface IPaperSizeOptions {
-    width?: string;
-    height?: string;
-    format?: string;
-    orientation?: string;
-    margin?: any; // string | { top?: string; left?: string; bottom?: string; right?: string;  }
-}
diff --git a/physijs/physijs-tests.ts b/physijs/physijs-tests.ts
deleted file mode 100644
index 35591c12d4..0000000000
--- a/physijs/physijs-tests.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/////////////////////////////////////////////////////////////
-// https://github.com/chandlerprall/Physijs/tree/master/examples
-//////////////////////////////////////////////////////////////
-
-/// <reference path="./tests/body.ts" />
-/// <reference path="./tests/collisions.ts" />
-/// <reference path="./tests/compound.ts" />
-/// <reference path="./tests/constraints_car.ts" />
-/// <reference path="./tests/heightfield.ts" />
-/// <reference path="./tests/jenga.ts" />
-/// <reference path="./tests/memorytest.ts" />
-/// <reference path="./tests/memorytest-compound.ts" />
-/// <reference path="./tests/memorytest-convex.ts" />
-/// <reference path="./tests/shapes.ts" />
-/// <reference path="./tests/vehicle.ts" />
diff --git a/physijs/tests/body.ts b/physijs/test/body.ts
similarity index 100%
rename from physijs/tests/body.ts
rename to physijs/test/body.ts
diff --git a/physijs/tests/collisions.ts b/physijs/test/collisions.ts
similarity index 100%
rename from physijs/tests/collisions.ts
rename to physijs/test/collisions.ts
diff --git a/physijs/tests/compound.ts b/physijs/test/compound.ts
similarity index 100%
rename from physijs/tests/compound.ts
rename to physijs/test/compound.ts
diff --git a/physijs/tests/constraints_car.ts b/physijs/test/constraints_car.ts
similarity index 100%
rename from physijs/tests/constraints_car.ts
rename to physijs/test/constraints_car.ts
diff --git a/physijs/tests/heightfield.ts b/physijs/test/heightfield.ts
similarity index 100%
rename from physijs/tests/heightfield.ts
rename to physijs/test/heightfield.ts
diff --git a/physijs/tests/jenga.ts b/physijs/test/jenga.ts
similarity index 100%
rename from physijs/tests/jenga.ts
rename to physijs/test/jenga.ts
diff --git a/physijs/tests/memorytest-compound.ts b/physijs/test/memorytest-compound.ts
similarity index 100%
rename from physijs/tests/memorytest-compound.ts
rename to physijs/test/memorytest-compound.ts
diff --git a/physijs/tests/memorytest-convex.ts b/physijs/test/memorytest-convex.ts
similarity index 100%
rename from physijs/tests/memorytest-convex.ts
rename to physijs/test/memorytest-convex.ts
diff --git a/physijs/tests/memorytest.ts b/physijs/test/memorytest.ts
similarity index 100%
rename from physijs/tests/memorytest.ts
rename to physijs/test/memorytest.ts
diff --git a/physijs/tests/shapes.ts b/physijs/test/shapes.ts
similarity index 100%
rename from physijs/tests/shapes.ts
rename to physijs/test/shapes.ts
diff --git a/physijs/tests/vehicle.ts b/physijs/test/vehicle.ts
similarity index 100%
rename from physijs/tests/vehicle.ts
rename to physijs/test/vehicle.ts
diff --git a/physijs/tsconfig.json b/physijs/tsconfig.json
index 4cebb19c57..cd557f6d96 100644
--- a/physijs/tsconfig.json
+++ b/physijs/tsconfig.json
@@ -15,6 +15,16 @@
     },
     "files": [
         "index.d.ts",
-        "physijs-tests.ts"
+        "test/body.ts",
+        "test/collisions.ts",
+        "test/compound.ts",
+        "test/constraints_car.ts",
+        "test/heightfield.ts",
+        "test/jenga.ts",
+        "test/memorytest.ts",
+        "test/memorytest-compound.ts",
+        "test/memorytest-convex.ts",
+        "test/shapes.ts",
+        "test/vehicle.ts"
     ]
 }
\ No newline at end of file
diff --git a/pikaday/pikaday-tests.ts b/pikaday/pikaday-tests.ts
index fb82991fcd..a1202664d3 100644
--- a/pikaday/pikaday-tests.ts
+++ b/pikaday/pikaday-tests.ts
@@ -1,6 +1,6 @@
 /// <reference types="jquery" />
 
-import * as Pikaday from "./";
+import * as Pikaday from "pikaday";
 import * as moment from "moment";
 
 new Pikaday({field: document.getElementById('datepicker')});
diff --git a/pixi.js/v3/pixi.js.d.ts b/pixi.js/v3/index.d.ts
similarity index 99%
rename from pixi.js/v3/pixi.js.d.ts
rename to pixi.js/v3/index.d.ts
index 3de0f3f296..695dab82d2 100644
--- a/pixi.js/v3/pixi.js.d.ts
+++ b/pixi.js/v3/index.d.ts
@@ -1,8 +1,11 @@
-// Type definitions for Pixi.js 3.0.9 dev
+// Type definitions for Pixi.js 3.0
 // Project: https://github.com/GoodBoyDigital/pixi.js/
 // Definitions by: clark-stevenson <https://github.com/pixijs/pixi-typescript>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+export = PIXI;
+export as namespace PIXI;
+
 declare class PIXI {
 
     static VERSION: string;
@@ -1121,7 +1124,7 @@ declare namespace PIXI {
     ////////////////////////////EXTRAS////////////////////////////////////////////
     //////////////////////////////////////////////////////////////////////////////
 
-    export module extras {
+    export namespace extras {
 
         export interface BitmapTextStyle {
 
@@ -1204,9 +1207,9 @@ declare namespace PIXI {
             //See http://stackoverflow.com/questions/29593905/typescript-declaration-extending-class-with-static-method/29595798#29595798
             //Thanks bas!
             static fromFrame(frameId: string): Sprite;
-            static fromImage(imageId: string, crossorigin?: boolean, scaleMode?: number): Sprite;
-
             static fromFrame(frameId: string, width?: number, height?: number): TilingSprite;
+
+            static fromImage(imageId: string, crossorigin?: boolean, scaleMode?: number): Sprite;
             static fromImage(imageId: string, width?: number, height?: number, crossorigin?: boolean, scaleMode?: number): TilingSprite;
 
             protected _tileScaleOffset: Point;
@@ -1439,7 +1442,7 @@ declare namespace PIXI {
     ////////////////////////////INTERACTION///////////////////////////////////////
     //////////////////////////////////////////////////////////////////////////////
 
-    export module interaction {
+    export namespace interaction {
 
         export interface InteractionEvent {
 
@@ -1530,7 +1533,7 @@ declare namespace PIXI {
     //////////////////////////////////////////////////////////////////////////////
     //https://github.com/englercj/resource-loader/blob/master/src/Loader.js
 
-    export module loaders {
+    export namespace loaders {
         export interface LoaderOptions {
 
             crossOrigin?: boolean;
@@ -1630,7 +1633,7 @@ declare namespace PIXI {
     ///////////////////////////////MESH///////////////////////////////////////////
     //////////////////////////////////////////////////////////////////////////////
 
-    export module mesh {
+    export namespace mesh {
 
         export class Mesh extends Container {
 
@@ -1742,7 +1745,3 @@ declare namespace PIXI {
 
     }
 }
-
-declare module 'pixi.js' {
-    export = PIXI;
-}
diff --git a/pixi.js/v3/pixi.js-tests.ts b/pixi.js/v3/pixi.js-tests.ts
index 0eda38284e..afb61a43d8 100644
--- a/pixi.js/v3/pixi.js-tests.ts
+++ b/pixi.js/v3/pixi.js-tests.ts
@@ -1,4 +1,3 @@
-/// <reference path="pixi.js.d.ts" />
 namespace basics {
 
     export class Basics {
diff --git a/pixi.js/v3/tsconfig.json b/pixi.js/v3/tsconfig.json
new file mode 100644
index 0000000000..5b25974430
--- /dev/null
+++ b/pixi.js/v3/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "pixi.js": ["pixi.js/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pixi.js-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/pixi.js/v3/tslint.json b/pixi.js/v3/tslint.json
new file mode 100644
index 0000000000..ff23ef7097
--- /dev/null
+++ b/pixi.js/v3/tslint.json
@@ -0,0 +1,8 @@
+{
+    "extends": "../../tslint.json",
+    "rules": {
+        "forbidden-types": false,
+        "no-empty-interface": false,
+        "unified-signatures": false
+    }
+}
\ No newline at end of file
diff --git a/postal/postal-0.8.9.d.ts b/postal/v0/index.d.ts
similarity index 100%
rename from postal/postal-0.8.9.d.ts
rename to postal/v0/index.d.ts
diff --git a/postal/v0/tsconfig.json b/postal/v0/tsconfig.json
new file mode 100644
index 0000000000..9a2c13c9ae
--- /dev/null
+++ b/postal/v0/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "postal": ["postal/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/promisify-node/tsconfig.json b/promisify-node/tsconfig.json
index ebc5cbe959..94f99e2316 100644
--- a/promisify-node/tsconfig.json
+++ b/promisify-node/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "promisify-node-tests"
+        "promisify-node-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/protobufjs/test.json b/protobufjs/test.json
deleted file mode 100644
index db9081d3a5..0000000000
--- a/protobufjs/test.json
+++ /dev/null
@@ -1,123 +0,0 @@
-{
-    "package": "js",
-    "messages": [
-        {
-            "name": "Value",
-            "fields": [
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "sint32",
-                    "name": "integer",
-                    "id": 1,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "double",
-                    "name": "double",
-                    "id": 2,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "string",
-                    "name": "string",
-                    "id": 3,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "bool",
-                    "name": "boolean",
-                    "id": 4,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "bool",
-                    "name": "null",
-                    "id": 5,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "Array",
-                    "name": "array",
-                    "id": 6,
-                    "oneof": "type"
-                },
-                {
-                    "rule": "optional",
-                    "options": {},
-                    "type": "Object",
-                    "name": "object",
-                    "id": 7,
-                    "oneof": "type"
-                }
-            ],
-            "enums": [],
-            "messages": [],
-            "options": {},
-            "oneofs": {
-                "type": [
-                    1,
-                    2,
-                    3,
-                    4,
-                    5,
-                    6,
-                    7
-                ]
-            }
-        },
-        {
-            "name": "Array",
-            "fields": [
-                {
-                    "rule": "repeated",
-                    "options": {},
-                    "type": "Value",
-                    "name": "values",
-                    "id": 1
-                }
-            ],
-            "enums": [],
-            "messages": [],
-            "options": {},
-            "oneofs": {}
-        },
-        {
-            "name": "Object",
-            "fields": [
-                {
-                    "rule": "repeated",
-                    "options": {},
-                    "type": "Value",
-                    "name": "keys",
-                    "id": 1
-                },
-                {
-                    "rule": "repeated",
-                    "options": {},
-                    "type": "Value",
-                    "name": "values",
-                    "id": 2
-                }
-            ],
-            "enums": [],
-            "messages": [],
-            "options": {},
-            "oneofs": {}
-        }
-    ],
-    "enums": [],
-    "imports": [],
-    "options": {},
-    "services": []
-}
diff --git a/protobufjs/test.proto b/protobufjs/test.proto
deleted file mode 100644
index 44b2e3ba10..0000000000
--- a/protobufjs/test.proto
+++ /dev/null
@@ -1,30 +0,0 @@
-// Everything below is located in the js-namespace
-package js;
-
-// Represents a JavaScript value.
-// Contains exactly one or zero fields.
-message Value {
-    oneof type {
-        sint32 integer = 1;
-        double double = 2;
-        string string = 3;
-        bool boolean = 4;
-        bool null = 5;
-        Array array = 6;
-        Object object = 7;
-        // if none is set: undefined
-    }
-}
-
-// Represents a JavaScript array.
-// Contains zero to N values.
-message Array {
-    repeated Value values = 1;
-}
-
-// Represents a JavaScript object.
-// Contains zero to N keys with associated values.
-message Object {
-    repeated Value keys = 1;
-    repeated Value values = 2;
-}
\ No newline at end of file
diff --git a/purl/tsconfig.json b/purl/tsconfig.json
index cdcaca971c..ff838c055a 100644
--- a/purl/tsconfig.json
+++ b/purl/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "purl-jquery.d.ts"
     ]
 }
\ No newline at end of file
diff --git a/qunit/qunit-1.16.d.ts b/qunit/v1/index.d.ts
similarity index 100%
rename from qunit/qunit-1.16.d.ts
rename to qunit/v1/index.d.ts
diff --git a/qunit/qunit-tests-1.16.ts b/qunit/v1/qunit-tests.ts
similarity index 100%
rename from qunit/qunit-tests-1.16.ts
rename to qunit/v1/qunit-tests.ts
diff --git a/qunit/v1/tsconfig.json b/qunit/v1/tsconfig.json
new file mode 100644
index 0000000000..81f16d8cfc
--- /dev/null
+++ b/qunit/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": false,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "qunit": ["qunit/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "qunit-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/random-js/random-js-commonjs-tests.ts b/random-js/random-js-commonjs-tests.ts
deleted file mode 100644
index 0508aafb32..0000000000
--- a/random-js/random-js-commonjs-tests.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/// <reference types="node"/>
-
-import Random = require('random-js');
-
-// Examples taken from the documentation at https://github.com/ckknight/random-js
-// create a Mersenne Twister-19937 that is auto-seeded based on time and other random values
-import Engine = Random.Engine;
-
-var engine: Engine = Random.engines.mt19937().autoSeed();
-// create a distribution that will consistently produce integers within inclusive range [0, 99].
-var distribution: Function = Random.integer(0, 99);
-// generate a number that is guaranteed to be within [0, 99] without any particular bias.
-function generateNaturalLessThan100(): number {
-    return distribution(engine);
-}
-
-// using essentially Math.random()
-var engine2: Engine = Random.engines.nativeMath;
-// lower-case Hex string distribution
-var distribution2: Function = Random.hex(false);
-// generate a 40-character hex string
-function generateSHA1(): string {
-    return distribution(40);
-}
-
-var r: Random = new Random(Random.engines.mt19937().seedWithArray([0x12345678, 0x90abcdef]));
-var value = r.integer(0, 99);
-
-r = new Random(); // same as new Random(Random.engines.nativeMath)
diff --git a/random-js/tsconfig.json b/random-js/tsconfig.json
index 05f41d8f41..04313eb3db 100644
--- a/random-js/tsconfig.json
+++ b/random-js/tsconfig.json
@@ -15,7 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "random-js-ambient-tests.ts",
-        "random-js-commonjs-tests.ts"
+        "random-js-ambient-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/react-addons-shallow-compare/react-addons-shallow-compare-tests.ts b/react-addons-shallow-compare/react-addons-shallow-compare-tests.ts
deleted file mode 100644
index a3ebf1be61..0000000000
--- a/react-addons-shallow-compare/react-addons-shallow-compare-tests.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference path="tests/import-commonjs.tsx" />
-/// <reference path="tests/import-es6.tsx" />
diff --git a/react-addons-shallow-compare/tests/import-commonjs.tsx b/react-addons-shallow-compare/react-addons-shallow-compare-tests.tsx
similarity index 100%
rename from react-addons-shallow-compare/tests/import-commonjs.tsx
rename to react-addons-shallow-compare/react-addons-shallow-compare-tests.tsx
diff --git a/react-addons-shallow-compare/tests/import-es6.tsx b/react-addons-shallow-compare/tests/import-es6.tsx
deleted file mode 100644
index f967eb2350..0000000000
--- a/react-addons-shallow-compare/tests/import-es6.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from 'react';
-import * as shallowCompare from 'react-addons-shallow-compare';
-
-export class MyComponent extends React.Component<{}, {}> {
-    shouldComponentUpdate(nextProps: any, nextState: any, nextContext: any): boolean {
-        return shallowCompare(this, nextProps, nextState);
-    }
-
-    render() {
-        return <div>empty</div>;
-    }
-}
diff --git a/react-addons-shallow-compare/tsconfig.json b/react-addons-shallow-compare/tsconfig.json
index 32ab369ab1..150e5d484e 100644
--- a/react-addons-shallow-compare/tsconfig.json
+++ b/react-addons-shallow-compare/tsconfig.json
@@ -1,7 +1,7 @@
 {
     "files": [
         "index.d.ts",
-        "react-addons-shallow-compare-tests.ts"
+        "react-addons-shallow-compare-tests.tsx"
     ],
     "compilerOptions": {
         "module": "commonjs",
diff --git a/react-bootstrap-daterangepicker/react-bootstrap-daterangepicker-tests.ts b/react-bootstrap-daterangepicker/react-bootstrap-daterangepicker-tests.ts
index 6876a9daa7..f287f5c041 100644
--- a/react-bootstrap-daterangepicker/react-bootstrap-daterangepicker-tests.ts
+++ b/react-bootstrap-daterangepicker/react-bootstrap-daterangepicker-tests.ts
@@ -1,9 +1,7 @@
-/// <reference path="./react-bootstrap-daterangepicker.d.ts" />
-/// <reference path="./../react/react.d.ts" />
-
 import DateRangePicker = require("react-bootstrap-daterangepicker");
+import * as React from "react";
 
-class IntegrationTest extends __React.Component<{}, {}> {
+class IntegrationTest extends React.Component<{}, {}> {
   render() {
     const props = {
       onEvent: (ev: any, picker: any) => true,
@@ -20,6 +18,6 @@ class IntegrationTest extends __React.Component<{}, {}> {
       linkedCalendars: true,
     };
 
-    return __React.createElement(DateRangePicker, props);
+    return React.createElement(DateRangePicker, props);
   }
 }
diff --git a/react-bootstrap-daterangepicker/tsconfig.json b/react-bootstrap-daterangepicker/tsconfig.json
index c4dd102f32..7fbb0a2828 100644
--- a/react-bootstrap-daterangepicker/tsconfig.json
+++ b/react-bootstrap-daterangepicker/tsconfig.json
@@ -16,6 +16,7 @@
     },
     "files": [
         "index.d.ts",
+        "react-bootstrap-daterangepicker-tests.ts",
         "react-bootstrap-daterangepicker-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-fa/react-fa-4.0.0.d.ts b/react-fa/react-fa-4.0.0.d.ts
deleted file mode 100644
index 0b6b166a22..0000000000
--- a/react-fa/react-fa-4.0.0.d.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-// Type definitions for react-fa v4.0.0
-// Project: https://github.com/andreypopp/react-fa
-// Definitions by: Frank Laub <https://github.com/flaub>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../react/react.d.ts" />
-
-declare module "react-fa" {
-	import { ComponentClass, Props } from 'react';
-
-	interface IconProps extends Props<Icon> {
-		name: string;
-		className?: string;
-		size?: string;
-		spin?: boolean;
-		rotate?: string;
-		flip?: string;
-		fixedWidth?: boolean;
-		pulse?: boolean;
-		stack?: string;
-		inverse?: boolean;
-	}
-
-	interface Icon extends ComponentClass<IconProps> { }
-	const Icon: Icon;
-
-	export = Icon;
-}
diff --git a/react-ga/react-ga-tests.tsx b/react-ga/react-ga-tests.tsx
index 1dd6e04bd7..b31777fb91 100644
--- a/react-ga/react-ga-tests.tsx
+++ b/react-ga/react-ga-tests.tsx
@@ -1,5 +1,4 @@
-/// <reference path="react-ga.d.ts" />
-/// <reference path="../jasmine/jasmine.d.ts" />
+/// <reference types="jasmine" />
 
 describe("Testing react-ga initialize object", () => {
     it("Able to initialize react-ga object", () => {
diff --git a/react-ga/tsconfig.json b/react-ga/tsconfig.json
index cdcaca971c..38f886fc39 100644
--- a/react-ga/tsconfig.json
+++ b/react-ga/tsconfig.json
@@ -11,9 +11,12 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+
+        "jsx": "react"
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "react-ga-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-highlighter/react-highlighter-tests.tsx b/react-highlighter/react-highlighter-tests.tsx
index 844ad875d8..040c4665b6 100644
--- a/react-highlighter/react-highlighter-tests.tsx
+++ b/react-highlighter/react-highlighter-tests.tsx
@@ -1,6 +1,3 @@
-/// <reference path="react-highlighter.d.ts" />
-/// <reference path="../react/react.d.ts" />
-
 import * as React from 'react';
 import * as Highlight from 'react-highlighter';
 
diff --git a/react-highlighter/tsconfig.json b/react-highlighter/tsconfig.json
index cdcaca971c..973c6207af 100644
--- a/react-highlighter/tsconfig.json
+++ b/react-highlighter/tsconfig.json
@@ -11,9 +11,12 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+
+        "jsx": "react"
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "react-highlighter-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-intl/react-intl-1.2.0.d.ts b/react-intl/v1/index.d.ts
similarity index 100%
rename from react-intl/react-intl-1.2.0.d.ts
rename to react-intl/v1/index.d.ts
diff --git a/react-intl/react-intl-tests-1.2.0.tsx b/react-intl/v1/react-intl-tests.tsx
similarity index 98%
rename from react-intl/react-intl-tests-1.2.0.tsx
rename to react-intl/v1/react-intl-tests.tsx
index 8138e579c3..6abebe36cd 100644
--- a/react-intl/react-intl-tests-1.2.0.tsx
+++ b/react-intl/v1/react-intl-tests.tsx
@@ -4,8 +4,6 @@
 
 ///<reference types="react" />
 
-///<reference types="react-intl-1.2.0" />
-
 import * as React from 'react'
 
 import * as reactMixin from 'react-mixin'
diff --git a/react-intl/v1/tsconfig.json b/react-intl/v1/tsconfig.json
new file mode 100644
index 0000000000..852a9ce482
--- /dev/null
+++ b/react-intl/v1/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "react-intl": ["react-intl/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+
+        "jsx": "react",
+        "experimentalDecorators": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-intl-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/react-native/react-native.0.29.d.ts b/react-native/react-native.0.29.d.ts
deleted file mode 100644
index 7ae6f47c72..0000000000
--- a/react-native/react-native.0.29.d.ts
+++ /dev/null
@@ -1,6092 +0,0 @@
-// Type definitions for react-native 0.29
-// Project: https://github.com/facebook/react-native
-// Definitions by: Bruno Grieder <https://github.com/bgrieder>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-//
-// USING: these definitions are meant to be used with the TSC compiler target set to ES6
-//
-// USAGE EXAMPLES: check the RNTSExplorer project at https://github.com/bgrieder/RNTSExplorer
-// Warning: the project currently uses and older version of react-native
-//
-// CONTRIBUTING: please open pull requests
-//
-// CREDITS: This work is based on an original work made by Bernd Paradies: https://github.com/bparadie
-//
-///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-/// <reference path="../react/react.d.ts" />
-
-//so we know what is "original" React
-import React = __React;
-
-//react-native "extends" react
-declare namespace  __React {
-
-    module NativeMethodsMixin {
-      type MeasureOnSuccessCallback = (
-        x: number,
-        y: number,
-        width: number,
-        height: number,
-        pageX: number,
-        pageY: number
-      ) => void
-
-      type MeasureInWindowOnSuccessCallback = (
-        x: number,
-        y: number,
-        width: number,
-        height: number
-      ) => void
-
-      type MeasureLayoutOnSuccessCallback = (
-        left: number,
-        top: number,
-        width: number,
-        height: number
-      ) => void
-    }
-
-    /**
-     * @see https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/NativeMethodsMixin.js
-     */
-    // export class Component<P, S> extends React.Component<P, S> {
-    export interface NativeComponent {
-
-      /**
-       * Determines the location on screen, width, and height of the given view and
-       * returns the values via an async callback. If successful, the callback will
-       * be called with the following arguments:
-       *
-       *  - x
-       *  - y
-       *  - width
-       *  - height
-       *  - pageX
-       *  - pageY
-       *
-       * Note that these measurements are not available until after the rendering
-       * has been completed in native. If you need the measurements as soon as
-       * possible, consider using the [`onLayout`
-       * prop](docs/view.html#onlayout) instead.
-       */
-      measure(callback: NativeMethodsMixin.MeasureOnSuccessCallback): void;
-
-      /**
-       * Determines the location of the given view in the window and returns the
-       * values via an async callback. If the React root view is embedded in
-       * another native view, this will give you the absolute coordinates. If
-       * successful, the callback will be called with the following
-       * arguments:
-       *
-       *  - x
-       *  - y
-       *  - width
-       *  - height
-       *
-       * Note that these measurements are not available until after the rendering
-       * has been completed in native.
-       */
-      measureInWindow(callback: NativeMethodsMixin.MeasureInWindowOnSuccessCallback): void;
-
-      /**
-       * Like [`measure()`](#measure), but measures the view relative an ancestor,
-       * specified as `relativeToNativeNode`. This means that the returned x, y
-       * are relative to the origin x, y of the ancestor view.
-       *
-       * As always, to obtain a native node handle for a component, you can use
-       * `React.findNodeHandle(component)`.
-       */
-      measureLayout(
-        relativeToNativeNode: number,
-        onSuccess: NativeMethodsMixin.MeasureLayoutOnSuccessCallback,
-        onFail: () => void /* currently unused */
-      ): void;
-
-       /**
-        * This function sends props straight to native. They will not participate in
-        * future diff process - this means that if you do not include them in the
-        * next render, they will remain active (see [Direct
-        * Manipulation](docs/direct-manipulation.html)).
-        */
-      setNativeProps(nativeProps: Object): void;
-
-      /**
-       * Requests focus for the given input or view. The exact behavior triggered
-       * will depend on the platform and type of view.
-       */
-      focus(): void;
-
-      /**
-       * Removes focus from an input or view. This is the opposite of `focus()`.
-       */
-      blur(): void;
-
-      refs: {
-        [key: string]: Component<any, any>
-      };
-    }
-
-    //TODO: BGR: Replace with ComponentClass ?
-    // node_modules/react-tools/src/classic/class/ReactClass.js
-    export interface ReactClass<D, P, S> {
-        // TODO:
-    }
-
-    // see react-jsx.d.ts
-    export function createElement<P>( type: React.ReactType,
-                                      props?: P,
-                                      ...children: React.ReactNode[] ): React.ReactElement<P>;
-
-
-    export type Runnable = ( appParameters: any ) => void;
-
-
-    // Similar to React.SyntheticEvent except for nativeEvent
-    interface NativeSyntheticEvent<T> {
-        bubbles: boolean
-        cancelable: boolean
-        currentTarget: EventTarget
-        defaultPrevented: boolean
-        eventPhase: number
-        isTrusted: boolean
-        nativeEvent: T
-        preventDefault(): void
-        stopPropagation(): void
-        target: EventTarget
-        timeStamp: Date
-        type: string
-    }
-
-    export interface NativeTouchEvent {
-        /**
-         * Array of all touch events that have changed since the last event
-         */
-        changedTouches: NativeTouchEvent[]
-
-        /**
-         * The ID of the touch
-         */
-        identifier: string
-
-        /**
-         * The X position of the touch, relative to the element
-         */
-        locationX: number
-
-        /**
-         * The Y position of the touch, relative to the element
-         */
-        locationY: number
-
-        /**
-         * The X position of the touch, relative to the screen
-         */
-        pageX: number
-
-        /**
-         * The Y position of the touch, relative to the screen
-         */
-        pageY: number
-
-        /**
-         * The node id of the element receiving the touch event
-         */
-        target: string
-
-        /**
-         * A time identifier for the touch, useful for velocity calculation
-         */
-        timestamp: number
-
-        /**
-         * Array of all current touches on the screen
-         */
-        touches : NativeTouchEvent[]
-    }
-
-    export interface GestureResponderEvent extends NativeSyntheticEvent<NativeTouchEvent> {
-    }
-
-
-    export interface  PointProperties {
-        x: number
-        y: number
-    }
-
-    export interface Insets {
-        top?: number
-        left?: number
-        bottom?: number
-        right?: number
-    }
-
-    /**
-     * //FIXME: need to find documentation on which compoenent is a native (i.e. non composite component)
-     */
-    /*
-    export interface NativeComponent {
-    }
-    */
-    /**
-     * //FIXME: need to find documentation on which component is a TTouchable and can implement that interface
-     * @see React.DOMAtributes
-     */
-    export interface Touchable {
-        onTouchStart?: ( event: GestureResponderEvent ) => void
-        onTouchMove?: ( event: GestureResponderEvent ) => void
-        onTouchEnd?: ( event: GestureResponderEvent ) => void
-        onTouchCancel?: ( event: GestureResponderEvent ) => void
-        onTouchEndCapture?: ( event: GestureResponderEvent ) => void
-    }
-
-    export type AppConfig = {
-        appKey: string;
-        component: ReactClass<any, any, any>;
-        run?: Runnable;
-    }
-
-    // https://github.com/facebook/react-native/blob/master/Libraries/AppRegistry/AppRegistry.js
-    /**
-     * `AppRegistry` is the JS entry point to running all React Native apps.  App
-     * root components should register themselves with
-     * `AppRegistry.registerComponent`, then the native system can load the bundle
-     * for the app and then actually run the app when it's ready by invoking
-     * `AppRegistry.runApplication`.
-     *
-     * To "stop" an application when a view should be destroyed, call
-     * `AppRegistry.unmountApplicationComponentAtRootTag` with the tag that was
-     * pass into `runApplication`. These should always be used as a pair.
-     *
-     * `AppRegistry` should be `require`d early in the `require` sequence to make
-     * sure the JS execution environment is setup before other modules are
-     * `require`d.
-     */
-    export class AppRegistry {
-        static registerConfig( config: AppConfig[] ): void;
-
-        static registerComponent( appKey: string, getComponentFunc: () => React.ComponentClass<any> ): string;
-
-        static registerRunnable( appKey: string, func: Runnable ): string;
-
-        static getAppKeys(): string[];
-
-        static unmountApplicationComponentAtRootTag(rootTag: number): void;
-
-        static runApplication( appKey: string, appParameters: any ): void;
-    }
-
-    export interface LayoutAnimationTypes {
-        spring: string
-        linear: string
-        easeInEaseOut: string
-        easeIn: string
-        easeOut: string
-    }
-
-    export interface LayoutAnimationProperties {
-        opacity: string
-        scaleXY: string
-    }
-
-    export interface LayoutAnimationAnim {
-        duration?: number
-        delay?: number
-        springDamping?: number
-        initialVelocity?: number
-        type?: string //LayoutAnimationTypes
-        property?: string //LayoutAnimationProperties
-    }
-
-    export interface LayoutAnimationConfig {
-        duration: number
-        create?: LayoutAnimationAnim
-        update?: LayoutAnimationAnim
-        delete?: LayoutAnimationAnim
-    }
-
-    export interface LayoutAnimationStatic {
-
-        configureNext: ( config: LayoutAnimationConfig, onAnimationDidEnd?: () => void, onError?: ( error?: any ) => void ) => void
-        create: ( duration: number, type?: string, creationProp?: string ) => LayoutAnimationConfig
-        Types: LayoutAnimationTypes
-        Properties: LayoutAnimationProperties
-        configChecker: ( conf: {config: LayoutAnimationConfig}, name: string, next: string ) => void
-        Presets : {
-            easeInEaseOut: LayoutAnimationConfig
-            linear:LayoutAnimationConfig
-            spring: LayoutAnimationConfig
-        }
-    }
-
-    export type FlexAlignType = "flex-start" | "flex-end" | "center" | "stretch";
-    export type FlexJustifyType = "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
-
-    /**
-     * Flex Prop Types
-     * @see https://facebook.github.io/react-native/docs/flexbox.html#proptypes
-     * @see LayoutPropTypes.js
-     */
-    export interface FlexStyle {
-
-        alignItems?: FlexAlignType;
-        alignSelf?: "auto" | FlexAlignType;
-        borderBottomWidth?: number
-        borderLeftWidth?: number
-        borderRightWidth?: number
-        borderTopWidth?: number
-        borderWidth?: number
-        bottom?: number
-        flex?: number
-        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse"
-        flexWrap?: "wrap" | "nowrap"
-        height?: number
-        justifyContent?: FlexJustifyType
-        left?: number
-        minWidth?: number
-        maxWidth?: number
-        minHeight?: number
-        maxHeight?: number
-        margin?: number
-        marginBottom?: number
-        marginHorizontal?: number
-        marginLeft?: number
-        marginRight?: number
-        marginTop?: number
-        marginVertical?: number
-        padding?: number
-        paddingBottom?: number
-        paddingHorizontal?: number
-        paddingLeft?: number
-        paddingRight?: number
-        paddingTop?: number
-        paddingVertical?: number
-        position?: "absolute" | "relative"
-        right?: number
-        top?: number
-        width?: number
-
-        /**
-         * @platform ios
-         */
-        zIndex?: number
-    }
-
-    /**
-     * @see ShadowPropTypesIOS.js
-     */
-    export interface ShadowPropTypesIOSStatic {
-        /**
-         * Sets the drop shadow color
-         * @platform ios
-         */
-        shadowColor: string
-
-        /**
-         * Sets the drop shadow offset
-         * @platform ios
-         */
-        shadowOffset: {width: number, height: number}
-
-        /**
-         * Sets the drop shadow opacity (multiplied by the color's alpha component)
-         * @platform ios
-         */
-        shadowOpacity: number
-
-        /**
-         * Sets the drop shadow blur radius
-         * @platform ios
-         */
-        shadowRadius: number
-    }
-
-    type GetCurrentPositionOptions = {
-        timeout: number
-        maximumAge: number
-        enableHighAccuracy: boolean
-        distanceFilter: number
-    }
-
-    type WatchPositionOptions = {
-        timeout: number
-        maximumAge: number
-        enableHighAccuracy: boolean
-        distanceFilter: number
-    }
-
-    type GeolocationReturnType = {
-        coords: {
-            latitude: number
-            longitude: number
-        }
-    }
-
-
-    export interface TransformsStyle {
-
-        transform?: [{perspective: number}, {rotate: string}, {rotateX: string}, {rotateY: string}, {rotateZ: string}, {scale: number}, {scaleX: number}, {scaleY: number}, {translateX: number}, {translateY: number}, {skewX: string}, {skewY: string}]
-        transformMatrix?: Array<number>
-        rotation?: number
-        scaleX?: number
-        scaleY?: number
-        translateX?: number
-        translateY?: number
-    }
-
-
-    export interface StyleSheetProperties {
-        hairlineWidth: number
-        flatten<T extends string>(style: T): T
-    }
-
-    export interface LayoutRectangle {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }
-
-    // @see TextProperties.onLayout
-    export interface LayoutChangeEvent {
-        nativeEvent: {
-            layout: LayoutRectangle
-        }
-    }
-
-    export interface TextStyleIOS extends ViewStyle {
-      letterSpacing?: number
-      textDecorationColor?: string
-      textDecorationStyle?: "solid" | "double" | "dotted" | "dashed"
-      writingDirection?: "auto" | "ltr" | "rtl"
-    }
-
-    export interface TextStyleAndroid extends ViewStyle {
-      textAlignVertical?: "auto" | "top" | "bottom" | "center"
-    }
-
-    // @see https://facebook.github.io/react-native/docs/text.html#style
-    export interface TextStyle extends TextStyleIOS, TextStyleAndroid, ViewStyle {
-        color?: string
-        fontFamily?: string
-        fontSize?: number
-        fontStyle?: "normal" | "italic"
-        /**
-         * Specifies font weight. The values 'normal' and 'bold' are supported
-         * for most fonts. Not all fonts have a variant for each of the numeric
-         * values, in that case the closest one is chosen.
-         */
-        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900"
-        letterSpacing?: number
-        lineHeight?: number
-        /**
-         * Specifies text alignment.
-         * The value 'justify' is only supported on iOS.
-         */
-        textAlign?: "auto" | "left" | "right" | "center"
-        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through"
-        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed"
-        textDecorationColor?: string
-        textShadowColor?: string
-        textShadowOffset?: {width: number, height: number}
-        textShadowRadius?: number
-        testID?: string
-    }
-
-    export interface TextPropertiesIOS {
-
-        /**
-         * Specifies should fonts scale to respect Text Size accessibility
-         * setting on iOS.
-         */
-        allowFontScaling: boolean
-
-        /**
-         * When true, no visual change is made when text is pressed down.
-         * By default, a gray oval highlights the text on press down.
-         */
-        suppressHighlighting?: boolean
-    }
-
-    // https://facebook.github.io/react-native/docs/text.html#props
-    export interface TextProperties extends React.Props<TextProperties> {
-
-        /**
-         * Specifies should fonts scale to respect Text Size accessibility setting on iOS.
-         */
-        allowFontScaling?: boolean
-
-        /**
-         * Line Break mode. Works only with numberOfLines.
-         * clip is working only for iOS
-         */
-        lineBreakMode?: 'head' | 'middle' | 'tail' | 'clip'
-
-        /**
-         * Used to truncate the text with an elipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.
-         */
-        numberOfLines?: number
-
-        /**
-         * Invoked on mount and layout changes with
-         *
-         * {nativeEvent: { layout: {x, y, width, height}}}.
-         */
-        onLayout?: ( event: LayoutChangeEvent ) => void
-
-        /**
-         * This function is called on press.
-         * Text intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).
-         */
-        onPress?: () => void
-
-        /**
-         * @see https://facebook.github.io/react-native/docs/text.html#style
-         */
-        style?: TextStyle
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testID?: string
-    }
-
-    /**
-     * A React component for displaying text which supports nesting, styling, and touch handling.
-     */
-    export interface TextStatic extends React.ComponentClass<TextProperties> {
-
-    }
-
-
-    /**
-     * IOS Specific properties for TextInput
-     * @see https://facebook.github.io/react-native/docs/textinput.html#props
-     */
-    export interface TextInputIOSProperties {
-
-        /**
-         * enum('never', 'while-editing', 'unless-editing', 'always')
-         * When the clear button should appear on the right side of the text view
-         */
-        clearButtonMode?: string
-
-        /**
-         * If true, clears the text field automatically when editing begins
-         */
-        clearTextOnFocus?: boolean
-
-        /**
-         * If true, the keyboard disables the return key when there is no text and automatically enables it when there is text.
-         * The default value is false.
-         */
-        enablesReturnKeyAutomatically?: boolean
-
-        /**
-         * Callback that is called when a key is pressed.
-         * Pressed key value is passed as an argument to the callback handler.
-         * Fires before onChange callbacks.
-         */
-        onKeyPress?: () => void
-
-        /**
-         * //FIXME: requires typing
-         * See DocumentSelectionState.js, some state that is responsible for maintaining selection information for a document
-         */
-        selectionState?: any
-
-
-    }
-
-    /**
-     * Android Specific properties for TextInput
-     * @see https://facebook.github.io/react-native/docs/textinput.html#props
-     */
-    export interface TextInputAndroidProperties {
-
-        /**
-         * Sets the number of lines for a TextInput.
-         * Use it with multiline set to true to be able to fill the lines.
-         */
-        numberOfLines?: number
-
-        /**
-         * Sets the return key to the label. Use it instead of `returnKeyType`.
-         * @platform android
-         */
-        returnKeyLabel?: string
-
-        /**
-         * enum('start', 'center', 'end')
-         * Set the position of the cursor from where editing will begin.
-         */
-        textAlign?: string
-
-        /**
-         * enum('top', 'center', 'bottom')
-         * Aligns text vertically within the TextInput.
-         */
-        textAlignVertical?: string
-
-        /**
-         * The color of the textInput underline.
-         */
-        underlineColorAndroid?: string
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/textinput.html#props
-     */
-    export interface TextInputProperties extends TextInputIOSProperties, TextInputAndroidProperties, React.Props<TextInputStatic> {
-
-        /**
-         * Can tell TextInput to automatically capitalize certain characters.
-         *      characters: all characters,
-         *      words: first letter of each word
-         *      sentences: first letter of each sentence (default)
-         *      none: don't auto capitalize anything
-         *
-         * https://facebook.github.io/react-native/docs/textinput.html#autocapitalize
-         */
-        autoCapitalize?: "none" | "sentences" | "words" | "characters"
-
-        /**
-         * If false, disables auto-correct.
-         * The default value is true.
-         */
-        autoCorrect?: boolean
-
-        /**
-         * If true, focuses the input on componentDidMount.
-         * The default value is false.
-         */
-        autoFocus?: boolean
-
-        /**
-         * If true, the text field will blur when submitted.
-         * The default value is true.
-         */
-        blurOnSubmit?: boolean
-
-        /**
-         * Provides an initial value that will change when the user starts typing.
-         * Useful for simple use-cases where you don't want to deal with listening to events
-         * and updating the value prop to keep the controlled state in sync.
-         */
-        defaultValue?: string
-
-        /**
-         * If false, text is not editable. The default value is true.
-         */
-        editable?: boolean
-
-        /**
-         * enum("default", 'numeric', 'email-address', "ascii-capable", 'numbers-and-punctuation', 'url', 'number-pad', 'phone-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search')
-         * Determines which keyboard to open, e.g.numeric.
-         * The following values work across platforms: - default - numeric - email-address
-         */
-        keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "ascii-capable" | "numbers-and-punctuation" | "url" | "number-pad" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search"
-
-        /**
-         * Limits the maximum number of characters that can be entered.
-         * Use this instead of implementing the logic in JS to avoid flicker.
-         */
-        maxLength?: number
-
-        /**
-         * If true, the text input can be multiple lines. The default value is false.
-         */
-        multiline?: boolean
-
-        /**
-         * Callback that is called when the text input is blurred
-         */
-        onBlur?: () => void
-
-        /**
-         * Callback that is called when the text input's text changes.
-         */
-        onChange?: ( event: {nativeEvent: {text: string}} ) => void
-
-        /**
-         * Callback that is called when the text input's text changes.
-         * Changed text is passed as an argument to the callback handler.
-         */
-        onChangeText?: ( text: string ) => void
-
-        /**
-         * Callback that is called when text input ends.
-         */
-        onEndEditing?: ( event: {nativeEvent: {text: string}} ) => void
-
-        /**
-         * Callback that is called when the text input is focused
-         */
-        onFocus?: () => void
-
-        /**
-         * Invoked on mount and layout changes with {x, y, width, height}.
-         */
-        onLayout?: ( event: {nativeEvent: {x: number, y: number, width: number, height: number}} ) => void
-
-        onSelectionChange?: () => void
-
-        /**
-         * Callback that is called when the text input's submit button is pressed.
-         */
-        onSubmitEditing?: ( event: {nativeEvent: {text: string}} ) => void
-
-        /**
-         * //FIXME: Not part of the doc but found in examples
-         */
-        password?: boolean
-
-        /**
-         * The string that will be rendered before text input has been entered
-         */
-        placeholder?: string
-
-        /**
-         * The text color of the placeholder string
-         */
-        placeholderTextColor?: string
-
-        /**
-         * enum('default', 'go', 'google', 'join', 'next', 'route', 'search', 'send', 'yahoo', 'done', 'emergency-call')
-         * Determines how the return key should look.
-         */
-        returnKeyType?: "default" | "go" | "google" | "join" | "next" | "route" | "search" | "send" | "yahoo" | "done" | "emergency-call"
-
-        /**
-         * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.
-         * The default value is false.
-         */
-        secureTextEntry?: boolean
-
-        /**
-         * If true, all text will automatically be selected on focus
-         */
-        selectTextOnFocus?: boolean
-
-        /**
-         * The highlight (and cursor on ios) color of the text input
-         */
-        selectionColor?: string
-
-        /**
-         * Styles
-         */
-        style?: TextStyle
-
-        /**
-         * Used to locate this view in end-to-end tests
-         */
-        testID?: string
-
-        /**
-         * The value to show for the text input. TextInput is a controlled component,
-         * which means the native value will be forced to match this value prop if provided.
-         * For most uses this works great, but in some cases this may cause flickering - one common cause is preventing edits by keeping value the same.
-         * In addition to simply setting the same value, either set editable={false},
-         * or set/update maxLength to prevent unwanted edits without flicker.
-         */
-        value?: string
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/textinput.html#methods
-     */
-    export interface TextInputStatic extends NativeComponent, React.ComponentClass<TextInputProperties> {
-        /**
-         * Returns if the input is currently focused.
-         */
-        isFocused: () => boolean
-
-        /**
-         * Removes all text from the input.
-         */
-        clear: () => void
-
-        // The following methods are found only in implementation
-        blur: () => void
-        focus: () => void
-    }
-
-    export type ToolbarAndroidAction = {
-        /**
-         *  title: required, the title of this action
-         */
-        title: string
-
-        /**
-         * icon: the icon for this action, e.g. require('./some_icon.png')
-         */
-        icon?: any
-
-        /**
-         * show: when to show this action as an icon or hide it in the overflow menu: always, ifRoom or never
-         */
-        show?: "always" | "ifRoom" | "never"
-
-        /**
-         * showWithText: boolean, whether to show text alongside the icon or not
-         */
-        showWithText?: boolean
-    }
-
-    export interface ToolbarAndroidProperties extends ViewProperties, React.Props<ToolbarAndroidStatic> {
-        actions?: ToolbarAndroidAction[]
-
-        /**
-         * Sets the content inset for the toolbar ending edge.
-         * The content inset affects the valid area for Toolbar content other
-         * than the navigation button and menu. Insets define the minimum
-         * margin for these components and can be used to effectively align
-         * Toolbar content along well-known gridlines.
-         */
-        contentInsetEnd?: number
-
-        /**
-         * Sets the content inset for the toolbar starting edge.
-         * The content inset affects the valid area for Toolbar content
-         * other than the navigation button and menu. Insets define the
-         * minimum margin for these components and can be used to effectively
-         * align Toolbar content along well-known gridlines.
-         */
-        contentInsetStart?: number
-
-        /**
-         * Sets the toolbar logo.
-         */
-        logo?: any
-
-        /**
-         * Sets the navigation icon.
-         */
-        navIcon?: any
-
-        /**
-         * Callback that is called when an action is selected. The only
-         * argument that is passed to the callback is the position of the
-         * action in the actions array.
-         */
-        onActionSelected?: (position: number) => void
-
-        /**
-         * Callback called when the icon is selected.
-         */
-        onIconClicked?: () => void
-
-        /**
-         * Sets the overflow icon.
-         */
-        overflowIcon?: any
-
-        /**
-         * Used to set the toolbar direction to RTL.
-         * In addition to this property you need to add
-         * android:supportsRtl="true"
-         * to your application AndroidManifest.xml and then call
-         * setLayoutDirection(LayoutDirection.RTL) in your MainActivity
-         * onCreate method.
-         */
-        rtl?: boolean
-
-        /**
-         * Sets the toolbar subtitle.
-         */
-        subtitle?: string
-
-        /**
-         * Sets the toolbar subtitle color.
-         */
-        subtitleColor?: string
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testID?: string
-
-        /**
-         * Sets the toolbar title.
-         */
-        title?: string
-
-        /**
-         * Sets the toolbar title color.
-         */
-        titleColor?: string
-
-        ref?: Ref<ToolbarAndroidStatic>
-    }
-
-    export interface ToolbarAndroidStatic extends React.ComponentClass<ToolbarAndroidProperties> {
-
-    }
-
-
-    /**
-     * Gesture recognition on mobile devices is much more complicated than web.
-     * A touch can go through several phases as the app determines what the user's intention is.
-     * For example, the app needs to determine if the touch is scrolling, sliding on a widget, or tapping.
-     * This can even change during the duration of a touch. There can also be multiple simultaneous touches.
-     *
-     * The touch responder system is needed to allow components to negotiate these touch interactions
-     * without any additional knowledge about their parent or child components.
-     * This system is implemented in ResponderEventPlugin.js, which contains further details and documentation.
-     *
-     * Best Practices
-     * Users can feel huge differences in the usability of web apps vs. native, and this is one of the big causes.
-     * Every action should have the following attributes:
-     *      Feedback/highlighting- show the user what is handling their touch, and what will happen when they release the gesture
-     *      Cancel-ability- when making an action, the user should be able to abort it mid-touch by dragging their finger away
-     *
-     * These features make users more comfortable while using an app,
-     * because it allows people to experiment and interact without fear of making mistakes.
-     *
-     * TouchableHighlight and Touchable*
-     * The responder system can be complicated to use.
-     * So we have provided an abstract Touchable implementation for things that should be "tappable".
-     * This uses the responder system and allows you to easily configure tap interactions declaratively.
-     * Use TouchableHighlight anywhere where you would use a button or link on web.
-     */
-    export interface GestureResponderHandlers {
-
-        /**
-         * A view can become the touch responder by implementing the correct negotiation methods.
-         * There are two methods to ask the view if it wants to become responder:
-         */
-
-        /**
-         * Does this view want to become responder on the start of a touch?
-         */
-        onStartShouldSetResponder?: ( event: GestureResponderEvent ) => boolean
-
-        /**
-         * Called for every touch move on the View when it is not the responder: does this view want to "claim" touch responsiveness?
-         */
-        onMoveShouldSetResponder?: ( event: GestureResponderEvent ) => boolean
-
-        /**
-         * If the View returns true and attempts to become the responder, one of the following will happen:
-         */
-
-        /**
-         * The View is now responding for touch events.
-         * This is the time to highlight and show the user what is happening
-         */
-        onResponderGrant?: ( event: GestureResponderEvent ) => void
-
-        /**
-         * Something else is the responder right now and will not release it
-         */
-        onResponderReject?: ( event: GestureResponderEvent ) => void
-
-        /**
-         * If the view is responding, the following handlers can be called:
-         */
-
-        /**
-         * The user is moving their finger
-         */
-        onResponderMove?: ( event: GestureResponderEvent ) => void
-
-        /**
-         * Fired at the end of the touch, ie "touchUp"
-         */
-        onResponderRelease?: ( event: GestureResponderEvent ) => void
-
-        /**
-         *  Something else wants to become responder.
-         *  Should this view release the responder? Returning true allows release
-         */
-        onResponderTerminationRequest?: ( event: GestureResponderEvent ) => boolean
-
-        /**
-         * The responder has been taken from the View.
-         * Might be taken by other views after a call to onResponderTerminationRequest,
-         * or might be taken by the OS without asking (happens with control center/ notification center on iOS)
-         */
-        onResponderTerminate?: ( event: GestureResponderEvent ) => void
-
-        /**
-         * onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,
-         * where the deepest node is called first.
-         * That means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.
-         * This is desirable in most cases, because it makes sure all controls and buttons are usable.
-         *
-         * However, sometimes a parent will want to make sure that it becomes responder.
-         * This can be handled by using the capture phase.
-         * Before the responder system bubbles up from the deepest component,
-         * it will do a capture phase, firing on*ShouldSetResponderCapture.
-         * So if a parent View wants to prevent the child from becoming responder on a touch start,
-         * it should have a onStartShouldSetResponderCapture handler which returns true.
-         */
-        onStartShouldSetResponderCapture?: ( event: GestureResponderEvent ) => boolean
-
-        /**
-         * onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,
-         * where the deepest node is called first.
-         * That means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.
-         * This is desirable in most cases, because it makes sure all controls and buttons are usable.
-         *
-         * However, sometimes a parent will want to make sure that it becomes responder.
-         * This can be handled by using the capture phase.
-         * Before the responder system bubbles up from the deepest component,
-         * it will do a capture phase, firing on*ShouldSetResponderCapture.
-         * So if a parent View wants to prevent the child from becoming responder on a touch start,
-         * it should have a onStartShouldSetResponderCapture handler which returns true.
-         */
-        onMoveShouldSetResponderCapture?: () => void;
-
-    }
-
-    // @see https://facebook.github.io/react-native/docs/view.html#style
-    export interface ViewStyle extends FlexStyle, TransformsStyle {
-        backfaceVisibility?: "visible" | "hidden"
-        backgroundColor?: string;
-        borderBottomColor?: string;
-        borderBottomLeftRadius?: number;
-        borderBottomRightRadius?: number;
-        borderBottomWidth?: number;
-        borderColor?: string;
-        borderLeftColor?: string;
-        borderRadius?: number;
-        borderRightColor?: string;
-        borderRightWidth?: number;
-        borderStyle?: "solid" | "dotted" | "dashed"
-        borderTopColor?: string;
-        borderTopLeftRadius?: number;
-        borderTopRightRadius?: number;
-        borderTopWidth?: number
-        opacity?: number;
-        overflow?: "visible" | "hidden"
-        shadowColor?: string;
-        shadowOffset?: {width: number, height: number};
-        shadowOpacity?: number;
-        shadowRadius?: number;
-        elevation?: number;
-        testID?: string;
-    }
-
-
-    export interface ViewPropertiesIOS {
-
-        /**
-         * Provides additional traits to screen reader.
-         * By default no traits are provided unless specified otherwise in element
-         *
-         * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
-         */
-        accessibilityTraits?: string | string[];
-
-        /**
-         * Whether this view should be rendered as a bitmap before compositing.
-         *
-         * On iOS, this is useful for animations and interactions that do not modify this component's dimensions nor its children;
-         * for example, when translating the position of a static view, rasterization allows the renderer to reuse a cached bitmap of a static view
-         * and quickly composite it during each frame.
-         *
-         * Rasterization incurs an off-screen drawing pass and the bitmap consumes memory.
-         * Test and measure when using this property.
-         */
-        shouldRasterizeIOS?: boolean
-    }
-
-    export interface ViewPropertiesAndroid {
-
-        /**
-         * Indicates to accessibility services to treat UI component like a native one.
-         * Works for Android only.
-         *
-         * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
-         */
-        accessibilityComponentType?: string
-
-
-        /**
-         * Indicates to accessibility services whether the user should be notified when this view changes.
-         * Works for Android API >= 19 only.
-         * See http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.
-         */
-        accessibilityLiveRegion?: string
-
-        /**
-         * Views that are only used to layout their children or otherwise don't draw anything
-         * may be automatically removed from the native hierarchy as an optimization.
-         * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
-         */
-        collapsable?: boolean
-
-
-        /**
-         * Controls how view is important for accessibility which is if it fires accessibility events
-         * and if it is reported to accessibility services that query the screen.
-         * Works for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.
-         *
-         * Possible values:
-         *      'auto' - The system determines whether the view is important for accessibility - default (recommended).
-         *      'yes' - The view is important for accessibility.
-         *      'no' - The view is not important for accessibility.
-         *      'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.
-         */
-        importantForAccessibility?: string
-
-
-        /**
-         * Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors and blending behavior.
-         * The default (false) falls back to drawing the component and its children
-         * with an alpha applied to the paint used to draw each element instead of rendering the full component offscreen and compositing it back with an alpha value.
-         * This default may be noticeable and undesired in the case where the View you are setting an opacity on
-         * has multiple overlapping elements (e.g. multiple overlapping Views, or text and a background).
-         *
-         * Rendering offscreen to preserve correct alpha behavior is extremely expensive
-         * and hard to debug for non-native developers, which is why it is not turned on by default.
-         * If you do need to enable this property for an animation,
-         * consider combining it with renderToHardwareTextureAndroid if the view contents are static (i.e. it doesn't need to be redrawn each frame).
-         * If that property is enabled, this View will be rendered off-screen once,
-         * saved in a hardware texture, and then composited onto the screen with an alpha each frame without having to switch rendering targets on the GPU.
-         */
-        needsOffscreenAlphaCompositing?: boolean
-
-
-        /**
-         * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
-         *
-         * On Android, this is useful for animations and interactions that only modify opacity, rotation, translation, and/or scale:
-         * in those cases, the view doesn't have to be redrawn and display lists don't need to be re-executed. The texture can just be
-         * re-used and re-composited with different parameters. The downside is that this can use up limited video memory, so this prop should be set back to false at the end of the interaction/animation.
-         */
-        renderToHardwareTextureAndroid?: boolean;
-
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/view.html#props
-     */
-    export interface ViewProperties extends ViewPropertiesAndroid, ViewPropertiesIOS, GestureResponderHandlers, Touchable, React.Props<ViewStatic> {
-
-        /**
-         * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
-         */
-        accessibilityLabel?: string;
-
-        /**
-         * When true, indicates that the view is an accessibility element.
-         * By default, all the touchable elements are accessible.
-         */
-        accessible?: boolean;
-
-        /**
-        * This defines how far a touch event can start away from the view.
-        * Typical interface guidelines recommend touch targets that are at least
-        * 30 - 40 points/density-independent pixels. If a Touchable view has
-        * a height of 20 the touchable height can be extended to 40 with
-        * hitSlop={{top: 10, bottom: 10, left: 0, right: 0}}
-        * NOTE The touch area never extends past the parent view bounds and
-        * the Z-index of sibling views always takes precedence if a touch
-        * hits two overlapping views.
-        */
-
-        hitSlop?: {top: number, left: number, bottom: number, right: number}
-
-        /**
-         * When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.
-         */
-        onAcccessibilityTap?: () => void;
-
-        /**
-         * Invoked on mount and layout changes with
-         *
-         * {nativeEvent: { layout: {x, y, width, height}}}.
-         */
-        onLayout?: ( event: LayoutChangeEvent ) => void;
-
-        /**
-         * When accessible is true, the system will invoke this function when the user performs the magic tap gesture.
-         */
-        onMagicTap?: () => void;
-
-        /**
-         *
-         * In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:
-         *
-         * .box-none {
-         *   pointer-events: none;
-         * }
-         * .box-none * {
-         *   pointer-events: all;
-         * }
-         *
-         * box-only is the equivalent of
-         *
-         * .box-only {
-         *   pointer-events: all;
-         * }
-         * .box-only * {
-         *   pointer-events: none;
-         * }
-         *
-         * But since pointerEvents does not affect layout/appearance, and we are already deviating from the spec by adding additional modes,
-         * we opt to not include pointerEvents on style. On some platforms, we would need to implement it as a className anyways. Using style or not is an implementation detail of the platform.
-         */
-        pointerEvents?: "box-none" | "none" | "box-only" | "autoViewStyle"
-
-        /**
-         *
-         * This is a special performance property exposed by RCTView and is useful for scrolling content when there are many subviews,
-         * most of which are offscreen. For this property to be effective, it must be applied to a view that contains many subviews that extend outside its bound.
-         * The subviews must also have overflow: hidden, as should the containing view (or one of its superviews).
-         */
-        removeClippedSubviews?: boolean
-
-        style?: ViewStyle;
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testID?: string;
-    }
-
-    /**
-     * The most fundamental component for building UI, View is a container that supports layout with flexbox, style, some touch handling,
-     * and accessibility controls, and is designed to be nested inside other views and to have 0 to many children of any type.
-     * View maps directly to the native view equivalent on whatever platform React is running on,
-     * whether that is a UIView, <div>, android.view, etc.
-     */
-    export interface ViewStatic extends NativeComponent, React.ComponentClass<ViewProperties> {
-
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/viewpagerandroid.html#props
-     */
-
-
-    export interface ViewPagerAndroidOnPageScrollEventData {
-        position: number;
-        offset: number;
-    }
-
-    export interface ViewPagerAndroidOnPageSelectedEventData {
-        position: number;
-    }
-
-    export interface ViewPagerAndroidProperties extends ViewProperties {
-        initialPage?: number;
-        /**
-         * When false, the content does not scroll.
-         * The default value is true.
-         */
-        scrollEnabled?: boolean;
-        onPageScroll?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageScrollEventData> ) => void;
-        onPageSelected?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageSelectedEventData> ) => void;
-        onPageScrollStateChanged?: (state: "Idle" | "Dragging" | "Settling") => void
-        keyboardDismissMode?: "none" | "on-drag"
-        pageMargin?: number
-    }
-
-    export interface ViewPagerAndroidStatic extends NativeComponent, React.ComponentClass<ViewPagerAndroidProperties> {
-      setPage: (selectedPage: number) => void
-      setPageWithoutAnimation: (selectedPage: number) => void
-    }
-
-    export interface KeyboardAvoidingViewStatic extends React.ComponentClass<KeyboardAvoidingViewProps> {
-
-    }
-
-    export interface KeyboardAvoidingViewProps extends ViewProperties, React.Props<KeyboardAvoidingViewStatic> {
-
-        behavior?: 'height' | 'position' | 'padding'
-
-        /**
-         * This is the distance between the top of the user screen and the react native view,
-         * may be non-zero in some use cases.
-         */
-        keyboardVerticalOffset: number
-
-        ref?: Ref<KeyboardAvoidingViewStatic & ViewStatic>
-    }
-
-    /**
-     * //FIXME: No documentation extracted from code comment on WebView.ios.js
-     */
-    export interface NavState {
-
-        url?: string
-        title?: string
-        loading?: boolean
-        canGoBack?: boolean
-        canGoForward?: boolean;
-
-        [key: string]: any
-    }
-
-    export interface WebViewPropertiesAndroid {
-
-        /**
-         * Used for android only, JS is enabled by default for WebView on iOS
-         */
-        javaScriptEnabled?: boolean
-
-        /**
-         * Used on Android only, controls whether DOM Storage is enabled
-         * or not android
-         */
-        domStorageEnabled?: boolean
-    }
-
-    export interface WebViewIOSLoadRequestEvent {
-        target: number
-        canGoBack: boolean
-        lockIdentifier: number
-        loading: boolean
-        title: string
-        canGoForward: boolean
-        navigationType: 'other' | 'click'
-        url: string
-    }
-
-    export interface WebViewPropertiesIOS {
-
-        /**
-         * Determines whether HTML5 videos play inline or use the native
-         * full-screen controller. default value false
-         * NOTE : "In order * for video to play inline, not only does
-         * this property need to be set to true, but the video element
-         * in the HTML document must also include the webkit-playsinline
-         * attribute."
-         */
-        allowsInlineMediaPlayback?: boolean
-
-        bounces?: boolean
-
-        /**
-         * A floating-point number that determines how quickly the scroll
-         * view decelerates after the user lifts their finger. You may also
-         * use string shortcuts "normal" and "fast" which match the
-         * underlying iOS settings for UIScrollViewDecelerationRateNormal
-         * and UIScrollViewDecelerationRateFast respectively.
-         * - normal: 0.998 - fast: 0.99 (the default for iOS WebView)
-         */
-        decelerationRate?: "normal" | "fast" | number
-
-        /**
-         * Allows custom handling of any webview requests by a JS handler.
-         * Return true or false from this method to continue loading the
-         * request.
-         */
-        onShouldStartLoadWithRequest?: (event: WebViewIOSLoadRequestEvent) => boolean
-
-        scrollEnabled?: boolean
-    }
-
-    export interface WebViewUriSource {
-
-        /*
-         * The URI to load in the WebView. Can be a local or remote file.
-         */
-        uri?: string;
-
-        /*
-         * The HTTP Method to use. Defaults to GET if not specified.
-         * NOTE: On Android, only GET and POST are supported.
-         */
-        method?: string;
-
-        /*
-         * Additional HTTP headers to send with the request.
-         * NOTE: On Android, this can only be used with GET requests.
-         */
-        headers?: any;
-
-        /*
-         * The HTTP body to send with the request. This must be a valid
-         * UTF-8 string, and will be sent exactly as specified, with no
-         * additional encoding (e.g. URL-escaping or base64) applied.
-         * NOTE: On Android, this can only be used with POST requests.
-         */
-        body?: string;
-    }
-
-    export interface WebViewHtmlSource {
-
-        /*
-         * A static HTML page to display in the WebView.
-         */
-        html: string;
-
-        /*
-         * The base URL to be used for any relative links in the HTML.
-         */
-        baseUrl?: string;
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/webview.html#props
-     */
-    export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndroid, WebViewPropertiesIOS, React.Props<WebViewStatic> {
-
-        automaticallyAdjustContentInsets?: boolean
-
-        bounces?: boolean
-
-        contentInset?: Insets
-
-        html?: string
-
-        /**
-         * Sets the JS to be injected when the webpage loads.
-         */
-        injectedJavaScript?: string
-
-        /**
-         * Invoked when load fails
-         */
-        onError?:  ( event: NavState ) => void
-
-        /**
-         * Invoked when load finish
-         */
-        onLoad?:  ( event: NavState ) => void
-
-        /**
-         * Invoked when load either succeeds or fails
-         */
-        onLoadEnd?:  ( event: NavState ) => void
-
-        /**
-         * Invoked on load start
-         */
-        onLoadStart?:  ( event: NavState ) => void
-
-        onNavigationStateChange?: ( event: NavState ) => void
-
-        /**
-         * Allows custom handling of any webview requests by a JS handler.
-         * Return true or false from this method to continue loading the request.
-         */
-        onShouldStartLoadWithRequest?: () => boolean
-
-        /**
-         * view to show if there's an error
-         */
-        renderError?: () => React.ReactElement<ViewProperties>
-
-        /**
-         * loading indicator to show
-         */
-        renderLoading?: () => React.ReactElement<ViewProperties>
-
-        scrollEnabled?: boolean
-
-        startInLoadingState?: boolean
-
-        style?: ViewStyle
-
-        // Deprecated: Use the `source` prop instead.
-        url?: string
-
-        source?: WebViewUriSource | WebViewHtmlSource | number
-
-        /**
-         * Determines whether HTML5 audio & videos require the user to tap
-         * before they can start playing. The default value is false.
-         */
-         mediaPlaybackRequiresUserAction?: boolean
-
-        /**
-         * sets whether the webpage scales to fit the view and the user can change the scale
-         */
-        scalesPageToFit?: boolean
-
-        ref?: Ref<WebViewStatic & ViewStatic>
-    }
-
-
-    export interface WebViewStatic extends React.ComponentClass<WebViewProperties> {
-
-        /**
-         * Go back one page in the webview's history.
-         */
-        goBack: () => void
-
-        /**
-         * Go forward one page in the webview's history.
-         */
-        goForward: () => void
-
-        /**
-         * Reloads the current page.
-         */
-        reload: () => void
-
-        /**
-         * Returns the native webview node.
-         */
-        getWebViewHandle: () => any
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/segmentedcontrolios.html
-     * @see SegmentedControlIOS.ios.js
-     */
-     export interface NativeSegmentedControlIOSChangeEvent {
-         value: string
-         selectedSegmentIndex: number
-         target: number
-     }
-
-     export interface SegmentedControlIOSProperties extends ViewProperties, React.Props<SegmentedControlIOSStatic> {
-
-         /**
-          * If false the user won't be able to interact with the control. Default value is true.
-          */
-         enabled?: boolean
-
-         /**
-          * If true, then selecting a segment won't persist visually.
-          * The onValueChange callback will still work as expected.
-          */
-         momentary?: boolean
-
-         /**
-          * Callback that is called when the user taps a segment;
-          * passes the event as an argument
-          * @param event
-          */
-         onChange?: (event: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>) => void
-
-         /**
-          * Callback that is called when the user taps a segment; passes the segment's value as an argument
-          * @param value
-          */
-         onValueChange?: (value: string) => void
-
-         /**
-          * The index in props.values of the segment to be (pre)selected.
-          */
-         selectedIndex?: number
-
-         /**
-          * Accent color of the control.
-          */
-         tintColor?: string
-
-         /**
-          * The labels for the control's segment buttons, in order.
-          */
-         values?: string[]
-
-         ref?: Ref<SegmentedControlIOSStatic>
-     }
-
-    export interface SegmentedControlIOSStatic extends React.ComponentClass<SegmentedControlIOSProperties> {
-
-    }
-
-
-    export interface NavigatorIOSProperties extends React.Props<NavigatorIOSStatic> {
-        /**
-         * The background color of the navigation bar
-         */
-        barTintColor?: string
-
-        /**
-         * NavigatorIOS uses "route" objects to identify child views, their props, and navigation bar configuration.
-         * "push" and all the other navigation operations expect routes to be like this
-         */
-        initialRoute?: Route
-
-        /**
-         * The default wrapper style for components in the navigator.
-         * A common use case is to set the backgroundColor for every page
-         */
-        itemWrapperStyle?: ViewStyle
-
-        /**
-         * A Boolean value that indicates whether the navigation bar is hidden
-         */
-        navigationBarHidden?: boolean
-
-        /**
-         * A Boolean value that indicates whether to hide the 1px hairline shadow
-         */
-        shadowHidden?: boolean
-
-        /**
-         * The color used for buttons in the navigation bar
-         */
-        tintColor?: string
-
-        /**
-         * The text color of the navigation bar title
-         */
-        titleTextColor?: string
-
-        /**
-         * A Boolean value that indicates whether the navigation bar is translucent
-         */
-        translucent?: boolean
-
-        /**
-         * NOT IN THE DOC BUT IN THE EXAMPLES
-         */
-        style?: ViewStyle
-    }
-
-    /**
-     * A navigator is an object of navigation functions that a view can call.
-     * It is passed as a prop to any component rendered by NavigatorIOS.
-     *
-     * Navigator functions are also available on the NavigatorIOS component:
-     *
-     * @see https://facebook.github.io/react-native/docs/navigatorios.html#navigator
-     */
-    export interface NavigationIOS {
-        /**
-         * Navigate forward to a new route
-         */
-        push: ( route: Route ) => void
-
-        /**
-         * Go back one page
-         */
-        pop: () => void
-
-        /**
-         * Go back N pages at once. When N=1, behavior matches pop()
-         */
-        popN: ( n: number ) => void
-
-        /**
-         * Replace the route for the current page and immediately load the view for the new route
-         */
-        replace: ( route: Route ) => void
-
-        /**
-         * Replace the route/view for the previous page
-         */
-        replacePrevious: ( route: Route ) => void
-
-        /**
-         * Replaces the previous route/view and transitions back to it
-         */
-        replacePreviousAndPop: ( route: Route ) => void
-
-        /**
-         * Replaces the top item and popToTop
-         */
-        resetTo: ( route: Route ) => void
-
-        /**
-         * Go back to the item for a particular route object
-         */
-        popToRoute( route: Route ): void
-
-        /**
-         * Go back to the top item
-         */
-        popToTop(): void
-    }
-
-    export interface NavigatorIOSStatic extends NavigationIOS, React.ComponentClass<NavigatorIOSProperties> {
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/activityindicator.html#props
-     */
-    export interface ActivityIndicatorProperties extends ViewProperties, React.Props<ActivityIndicatorStatic> {
-
-        /**
-         * Whether to show the indicator (true, the default) or hide it (false).
-         */
-        animating?: boolean
-
-        /**
-         * The foreground color of the spinner (default is gray).
-         */
-        color?: string
-
-        /**
-         * Whether the indicator should hide when not animating (true by default).
-         */
-        hidesWhenStopped?: boolean
-
-        /**
-         * Size of the indicator.
-         * Small has a height of 20, large has a height of 36.
-         *
-         * enum('small', 'large')
-         */
-        size?: 'small' | 'large'
-
-        style?: ViewStyle
-
-        ref?: Ref<ActivityIndicatorStatic>
-    }
-
-    export interface ActivityIndicatorStatic extends React.ComponentClass<ActivityIndicatorProperties> {
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/activityindicatorios.html#props
-     */
-    export interface ActivityIndicatorIOSProperties extends ViewProperties, React.Props<ActivityIndicatorIOSStatic> {
-
-        /**
-         * Whether to show the indicator (true, the default) or hide it (false).
-         */
-        animating?: boolean
-
-        /**
-         * The foreground color of the spinner (default is gray).
-         */
-        color?: string
-
-        /**
-         * Whether the indicator should hide when not animating (true by default).
-         */
-        hidesWhenStopped?: boolean
-
-        /**
-         * Invoked on mount and layout changes with
-         */
-        onLayout?: ( event: {nativeEvent: { layout: {x: number, y: number , width: number, height: number}}} ) => void
-
-        /**
-         * Size of the indicator.
-         * Small has a height of 20, large has a height of 36.
-         *
-         * enum('small', 'large')
-         */
-        size?: 'small' | 'large'
-
-        style?: ViewStyle
-
-        ref?: Ref<ActivityIndicatorIOSStatic>
-    }
-
-    /**
-     * @Deprecated since version 0.28.0
-     */
-    export interface ActivityIndicatorIOSStatic extends React.ComponentClass<ActivityIndicatorIOSProperties> {
-    }
-
-
-    export interface DatePickerIOSProperties extends ViewProperties, React.Props<DatePickerIOSStatic> {
-
-        /**
-         * The currently selected date.
-         */
-        date?: Date
-
-
-        /**
-         * Maximum date.
-         * Restricts the range of possible date/time values.
-         */
-        maximumDate?: Date
-
-        /**
-         * Maximum date.
-         * Restricts the range of possible date/time values.
-         */
-        minimumDate?: Date
-
-        /**
-         *  enum(1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
-         *  The interval at which minutes can be selected.
-         */
-        minuteInterval?: number
-
-        /**
-         *  enum('date', 'time', 'datetime')
-         *  The date picker mode.
-         */
-        mode?: "date" | "time" | "datetime"
-
-        /**
-         * Date change handler.
-         * This is called when the user changes the date or time in the UI.
-         * The first and only argument is a Date object representing the new date and time.
-         */
-        onDateChange?: ( newDate: Date ) => void
-
-        /**
-         * Timezone offset in minutes.
-         * By default, the date picker will use the device's timezone. With this parameter, it is possible to force a certain timezone offset.
-         * For instance, to show times in Pacific Standard Time, pass -7 * 60.
-         */
-        timeZoneOffsetInMinutes?: number
-
-        ref?: Ref<DatePickerIOSStatic>
-    }
-
-    export interface DatePickerIOSStatic extends React.ComponentClass<DatePickerIOSProperties> {
-    }
-
-    export interface DrawerSlideEvent extends NativeSyntheticEvent<NativeTouchEvent> {
-    }
-
-    /**
-     * @see DrawerLayoutAndroid.android.js
-     */
-    export interface DrawerLayoutAndroidProperties extends ViewProperties, React.Props<DrawerLayoutAndroidStatic> {
-
-        /**
-         * Specifies the background color of the drawer. The default value
-         * is white. If you want to set the opacity of the drawer, use rgba.
-         * Example:
-         * return (
-         *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
-         *   </DrawerLayoutAndroid>
-         *);
-         */
-        drawerBackgroundColor?: string;
-
-        /**
-         * Specifies the lock mode of the drawer. The drawer can be locked
-         * in 3 states:
-         *
-         * - unlocked (default), meaning that the drawer will respond
-         *   (open/close) to touch gestures.
-         *
-         * - locked-closed, meaning that the drawer will stay closed and not
-         *   respond to gestures.
-         *
-         * - locked-open, meaning that the drawer will stay opened and
-         *   not respond to gestures. The drawer may still be opened and
-         *   closed programmatically (openDrawer/closeDrawer).
-         */
-        drawerLockMode?: "unlocked" | "locked-closed" | "locked-open";
-
-        /**
-         * Specifies the side of the screen from which the drawer will slide in.
-         * enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)
-         */
-        drawerPosition?: number;
-
-        /**
-         * Specifies the width of the drawer, more precisely the width of the
-         * view that be pulled in from the edge of the window.
-         */
-        drawerWidth?: number;
-
-        /**
-         * Determines whether the keyboard gets dismissed in response to a drag.
-         * - 'none' (the default), drags do not dismiss the keyboard.
-         * - 'on-drag', the keyboard is dismissed when a drag begins.
-         */
-        keyboardDismissMode?: "none" | "on-drag"
-
-        /**
-         * Function called whenever the navigation view has been closed.
-         */
-        onDrawerClose?: () => void
-
-        /**
-         * Function called whenever the navigation view has been opened.
-         */
-        onDrawerOpen?: () => void
-
-        /**
-         * Function called whenever there is an interaction with the navigation view.
-         * @param event
-         */
-        onDrawerSlide?: (event: DrawerSlideEvent) => void
-
-        /**
-         * Function called when the drawer state has changed.
-         * The drawer can be in 3 states:
-         * - idle, meaning there is no interaction with the navigation
-         *   view happening at the time
-         * - dragging, meaning there is currently an interaction with the
-         *   navigation view
-         * - settling, meaning that there was an interaction with the
-         *   navigation view, and the navigation view is now finishing
-         *   it's closing or opening animation
-         * @param event
-         */
-        onDrawerStateChanged?: (event:  "Idle" | "Dragging" | "Settling") => void
-
-        /**
-         * The navigation view that will be rendered to the side of the
-         * screen and can be pulled in.
-         */
-        renderNavigationView?: () => JSX.Element
-
-        /**
-         * Make the drawer take the entire screen and draw the background of
-         * the status bar to allow it to open over the status bar. It will
-         * only have an effect on API 21+.
-         */
-        statusBarBackgroundColor?: any
-
-        ref?: Ref<DrawerLayoutAndroidStatic & ViewStatic>
-    }
-
-    export interface DrawerLayoutAndroidStatic extends React.ComponentClass<DrawerLayoutAndroidProperties> {
-
-        /**
-         * Specifies the side of the screen from which the drawer will slide in.
-         */
-        positions: {
-            Left: number;
-            Right: number;
-        }
-
-        /**
-         * Opens the drawer.
-         */
-        openDrawer(): void
-
-        /**
-         * Closes the drawer.
-         */
-        closeDrawer(): void
-    }
-
-
-    /**
-     * @see PickerIOS.ios.js
-     */
-    export interface PickerIOSItemProperties extends React.Props<PickerIOSItemStatic> {
-        value?: string | number
-        label?: string
-    }
-
-    /**
-     * @see PickerIOS.ios.js
-     */
-    export interface PickerIOSItemStatic extends React.ComponentClass<PickerIOSItemProperties> {
-    }
-
-    /**
-     * @see Picker.js
-     */
-    export interface PickerItemProperties extends React.Props<PickerItemStatic> {
-        label: string
-        value?: any
-        color?: string /* See ColorPropType.js for details */
-        testID?: string
-    }
-
-    export interface PickerItemStatic extends React.ComponentClass<PickerItemProperties> {
-    }
-
-    export interface PickerPropertiesIOS extends ViewProperties, React.Props<PickerStatic> {
-
-        itemStyle?: ViewStyle
-
-        ref?: Ref<PickerStatic & ViewStatic>
-    }
-
-    export interface PickerPropertiesAndroid extends ViewProperties, React.Props<PickerStatic> {
-
-        enabled?: boolean
-
-        mode?: "dialog" | "dropdown"
-
-        prompt?: string
-
-        ref?: Ref<PickerStatic & ViewStatic>
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/picker.html
-     * @see Picker.js
-     */
-    export interface PickerProperties extends PickerPropertiesIOS, PickerPropertiesAndroid, React.Props<PickerStatic> {
-
-        /**
-         * Callback for when an item is selected. This is called with the
-         * following parameters:
-         * - itemValue: the value prop of the item that was selected
-         * - itemPosition: the index of the selected item in this picker
-         * @param itemValue
-         * @param itemPosition
-         */
-        onValueChange?: ( itemValue: any, itemPosition: number ) => void
-
-        /**
-         * Value matching value of one of the items.
-         * Can be a string or an integer.
-         */
-        selectedValue?: any
-
-        style?: ViewStyle
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testId?: string
-
-        ref?: Ref<PickerStatic>
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/picker.html
-     * @see Picker.js
-     */
-    export interface PickerStatic extends React.ComponentClass<PickerProperties> {
-
-        Item: PickerItemStatic
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/pickerios.html
-     * @see PickerIOS.ios.js
-     */
-    export interface PickerIOSProperties extends React.Props<PickerIOSStatic> {
-
-        itemStyle?: ViewStyle
-
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/pickerios.html
-     * @see PickerIOS.ios.js
-     */
-    export interface PickerIOSStatic extends React.ComponentClass<PickerIOSProperties> {
-
-        Item: PickerIOSItemStatic
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/progressbarandroid.html
-     * @see ProgressBarAndroid.android.js
-     */
-    export interface ProgressBarAndroidProperties extends ViewProperties, React.Props<ProgressBarAndroidStatic> {
-
-        style?: ViewStyle
-
-        /**
-         * Style of the ProgressBar. One of:
-             Horizontal
-             Normal (default)
-             Small
-             Large
-             Inverse
-             SmallInverse
-             LargeInverse
-         */
-        styleAttr?: "Horizontal" | "Normal" | "Small" | "Large" | "Inverse" | "SmallInverse" | "LargeInverse"
-
-        /**
-         * If the progress bar will show indeterminate progress.
-         * Note that this can only be false if styleAttr is Horizontal.
-         */
-        indeterminate?: boolean
-
-        /**
-         * The progress value (between 0 and 1).
-         */
-        progress?: number
-
-        /**
-         * Color of the progress bar.
-         */
-        color?: string
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testID?: string
-
-        ref?: Ref<ProgressBarAndroidStatic>
-    }
-    export interface ProgressBarAndroidStatic extends React.ComponentClass<ProgressBarAndroidProperties> {
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/progressviewios.html
-     * @see ProgressViewIOS.ios.js
-     */
-    export interface ProgressViewIOSProperties extends ViewProperties, React.Props<ProgressViewIOSStatic> {
-
-        style?: ViewStyle
-
-        /**
-         * The progress bar style.
-         */
-        progressViewStyle?: "default" | "bar"
-
-        /**
-         * The progress value (between 0 and 1).
-         */
-        progress?: number
-
-        /**
-         * The tint color of the progress bar itself.
-         */
-        progressTintColor?: string
-
-        /**
-         * The tint color of the progress bar track.
-         */
-        trackTintColor?: string
-
-        /**
-         * A stretchable image to display as the progress bar.
-         */
-        progressImage?: any
-
-        /**
-         * A stretchable image to display behind the progress bar.
-         */
-        trackImage?: any
-
-        ref?: Ref<ProgressViewIOSStatic>
-    }
-    export interface ProgressViewIOSStatic extends React.ComponentClass<ProgressViewIOSProperties> {
-    }
-
-    export interface RefreshControlPropertiesIOS extends ViewProperties, React.Props<RefreshControlStatic> {
-
-        /**
-         * The color of the refresh indicator.
-         */
-        tintColor?: string
-
-        /**
-         * The title displayed under the refresh indicator.
-         */
-        title?: string
-
-        /**
-         * Title color.
-         */
-        titleColor?: string
-
-        ref?: Ref<RefreshControlStatic & ViewStatic>
-    }
-
-    export interface RefreshControlPropertiesAndroid extends ViewProperties, React.Props<RefreshControlStatic> {
-
-        /**
-         * The colors (at least one) that will be used to draw the refresh indicator.
-         */
-        colors?: string[]
-
-        /**
-         * Whether the pull to refresh functionality is enabled.
-         */
-        enabled?: boolean
-
-        /**
-         * The background color of the refresh indicator.
-         */
-        progressBackgroundColor?: string
-
-        /**
-         * Size of the refresh indicator, see RefreshControl.SIZE.
-         */
-        size?: number
-
-        /**
-         * Progress view top offset
-         * @platform android
-         */
-        progressViewOffset?: number
-
-        ref?: Ref<RefreshControlStatic & ViewStatic>
-    }
-
-    export interface RefreshControlProperties extends RefreshControlPropertiesIOS, RefreshControlPropertiesAndroid, React.Props<RefreshControl> {
-
-        /**
-         * Called when the view starts refreshing.
-         */
-        onRefresh?: () => void
-
-        /**
-         * Whether the view should be indicating an active refresh.
-         */
-        refreshing?: boolean
-
-        ref?: Ref<RefreshControlStatic>
-    }
-
-    export interface RefreshControlStatic extends React.ComponentClass<RefreshControlProperties> {
-        SIZE: Object // Undocumented
-    }
-
-    export interface SliderPropertiesIOS extends ViewProperties, React.Props<SliderStatic> {
-
-        /**
-         * Assigns a maximum track image. Only static images are supported.
-         * The leftmost pixel of the image will be stretched to fill the track.
-         */
-        maximumTrackImage?: any
-
-        /**
-         * The color used for the track to the right of the button.
-         * Overrides the default blue gradient image.
-         */
-        maximumTrackTintColor?: string
-
-        /**
-         * Assigns a minimum track image. Only static images are supported.
-         * The rightmost pixel of the image will be stretched to fill the track.
-         */
-        minimumTrackImage?: string
-
-        /**
-         * The color used for the track to the left of the button.
-         * Overrides the default blue gradient image.
-         */
-        minimumTrackTintColor?: string
-
-        /**
-         * Sets an image for the thumb. Only static images are supported.
-         */
-        thumbImage?: any
-
-        /**
-         * Assigns a single image for the track. Only static images
-         * are supported. The center pixel of the image will be stretched
-         * to fill the track.
-         */
-        trackImage?: any
-
-        ref?: Ref<SliderStatic>
-    }
-
-    export interface SliderProperties extends SliderPropertiesIOS, React.Props<SliderStatic> {
-
-        /**
-         * If true the user won't be able to move the slider.
-         * Default value is false.
-         */
-        disabled?: boolean
-
-        /**
-         * Initial maximum value of the slider. Default value is 1.
-         */
-        maximumValue?: number
-
-        /**
-         * Initial minimum value of the slider. Default value is 0.
-         */
-        minimumValue?: number
-
-        /**
-         * Callback called when the user finishes changing the value (e.g. when the slider is released).
-         * @param value
-         */
-        onSlidingComplete?: (value: number) => void
-
-        /**
-         * Callback continuously called while the user is dragging the slider.
-         * @param value
-         */
-        onValueChange?: (value: number) => void
-
-        /**
-         * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.
-         */
-        step?: number
-
-        /**
-         * Used to style and layout the Slider. See StyleSheet.js and ViewStylePropTypes.js for more info.
-         */
-        style?: ViewStyle
-
-        /**
-         * Used to locate this view in UI automation tests.
-         */
-        testID?: string
-
-        /**
-         * Initial value of the slider. The value should be between minimumValue
-         * and maximumValue, which default to 0 and 1 respectively.
-         * Default value is 0.
-         * This is not a controlled component, you don't need to update
-         * the value during dragging.
-         */
-        value?: number
-    }
-
-    export interface SliderStatic extends React.ComponentClass<SliderProperties> {
-
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/sliderios.html
-     */
-    export interface SliderIOSProperties extends ViewProperties, React.Props<SliderIOSStatic> {
-
-        /**
-         * If true the user won't be able to move the slider. Default value is false.
-         */
-        disabled?: boolean
-
-        /**
-         * Initial maximum value of the slider. Default value is 1.
-         */
-        maximumValue?: number
-
-        /**
-         * The color used for the track to the right of the button. Overrides the default blue gradient image.
-         */
-        maximumTrackTintColor?: string
-
-        /**
-         * Initial minimum value of the slider. Default value is 0.
-         */
-        minimumValue?: number
-
-        minimumTrackImage?: any
-
-        /**
-         * The color used for the track to the left of the button. Overrides the default blue gradient image.
-         */
-        minimumTrackTintColor?: string
-
-        /**
-         * Callback called when the user finishes changing the value (e.g. when the slider is released).
-         */
-        onSlidingComplete?: () => void
-
-        /**
-         * Callback continuously called while the user is dragging the slider.
-         */
-        onValueChange?: ( value: number ) => void
-
-        /**
-         * Step value of the slider.
-         * The value should be between 0 and (maximumValue - minimumValue).
-         * Default value is 0.
-         */
-        step?: number
-
-        /**
-         * Used to style and layout the Slider.
-         * @see StyleSheet.js and ViewStylePropTypes.js for more info.
-         */
-        style?: ViewStyle
-
-        /**
-         * Initial value of the slider.
-         * The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively.
-         * Default value is 0.
-         *
-         * This is not a controlled component, e.g. if you don't update the value, the component won't be reset to its inital value.
-         */
-        value?: number
-
-        ref?: Ref<SliderIOSStatic>
-    }
-
-    export interface SliderIOSStatic extends React.ComponentClass<SliderIOSProperties> {
-
-    }
-
-    /**
-     * //FIXME: no dcumentation, inferred
-     * @see SwitchIOS.ios.js
-     */
-    export interface SwitchIOSStyle extends ViewStyle {
-        height?: number
-        width?: number
-    }
-
-
-    /**
-     * https://facebook.github.io/react-native/docs/switchios.html#props
-     */
-    export interface SwitchIOSProperties extends React.Props<SwitchIOSStatic> {
-
-        /**
-         * If true the user won't be able to toggle the switch. Default value is false.
-         */
-        disabled?: boolean
-
-        /**
-         * Background color when the switch is turned on.
-         */
-        onTintColor?: string
-
-        /**
-         * Callback that is called when the user toggles the switch.
-         */
-        onValueChange?: ( value: boolean ) => void
-
-        /**
-         * Background color for the switch round button.
-         */
-        thumbTintColor?: string
-
-        /**
-         * Background color when the switch is turned off.
-         */
-        tintColor?: string
-
-        /**
-         * The value of the switch, if true the switch will be turned on. Default value is false.
-         */
-        value?: boolean
-
-        style?: SwitchIOSStyle
-    }
-
-    /**
-     *
-     * Use SwitchIOS to render a boolean input on iOS.
-     *
-     * This is a controlled component, so you must hook in to the onValueChange callback and update the value prop in order for the component to update,
-     * otherwise the user's change will be reverted immediately to reflect props.value as the source of truth.
-     *
-     * @see https://facebook.github.io/react-native/docs/switchios.html
-     */
-    export interface SwitchIOSStatic extends React.ComponentClass<SwitchIOSProperties> {
-
-    }
-
-
-    /**
-     * @see ImageResizeMode.js
-     */
-    export interface ImageResizeModeStatic {
-        /**
-         * contain - The image will be resized such that it will be completely
-         * visible, contained within the frame of the View.
-         */
-        contain: string
-        /**
-         * cover - The image will be resized such that the entire area of the view
-         * is covered by the image, potentially clipping parts of the image.
-         */
-        cover: string
-        /**
-         * stretch - The image will be stretched to fill the entire frame of the
-         * view without clipping.  This may change the aspect ratio of the image,
-         * distoring it.  Only supported on iOS.
-         */
-        stretch: string
-    }
-
-    /**
-     * Image style
-     * @see https://facebook.github.io/react-native/docs/image.html#style
-     */
-    export interface ImageStyle extends FlexStyle, TransformsStyle {
-        resizeMode?: string //Object.keys(ImageResizeMode)
-        backfaceVisibility?: "visible" | "hidden"
-        borderBottomLeftRadius?: number
-        borderBottomRightRadius?: number
-        backgroundColor?: string
-        borderColor?: string
-        borderWidth?: number
-        borderRadius?: number
-        borderTopLeftRadius?: number
-        borderTopRightRadius?: number
-        overflow?: "visible" | "hidden"
-        overlayColor?: string
-        tintColor?: string
-        opacity?: number
-    }
-
-    export interface ImagePropertiesIOS {
-        /**
-         * The text that's read by the screen reader when the user interacts with the image.
-         */
-        accessibilityLabel?: string;
-
-        /**
-         * When true, indicates the image is an accessibility element.
-         */
-        accessible?: boolean;
-
-        /**
-         * When the image is resized, the corners of the size specified by capInsets will stay a fixed size,
-         * but the center content and borders of the image will be stretched.
-         * This is useful for creating resizable rounded buttons, shadows, and other resizable assets.
-         * More info on Apple documentation
-         */
-        capInsets?: Insets
-
-        /**
-         * A static image to display while downloading the final image off the network.
-         */
-        defaultSource?: {uri: string} | number
-
-        /**
-         * Invoked on load error with {nativeEvent: {error}}
-         */
-        onError?: ( error: {nativeEvent: any} ) => void
-
-        /**
-         * Invoked on download progress with {nativeEvent: {loaded, total}}
-         */
-        onProgress?: ()=> void
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/image.html
-     */
-    export interface ImageProperties extends ImagePropertiesIOS, React.Props<Image> {
-        /**
-         * onLayout function
-         *
-         * Invoked on mount and layout changes with
-         *
-         * {nativeEvent: { layout: {x, y, width, height}}}.
-         */
-        onLayout?: ( event: LayoutChangeEvent ) => void;
-
-        /**
-         * Invoked when load completes successfully
-         */
-        onLoad?: () => void
-
-        /**
-         * Invoked when load either succeeds or fails
-         */
-        onLoadEnd?: () => void
-
-        /**
-         * Invoked on load start
-         */
-        onLoadStart?: () => void
-
-
-        /**
-         * Determines how to resize the image when the frame doesn't match the raw image dimensions.
-         *
-         * enum('cover', 'contain', 'stretch')
-         */
-        resizeMode?: "cover" | "contain" | "stretch"
-
-        /**
-         * uri is a string representing the resource identifier for the image,
-         * which could be an http address, a local file path,
-         * or the name of a static image resource (which should be wrapped in the require('image!name') function).
-         */
-        source: {uri: string} | string;
-
-        /**
-         *
-         * Style
-         */
-        style?:  ImageStyle;
-
-        /**
-         * A unique identifier for this element to be used in UI Automation testing scripts.
-         */
-        testID?: string;
-
-    }
-
-    export interface ImageStatic extends React.ComponentClass<ImageProperties> {
-        uri: string;
-        resizeMode: ImageResizeModeStatic
-        getSize(uri: string, success: (width: number, height: number) => void, failure: (error: any) => void): any
-        prefetch(url: string): any
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/listview.html#props
-     */
-    export interface ListViewProperties extends ScrollViewProperties, React.Props<ListViewStatic> {
-
-        dataSource?: ListViewDataSource
-
-        /**
-         * Flag indicating whether empty section headers should be rendered.
-         * In the future release empty section headers will be rendered by
-         * default, and the flag will be deprecated. If empty sections are not
-         * desired to be rendered their indices should be excluded from
-         * sectionID object.
-         */
-        enableEmptySections?: boolean
-
-        /**
-         * How many rows to render on initial component mount.  Use this to make
-         * it so that the first screen worth of data apears at one time instead of
-         * over the course of multiple frames.
-         */
-        initialListSize?: number
-
-        /**
-         * (visibleRows, changedRows) => void
-         *
-         * Called when the set of visible rows changes.  `visibleRows` maps
-         * { sectionID: { rowID: true }} for all the visible rows, and
-         * `changedRows` maps { sectionID: { rowID: true | false }} for the rows
-         * that have changed their visibility, with true indicating visible, and
-         * false indicating the view has moved out of view.
-         */
-        onChangeVisibleRows?: ( visibleRows: Array<{[sectionId: string]: {[rowID: string]: boolean}}>, changedRows: Array<{[sectionId: string]: {[rowID: string]: boolean}}> ) => void
-
-        /**
-         * Called when all rows have been rendered and the list has been scrolled
-         * to within onEndReachedThreshold of the bottom.  The native scroll
-         * event is provided.
-         */
-        onEndReached?: () => void
-
-        /**
-         * Threshold in pixels for onEndReached.
-         */
-        onEndReachedThreshold?: number
-
-        /**
-         * Number of rows to render per event loop.
-         */
-        pageSize?: number
-
-        /**
-         * An experimental performance optimization for improving scroll perf of
-         * large lists, used in conjunction with overflow: 'hidden' on the row
-         * containers.  Use at your own risk.
-         */
-        removeClippedSubviews?: boolean
-
-        /**
-         * () => renderable
-         *
-         * The header and footer are always rendered (if these props are provided)
-         * on every render pass.  If they are expensive to re-render, wrap them
-         * in StaticContainer or other mechanism as appropriate.  Footer is always
-         * at the bottom of the list, and header at the top, on every render pass.
-         */
-        renderFooter?: () => React.ReactElement<any>
-
-        /**
-         * () => renderable
-         *
-         * The header and footer are always rendered (if these props are provided)
-         * on every render pass.  If they are expensive to re-render, wrap them
-         * in StaticContainer or other mechanism as appropriate.  Footer is always
-         * at the bottom of the list, and header at the top, on every render pass.
-         */
-        renderHeader?: () => React.ReactElement<any>
-
-        /**
-         * (rowData, sectionID, rowID) => renderable
-         * Takes a data entry from the data source and its ids and should return
-         * a renderable component to be rendered as the row.  By default the data
-         * is exactly what was put into the data source, but it's also possible to
-         * provide custom extractors.
-         */
-        renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
-
-
-        /**
-         * A function that returns the scrollable component in which the list rows are rendered.
-         * Defaults to returning a ScrollView with the given props.
-         */
-        renderScrollComponent?: ( props: ScrollViewProperties ) => React.ReactElement<ScrollViewProperties>
-
-        /**
-         * (sectionData, sectionID) => renderable
-         *
-         * If provided, a sticky header is rendered for this section.  The sticky
-         * behavior means that it will scroll with the content at the top of the
-         * section until it reaches the top of the screen, at which point it will
-         * stick to the top until it is pushed off the screen by the next section
-         * header.
-         */
-        renderSectionHeader?: ( sectionData: any, sectionId: string | number ) => React.ReactElement<any>
-
-
-        /**
-         * (sectionID, rowID, adjacentRowHighlighted) => renderable
-         * If provided, a renderable component to be rendered as the separator below each row
-         * but not the last row if there is a section header below.
-         * Take a sectionID and rowID of the row above and whether its adjacent row is highlighted.
-         */
-        renderSeparator?: ( sectionID: string | number, rowID: string | number, adjacentRowHighlighted?: boolean ) => React.ReactElement<any>
-
-        /**
-         * How early to start rendering rows before they come on screen, in
-         * pixels.
-         */
-        scrollRenderAheadDistance?: number
-
-        ref?: Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
-    }
-
-    export interface ListViewStatic extends React.ComponentClass<ListViewProperties> {
-        DataSource: ListViewDataSource;
-    }
-
-
-    export interface MapViewAnnotation {
-        latitude?: number
-        longitude?: number
-        animateDrop?: boolean
-        title?: string
-        subtitle?: string
-        hasLeftCallout?: boolean
-        hasRightCallout?: boolean
-        onLeftCalloutPress?: () => void
-        onRightCalloutPress?: () => void
-        id?: string
-    }
-
-    export interface MapViewRegion {
-        latitude: number
-        longitude: number
-        latitudeDelta?: number
-        longitudeDelta?: number
-    }
-
-    export interface MapViewOverlay {
-        coordinates: ({latitude: number, longitude: number})[]
-        lineWidth?: number
-        strokeColor?: Object
-        fillColor?: Object
-        id?: string
-    }
-
-    export interface MapViewPropertiesIOS {
-
-        /**
-         * If false points of interest won't be displayed on the map.
-         * Default value is true.
-         */
-        showsPointsOfInterest?: boolean
-
-        /**
-         * Map annotations with title/subtitle.
-         */
-        annotations?: MapViewAnnotation[]
-
-        /**
-         * If true the map will follow the user's location whenever it changes. Note that this has no effect unless showsUserLocation is enabled. Default value is true.
-         */
-        followUserLocation?: boolean
-
-        /**
-         * Insets for the map's legal label, originally at bottom left of the map. See EdgeInsetsPropType.js for more information.
-         */
-        legalLabelInsets?: Insets
-
-        /**
-         * The map type to be displayed.
-         *     standard: standard road map (default)
-         *     satellite: satellite view
-         *     hybrid: satellite view with roads and points of interest overlayed
-         *
-         * enum('standard', 'satellite', 'hybrid')
-         */
-        mapType?: string
-
-        /**
-         * Maximum size of area that can be displayed.
-         */
-        maxDelta?: number
-
-        /**
-         * Minimum size of area that can be displayed.
-         */
-        minDelta?: number
-
-        /**
-         * Map overlays
-         */
-        overlays: MapViewOverlay[]
-
-        /**
-         * If false compass won't be displayed on the map.
-         * Default value is true.
-         */
-        showsCompass?: boolean
-    }
-
-    export interface MapViewPropertiesAndroid {
-        active?: boolean
-    }
-
-    export interface MapViewProperties extends MapViewPropertiesIOS, MapViewPropertiesAndroid, Touchable, ViewProperties, React.Props<MapViewStatic> {
-
-
-
-        /**
-         * Callback that is called once, when the user taps an annotation.
-         */
-        onAnnotationPress?: () => void
-
-        /**
-         * Callback that is called continuously when the user is dragging the map.
-         */
-        onRegionChange?: ( region: MapViewRegion ) => void
-
-        /**
-         * Callback that is called once, when the user is done moving the map.
-         */
-        onRegionChangeComplete?: ( region: MapViewRegion ) => void
-
-        /**
-         * When this property is set to true and a valid camera is associated with the map,
-         * the camera’s pitch angle is used to tilt the plane of the map.
-         *
-         * When this property is set to false, the camera’s pitch angle is ignored and
-         * the map is always displayed as if the user is looking straight down onto it.
-         */
-        pitchEnabled?: boolean
-
-        /**
-         * The region to be displayed by the map.
-         * The region is defined by the center coordinates and the span of coordinates to display.
-         */
-        region?: MapViewRegion
-
-        /**
-         * When this property is set to true and a valid camera is associated with the map,
-         * the camera’s heading angle is used to rotate the plane of the map around its center point.
-         *
-         * When this property is set to false, the camera’s heading angle is ignored and the map is always oriented
-         * so that true north is situated at the top of the map view
-         */
-        rotateEnabled?: boolean
-
-        /**
-         * If false the user won't be able to change the map region being displayed.
-         * Default value is true.
-         */
-        scrollEnabled?: boolean
-
-        /**
-         * If true the app will ask for the user's location and focus on it.
-         * Default value is false.
-         *
-         * NOTE: You need to add NSLocationWhenInUseUsageDescription key in Info.plist to enable geolocation,
-         * otherwise it is going to fail silently!
-         */
-        showsUserLocation?: boolean
-
-        /**
-         * Used to style and layout the MapView.
-         * See StyleSheet.js and ViewStylePropTypes.js for more info.
-         */
-        style?: ViewStyle
-
-        /**
-         * If false the user won't be able to pinch/zoom the map.
-         * Default value is true.
-         */
-        zoomEnabled?: boolean
-
-        ref?: Ref<MapViewStatic & ViewStatic>
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/mapview.html#content
-     */
-    export interface MapViewStatic extends React.ComponentClass<MapViewProperties> {
-    }
-
-    export interface ModalProperties extends React.Props<ModalStatic> {
-
-        // Only `animated` is documented. The JS code says `animated` is
-        // deprecated and `animationType` is preferred.
-        animated?: boolean
-        animationType?: "none" | "slide" | "fade"
-        transparent?: boolean
-        visible?: boolean
-        onRequestClose?: () => void
-        onShow?: (event: NativeSyntheticEvent<any>) => void
-
-    }
-
-    export interface ModalStatic extends React.ComponentClass<ModalProperties> {
-
-    }
-
-    export interface TouchableWithoutFeedbackAndroidProperties {
-
-        /**
-         * Indicates to accessibility services to treat UI component like a native one.
-         * Works for Android only.
-         *
-         * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
-         */
-        accessibilityComponentType?: string
-    }
-
-    export interface TouchableWithoutFeedbackIOSProperties {
-
-        /**
-         * Provides additional traits to screen reader.
-         * By default no traits are provided unless specified otherwise in element
-         *
-         * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
-         */
-        accessibilityTraits?: string | string[];
-
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html#props
-     */
-    export interface TouchableWithoutFeedbackProperties extends TouchableWithoutFeedbackAndroidProperties, TouchableWithoutFeedbackIOSProperties {
-
-
-        /**
-         * Called when the touch is released, but not if cancelled (e.g. by a scroll that steals the responder lock).
-         */
-        accessible?: boolean
-
-        /**
-         * Delay in ms, from onPressIn, before onLongPress is called.
-         */
-        delayLongPress?: number;
-
-        /**
-         * Delay in ms, from the start of the touch, before onPressIn is called.
-         */
-        delayPressIn?: number;
-
-        /**
-         * Delay in ms, from the release of the touch, before onPressOut is called.
-         */
-        delayPressOut?: number;
-
-        /**
-         * If true, disable all interactions for this component.
-         */
-        disabled?: boolean
-
-        /**
-         * This defines how far your touch can start away from the button.
-         * This is added to pressRetentionOffset when moving off of the button.
-         * NOTE The touch area never extends past the parent view bounds and
-         * the Z-index of sibling views always takes precedence if a touch hits
-         * two overlapping views.
-         */
-        hitSlop?: {top: number, left: number, bottom: number, right: number}
-
-        /**
-         * Invoked on mount and layout changes with
-         * {nativeEvent: {layout: {x, y, width, height}}}
-         */
-        onLayout?: ( event: LayoutChangeEvent ) => void
-
-        onLongPress?: () => void;
-
-        /**
-         * Called when the touch is released,
-         * but not if cancelled (e.g. by a scroll that steals the responder lock).
-         */
-        onPress?: () => void;
-
-        onPressIn?: () => void;
-
-        onPressOut?: () => void;
-
-        /**
-         * //FIXME: not in doc but available in examples
-         */
-        style?: ViewStyle
-
-        /**
-         * When the scroll view is disabled, this defines how far your
-         * touch may move off of the button, before deactivating the button.
-         * Once deactivated, try moving it back and you'll see that the button
-         * is once again reactivated! Move it back and forth several times
-         * while the scroll view is disabled. Ensure you pass in a constant
-         * to reduce memory allocations.
-         */
-        pressRetentionOffset?: {top: number, left: number, bottom: number, right: number}
-    }
-
-
-    export interface TouchableWithoutFeedbackProps extends TouchableWithoutFeedbackProperties, React.Props<TouchableWithoutFeedbackStatic> {
-
-    }
-
-    /**
-     * Do not use unless you have a very good reason.
-     * All the elements that respond to press should have a visual feedback when touched.
-     * This is one of the primary reason a "web" app doesn't feel "native".
-     *
-     * @see https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html
-     */
-    export interface TouchableWithoutFeedbackStatic extends React.ComponentClass<TouchableWithoutFeedbackProps> {
-
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/touchablehighlight.html#props
-     */
-    export interface TouchableHighlightProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableHighlightStatic> {
-
-        /**
-         * Determines what the opacity of the wrapped view should be when touch is active.
-         */
-        activeOpacity?: number
-
-        /**
-         *
-         * Called immediately after the underlay is hidden
-         */
-        onHideUnderlay?: () => void
-
-        /**
-         * Called immediately after the underlay is shown
-         */
-        onShowUnderlay?: () => void
-
-        /**
-         * @see https://facebook.github.io/react-native/docs/view.html#style
-         */
-        style?: ViewStyle
-
-
-        /**
-         * The color of the underlay that will show through when the touch is active.
-         */
-        underlayColor?: string
-    }
-
-    /**
-     * A wrapper for making views respond properly to touches.
-     * On press down, the opacity of the wrapped view is decreased,
-     * which allows the underlay color to show through, darkening or tinting the view.
-     * The underlay comes from adding a view to the view hierarchy,
-     * which can sometimes cause unwanted visual artifacts if not used correctly,
-     * for example if the backgroundColor of the wrapped view isn't explicitly set to an opaque color.
-     *
-     * NOTE: TouchableHighlight supports only one child
-     * If you wish to have several child components, wrap them in a View.
-     *
-     * @see https://facebook.github.io/react-native/docs/touchablehighlight.html
-     */
-    export interface TouchableHighlightStatic extends React.ComponentClass<TouchableHighlightProperties> {
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
-     */
-    export interface TouchableOpacityProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableOpacityStatic> {
-        /**
-         * Determines what the opacity of the wrapped view should be when touch is active.
-         * Defaults to 0.2
-         */
-        activeOpacity?: number
-    }
-
-    /**
-     * A wrapper for making views respond properly to touches.
-     * On press down, the opacity of the wrapped view is decreased, dimming it.
-     * This is done without actually changing the view hierarchy,
-     * and in general is easy to add to an app without weird side-effects.
-     *
-     * @see https://facebook.github.io/react-native/docs/touchableopacity.html
-     */
-    export interface TouchableOpacityStatic extends React.ComponentClass<TouchableOpacityProperties> {
-        /**
-         * Determines what the opacity of the wrapped view should be when touch is active.
-         */
-        setOpacityTo: (value: number) => void
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
-     */
-    export interface TouchableNativeFeedbackProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableNativeFeedbackStatic> {
-        /**
-         * Determines the type of background drawable that's going to be used to display feedback.
-         * It takes an object with type property and extra data depending on the type.
-         * It's recommended to use one of the following static methods to generate that dictionary:
-         *      1) TouchableNativeFeedback.SelectableBackground() - will create object that represents android theme's default background for selectable elements (?android:attr/selectableItemBackground)
-         *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android theme's default background for borderless selectable elements (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
-         *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable with specified color (as a string). If property borderless evaluates to true the ripple will render outside of the view bounds (see native actionbar buttons as an example of that behavior). This background type is available on Android API level 21+
-         */
-        background?: any
-    }
-
-    /**
-     * A wrapper for making views respond properly to touches (Android only).
-     * On Android this component uses native state drawable to display touch feedback.
-     * At the moment it only supports having a single View instance as a child node,
-     * as it's implemented by replacing that View with another instance of RCTView node with some additional properties set.
-     *
-     * Background drawable of native feedback touchable can be customized with background property.
-     *
-     * @see https://facebook.github.io/react-native/docs/touchablenativefeedback.html#content
-     */
-    export interface TouchableNativeFeedbackStatic extends React.ComponentClass<TouchableNativeFeedbackProperties> {
-        SelectableBackground: () => TouchableNativeFeedbackStatic
-        SelectableBackgroundBorderless: () => TouchableNativeFeedbackStatic
-        Ripple: ( color: string, borderless?: boolean ) => TouchableNativeFeedbackStatic
-    }
-
-
-    export interface LeftToRightGesture {
-        //TODO:
-    }
-
-    export interface AnimationInterpolator {
-        //TODO:
-    }
-
-    // see /NavigatorSceneConfigs.js
-    export interface SceneConfig {
-        // A list of all gestures that are enabled on this scene
-        gestures: {
-            pop: LeftToRightGesture,
-        },
-
-        // Rebound spring parameters when transitioning FROM this scene
-        springFriction: number;
-        springTension: number;
-
-        // Velocity to start at when transitioning without gesture
-        defaultTransitionVelocity: number;
-
-        // Animation interpolators for horizontal transitioning:
-        animationInterpolators: {
-            into: AnimationInterpolator,
-            out: AnimationInterpolator
-        };
-
-    }
-
-    // see /NavigatorSceneConfigs.js
-    export interface SceneConfigs {
-        PushFromRight: SceneConfig;
-        FloatFromRight: SceneConfig;
-        FloatFromLeft: SceneConfig;
-        FloatFromBottom: SceneConfig;
-        FloatFromBottomAndroid: SceneConfig;
-        FadeAndroid: SceneConfig;
-        HorizontalSwipeJump: SceneConfig;
-        HorizontalSwipeJumpFromRight: SceneConfig;
-        VerticalUpSwipeJump: SceneConfig;
-        VerticalDownSwipeJump: SceneConfig;
-    }
-
-    export interface Route {
-        component?: React.ComponentClass<ViewProperties>
-        id?: string
-        title?: string
-        passProps?: Object;
-
-        //anything else
-        [key: string]: any
-
-        //Commonly found properties
-        backButtonTitle?: string
-        content?: string
-        message?: string;
-        index?: number
-        onRightButtonPress?: () => void
-        rightButtonTitle?: string
-        sceneConfig?: SceneConfig
-        wrapperStyle?: any
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/navigator.html#content
-     */
-    export interface NavigatorProperties extends React.Props<Navigator> {
-        /**
-         * Optional function that allows configuration about scene animations and gestures.
-         * Will be invoked with `route` and `routeStack` parameters, where `route`
-         * corresponds to the current scene being rendered by the `Navigator` and
-         * `routeStack` is the set of currently mounted routes that the navigator
-         *  could transition to. The function should return a scene configuration object.
-         * @param route
-         * @param routeStack
-         */
-        configureScene?: ( route: Route, routeStack: Route[] ) => SceneConfig
-        /**
-         * Specify a route to start on.
-         * A route is an object that the navigator will use to identify each scene to render.
-         * initialRoute must be a route in the initialRouteStack if both props are provided.
-         * The initialRoute will default to the last item in the initialRouteStack.
-         */
-        initialRoute?: Route
-        /**
-         * Provide a set of routes to initially mount.
-         * Required if no initialRoute is provided.
-         * Otherwise, it will default to an array containing only the initialRoute
-         */
-        initialRouteStack?: Route[]
-
-        /**
-         * Optionally provide a navigation bar that persists across scene transitions
-         */
-        navigationBar?: React.ReactElement<NavigatorStatic.NavigationBarProperties>
-
-        /**
-         * Optionally provide the navigator object from a parent Navigator
-         */
-        navigator?: Navigator
-
-        /**
-         * @deprecated Use navigationContext.addListener('willfocus', callback) instead.
-         */
-        onDidFocus?: Function
-
-        /**
-         * @deprecated Use navigationContext.addListener('willfocus', callback) instead.
-         */
-        onWillFocus?: Function
-
-        /**
-         * Required function which renders the scene for a given route.
-         * Will be invoked with the route and the navigator object
-         * @param route
-         * @param navigator
-         */
-        renderScene?: ( route: Route, navigator: Navigator ) => React.ReactElement<ViewProperties>
-
-        /**
-         * Styles to apply to the container of each scene
-         */
-        sceneStyle?: ViewStyle
-
-        /**
-         * //FIXME: not found in doc but found in examples
-         */
-        debugOverlay?: boolean
-
-    }
-
-   /**
-   * Class that contains the info and methods for app navigation.
-   */
-    export interface NavigationContext {
-        parent: NavigationContext;
-        top: NavigationContext;
-        currentRoute: any;
-        appendChild(childContext: NavigationContext): void;
-        addListener(eventType: string, listener: () => void, useCapture?: boolean): NativeEventSubscription;
-        emit(eventType: string, data: any, didEmitCallback?: () => void): void;
-        dispose(): void;
-    }
-
-    /**
-     * Use Navigator to transition between different scenes in your app.
-     * To accomplish this, provide route objects to the navigator to identify each scene,
-     * and also a renderScene function that the navigator can use to render the scene for a given route.
-     *
-     * To change the animation or gesture properties of the scene, provide a configureScene prop to get the config object for a given route.
-     * See Navigator.SceneConfigs for default animations and more info on scene config options.
-     * @see https://facebook.github.io/react-native/docs/navigator.html
-     */
-    export interface NavigatorStatic extends React.ComponentClass<NavigatorProperties> {
-        SceneConfigs: SceneConfigs;
-        NavigationBar: NavigatorStatic.NavigationBarStatic;
-        BreadcrumbNavigationBar: NavigatorStatic.BreadcrumbNavigationBarStatic;
-
-	navigationContext: NavigationContext;
-
-        getContext( self: any ): NavigatorStatic;
-
-        /**
-         * returns the current list of routes
-         */
-        getCurrentRoutes(): Route[];
-
-        /**
-         * Jump backward without unmounting the current scen
-         */
-        jumpBack(): void;
-
-        /**
-         * Jump forward to the next scene in the route stack
-         */
-        jumpForward(): void;
-
-        /**
-         * Transition to an existing scene without unmounting
-         */
-        jumpTo( route: Route ): void;
-
-        /**
-         * Navigate forward to a new scene, squashing any scenes that you could jumpForward to
-         */
-        push( route: Route ): void;
-
-        /**
-         * Transition back and unmount the current scene
-         */
-        pop(): void;
-
-        /**
-         * Replace the current scene with a new route
-         */
-        replace( route: Route ): void;
-
-        /**
-         * Replace a scene as specified by an index
-         */
-        replaceAtIndex( route: Route, index: number ): void;
-
-        /**
-         *  Replace the previous scene
-         */
-        replacePrevious( route: Route ): void;
-
-        /**
-         * Reset every scene with an array of routes
-         */
-        immediatelyResetRouteStack( routes: Route[] ): void;
-
-        /**
-         * Pop to a particular scene, as specified by its route. All scenes after it will be unmounted
-         */
-        popToRoute( route: Route ): void;
-
-        /**
-         * Pop to the first scene in the stack, unmounting every other scene
-         */
-        popToTop(): void;
-
-        /**
-         *  Replace the previous scene and pop to it.
-         */
-        replacePreviousAndPop( route: Route ): void;
-
-        /**
-         * Navigate to a new scene and reset route stack.
-         */
-        resetTo( route: Route ): void;
-
-    }
-
-    namespace NavigatorStatic {
-
-
-        export interface NavState {
-            routeStack: Route[]
-            idStack: number[]
-            presentedIndex: number
-        }
-
-        export interface NavigationBarStyle {
-            //TODO @see NavigationBarStyle.ios.js
-        }
-
-
-        export interface NavigationBarRouteMapper {
-            Title: ( route: Route, nav: Navigator, index: number, navState: NavState ) => React.ReactElement<any>;
-            LeftButton: ( route: Route, nav: Navigator, index: number, navState: NavState )=> React.ReactElement<any>;
-            RightButton: ( route: Route, nav: Navigator, index: number, navState: NavState )=> React.ReactElement<any>;
-        }
-
-        /**
-         * @see NavigatorNavigationBar.js
-         */
-        export interface NavigationBarProperties extends React.Props<NavigationBarStatic> {
-            navigator?: Navigator
-            routeMapper?: NavigationBarRouteMapper
-            navState?: NavState
-            style?: ViewStyle
-        }
-
-        export interface NavigationBarStatic extends React.ComponentClass<NavigationBarProperties> {
-            Styles: NavigationBarStyle
-
-        }
-
-        export type NavigationBar = NavigationBarStatic
-        export var NavigationBar: NavigationBarStatic
-
-
-        export interface BreadcrumbNavigationBarStyle {
-            //TODO &see NavigatorBreadcrumbNavigationBar.js
-        }
-
-        export interface BreadcrumbNavigationBarRouteMapper {
-            rightContentForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
-            titleContentForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
-            iconForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
-            //in samples...
-            separatorForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
-        }
-
-        /**
-         * @see NavigatorNavigationBar.js
-         */
-        export interface BreadcrumbNavigationBarProperties extends React.Props<BreadcrumbNavigationBarStatic> {
-            navigator?: Navigator
-            routeMapper?: BreadcrumbNavigationBarRouteMapper
-            navState?: NavState
-            style?: ViewStyle
-        }
-
-        export interface BreadcrumbNavigationBarStatic extends React.ComponentClass<BreadcrumbNavigationBarProperties> {
-            Styles: BreadcrumbNavigationBarStyle
-        }
-
-        export type BreadcrumbNavigationBar = BreadcrumbNavigationBarStatic
-        var BreadcrumbNavigationBar: BreadcrumbNavigationBarStatic
-
-    }
-
-    export interface StyleSheetStatic extends React.ComponentClass<StyleSheetProperties> {
-
-        /**
-         * Creates a StyleSheet style reference from the given object.
-         */
-        create<T>( styles: T ): T;
-
-        /**
-         * Flattens an array of style objects, into one aggregated style object.
-         * Alternatively, this method can be used to lookup IDs, returned by
-         * StyleSheet.register.
-         *
-         * > **NOTE**: Exercise caution as abusing this can tax you in terms of
-         * > optimizations.
-         * >
-         * > IDs enable optimizations through the bridge and memory in general. Refering
-         * > to style objects directly will deprive you of these optimizations.
-         *
-         * Example:
-         * ```
-         * var styles = StyleSheet.create({
-         *   listItem: {
-         *     flex: 1,
-         *     fontSize: 16,
-         *     color: 'white'
-         *   },
-         *   selectedListItem: {
-         *     color: 'green'
-         *   }
-         * });
-         *
-         * StyleSheet.flatten([styles.listItem, styles.selectedListItem])
-         * // returns { flex: 1, fontSize: 16, color: 'green' }
-         * ```
-         * Alternative use:
-         * ```
-         * StyleSheet.flatten(styles.listItem);
-         * // return { flex: 1, fontSize: 16, color: 'white' }
-         * // Simply styles.listItem would return its ID (number)
-         * ```
-         * This method internally uses `StyleSheetRegistry.getStyleByID(style)`
-         * to resolve style objects represented by IDs. Thus, an array of style
-         * objects (instances of StyleSheet.create), are individually resolved to,
-         * their respective objects, merged as one and then returned. This also explains
-         * the alternative use.
-         */
-        flatten(style: Object): Object
-
-        /**
-         * This is defined as the width of a thin line on the platform. It can be
-         * used as the thickness of a border or division between two elements.
-         * Example:
-         * ```
-         *   {
-         *     borderBottomColor: '#bbb',
-         *     borderBottomWidth: StyleSheet.hairlineWidth
-         *   }
-         * ```
-         *
-         * This constant will always be a round number of pixels (so a line defined
-         * by it look crisp) and will try to match the standard width of a thin line
-         * on the underlying platform. However, you should not rely on it being a
-         * constant size, because on different platforms and screen densities its
-         * value may be calculated differently.
-         */
-        hairlineWidth: number
-
-        /**
-         * A very common pattern is to create overlays with position absolute and zero positioning,
-         * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
-         * styles.
-         */
-        absoluteFill: number
-
-
-        /**
-         * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
-         * used to create a customized entry in a `StyleSheet`, e.g.:
-         *
-         *   const styles = StyleSheet.create({
-         *     wrapper: {
-         *       ...StyleSheet.absoluteFillObject,
-         *       top: 10,
-         *       backgroundColor: 'transparent',
-         *     },
-         *   });
-         */
-        absoluteFillObject: {
-            position: string
-            left: number
-            right: number
-            top: number
-            bottom: number
-        }
-    }
-
-    /**
-     * //FIXME: Could not find docs. Inferred from examples and jscode : ListViewDataSource.js
-     */
-    export interface DataSourceAssetCallback {
-        rowHasChanged?: ( r1: any, r2: any ) => boolean
-        sectionHeaderHasChanged?: ( h1: any, h2: any ) => boolean
-        getRowData?: <T>( dataBlob: any, sectionID: number | string, rowID: number | string ) => T
-        getSectionHeaderData?: <T>( dataBlob: any, sectionID: number | string ) => T
-    }
-
-    /**
-     * //FIXME: Could not find docs. Inferred from examples and js code: ListViewDataSource.js
-     */
-    export interface ListViewDataSource {
-        new( onAsset: DataSourceAssetCallback ): ListViewDataSource;
-        /**
-         * Clones this `ListViewDataSource` with the specified `dataBlob` and
-         * `rowIdentities`. The `dataBlob` is just an aribitrary blob of data. At
-         * construction an extractor to get the interesting informatoin was defined
-         * (or the default was used).
-         *
-         * The `rowIdentities` is is a 2D array of identifiers for rows.
-         * ie. [['a1', 'a2'], ['b1', 'b2', 'b3'], ...].  If not provided, it's
-         * assumed that the keys of the section data are the row identities.
-         *
-         * Note: This function does NOT clone the data in this data source. It simply
-         * passes the functions defined at construction to a new data source with
-         * the data specified. If you wish to maintain the existing data you must
-         * handle merging of old and new data separately and then pass that into
-         * this function as the `dataBlob`.
-         */
-        cloneWithRows<T>( dataBlob: Array<any> | {[key: string ]: any}, rowIdentities?: Array<string | number> ): ListViewDataSource
-
-        /**
-         * This performs the same function as the `cloneWithRows` function but here
-         * you also specify what your `sectionIdentities` are. If you don't care
-         * about sections you should safely be able to use `cloneWithRows`.
-         *
-         * `sectionIdentities` is an array of identifiers for  sections.
-         * ie. ['s1', 's2', ...].  If not provided, it's assumed that the
-         * keys of dataBlob are the section identities.
-         *
-         * Note: this returns a new object!
-         */
-        cloneWithRowsAndSections( dataBlob: Array<any> | {[key: string]: any}, sectionIdentities?: Array<string | number>, rowIdentities?: Array<Array<string | number>> ): ListViewDataSource
-
-        getRowCount(): number
-
-        /**
-         * Gets the data required to render the row.
-         */
-        getRowData( sectionIndex: number, rowIndex: number ): any
-
-        /**
-         * Gets the rowID at index provided if the dataSource arrays were flattened,
-         * or null of out of range indexes.
-         */
-        getRowIDForFlatIndex( index: number ): string
-
-        /**
-         * Gets the sectionID at index provided if the dataSource arrays were flattened,
-         * or null for out of range indexes.
-         */
-        getSectionIDForFlatIndex( index: number ): string
-
-        /**
-         * Returns an array containing the number of rows in each section
-         */
-        getSectionLengths(): Array<number>
-
-        /**
-         * Returns if the section header is dirtied and needs to be rerendered
-         */
-        sectionHeaderShouldUpdate( sectionIndex: number ): boolean
-
-        /**
-         * Gets the data required to render the section header
-         */
-        getSectionHeaderData( sectionIndex: number ): any
-    }
-
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/tabbarios-item.html#props
-     */
-    export interface TabBarItemProperties extends ViewProperties, React.Props<TabBarItemStatic> {
-
-        /**
-         * Little red bubble that sits at the top right of the icon.
-         */
-        badge?:  string | number
-
-        /**
-         * A custom icon for the tab. It is ignored when a system icon is defined.
-         */
-        icon?: {uri: string} | string
-
-        /**
-         * Callback when this tab is being selected,
-         * you should change the state of your component to set selected={true}.
-         */
-        onPress?: () => void
-
-        /**
-         * It specifies whether the children are visible or not. If you see a blank content, you probably forgot to add a selected one.
-         */
-        selected?: boolean
-
-        /**
-         * A custom icon when the tab is selected.
-         * It is ignored when a system icon is defined. If left empty, the icon will be tinted in blue.
-         */
-        selectedIcon?: {uri: string} | string;
-
-        /**
-         * React style object.
-         */
-        style?: ViewStyle
-
-        /**
-         * Items comes with a few predefined system icons.
-         * Note that if you are using them, the title and selectedIcon will be overriden with the system ones.
-         *
-         *  enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated')
-         */
-        systemIcon: "bookmarks" | "contacts" | "downloads" | "favorites" | "featured" | "history" | "more" | "most-recent" | "most-viewed" | "recents" | "search" | "top-rated"
-
-        /**
-         * Text that appears under the icon. It is ignored when a system icon is defined.
-         */
-        title?: string
-
-        ref?: Ref<TabBarItemStatic & ViewStatic>
-    }
-
-    export interface TabBarItemStatic extends React.ComponentClass<TabBarItemProperties> {
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/tabbarios.html#props
-     */
-    export interface TabBarIOSProperties extends ViewProperties, React.Props<TabBarIOSStatic> {
-
-        /**
-         * Background color of the tab bar
-         */
-        barTintColor?: string
-
-        style?: ViewStyle
-
-        /**
-         * Color of the currently selected tab icon
-         */
-        tintColor?: string
-
-        /**
-         * A Boolean value that indicates whether the tab bar is translucent
-         */
-        translucent?: boolean
-
-        /**
-         * Color of text on unselected tabs
-         */
-        unselectedTintColor?: string
-
-        ref?: Ref<TabBarIOSStatic & ViewStatic>
-    }
-
-    export interface TabBarIOSStatic extends React.ComponentClass<TabBarIOSProperties> {
-        Item: TabBarItemStatic;
-    }
-
-
-    export interface PixelRatioStatic {
-
-        /*
-          Returns the device pixel density. Some examples:
-             PixelRatio.get() === 1
-             mdpi Android devices (160 dpi)
-             PixelRatio.get() === 1.5
-             hdpi Android devices (240 dpi)
-             PixelRatio.get() === 2
-             iPhone 4, 4S
-             iPhone 5, 5c, 5s
-             iPhone 6
-             xhdpi Android devices (320 dpi)
-             PixelRatio.get() === 3
-             iPhone 6 plus
-             xxhdpi Android devices (480 dpi)
-             PixelRatio.get() === 3.5
-             Nexus 6
-        */
-        get(): number;
-
-        /*
-         Returns the scaling factor for font sizes. This is the ratio that is
-          used to calculate the absolute font size, so any elements that
-           heavily depend on that should use this to do calculations.
-
-         If a font scale is not set, this returns the device pixel ratio.
-
-         Currently this is only implemented on Android and reflects the user
-          preference set in Settings > Display > Font size,
-           on iOS it will always return the default pixel ratio.
-         */
-        getFontScale(): number
-
-        /**
-         * Converts a layout size (dp) to pixel size (px).
-         * Guaranteed to return an integer number.
-         * @param layoutSize
-         */
-        getPixelSizeForLayoutSize(layoutSize: number): number
-
-        /**
-         * Rounds a layout size (dp) to the nearest layout size that
-         * corresponds to an integer number of pixels. For example,
-         * on a device with a PixelRatio of 3,
-         * PixelRatio.roundToNearestPixel(8.4) = 8.33,
-         * which corresponds to exactly (8.33 * 3) = 25 pixels.
-         * @param layoutSize
-         */
-        roundToNearestPixel(layoutSize: number): number
-
-        /**
-         * No-op for iOS, but used on the web. Should not be documented. [sic]
-         */
-        startDetecting(): void
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
-     */
-
-    export type PlatformOSType = 'ios' | 'android'
-
-    export interface PlatformStatic {
-        OS: PlatformOSType,
-
-        /**
-         * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
-         */
-        select<T>( specifics: { ios?: T, android?: T} ): T;
-    }
-
-    export interface DeviceEventSubscriptionStatic {
-        remove(): void;
-    }
-
-    export interface DeviceEventEmitterStatic {
-        addListener<T>( type: string, onReceived: ( data: T ) => void ): DeviceEventSubscription;
-
-        /**
-         * Removes the given listener for event of specific type.
-         *
-         * @param {string} eventType - Name of the event to emit
-         * @param {function} listener - Function to invoke when the specified event is
-         *   emitted
-         *
-         * @example
-         *   emitter.removeListener('someEvent', function(message) {
-         *     console.log(message);
-         *   }); // removes the listener if already registered
-         *
-         */
-        removeListener( eventType: String, listener: Function): void
-    }
-
-    // Used by Dimensions below
-    export interface ScaledSize {
-        width: number;
-        height: number;
-        scale: number;
-        fontScale: number;
-    }
-
-    /**
-     * Initial dimensions are set before `runApplication` is called so they should
-     * be available before any other require's are run, but may be updated later.
-     *
-     * Note: Although dimensions are available immediately, they may change (e.g
-     * due to device rotation) so any rendering logic or styles that depend on
-     * these constants should try to call this function on every render, rather
-     * than caching the value (for example, using inline styles rather than
-     * setting a value in a `StyleSheet`).
-     *
-     * Example: `var {height, width} = Dimensions.get('window');`
-     *
-     * @param {string} dim Name of dimension as defined when calling `set`.
-     * @returns {Object?} Value for the dimension.
-     * @see https://facebook.github.io/react-native/docs/dimensions.html#content
-     */
-    export interface Dimensions {
-        /**
-         * Initial dimensions are set before runApplication is called so they
-         * should be available before any other require's are run, but may be
-         * updated later.
-         * Note: Although dimensions are available immediately, they may
-         * change (e.g due to device rotation) so any rendering logic or
-         * styles that depend on these constants should try to call this
-         * function on every render, rather than caching the value (for
-         * example, using inline styles rather than setting a value in a
-         * StyleSheet).
-         * Example: var {height, width} = Dimensions.get('window');
-         @param {string} dim Name of dimension as defined when calling set.
-         @returns {Object?} Value for the dimension.
-         */
-        get( dim: "window" | "screen" ): ScaledSize;
-
-        /**
-         * This should only be called from native code by sending the didUpdateDimensions event.
-         * @param {object} dims Simple string-keyed object of dimensions to set
-         */
-        set( dims: {[key: string]: any}[] ): void
-    }
-
-    export type PromiseTask = {
-        gen: () => Promise<any>
-    }
-
-    export type Handle = number
-
-    export interface InteractionManagerStatic {
-
-        /**
-         * Schedule a function to run after all interactions have completed.
-         * Returns a cancellable
-         * @param fn
-         */
-        runAfterInteractions( fn: () => void | PromiseTask):
-          {then: Function, done: Function, cancel: Function}
-
-        /**
-         * Notify manager that an interaction has started.
-         */
-        createInteractionHandle(): Handle
-
-        /**
-         * Notify manager that an interaction has completed.
-         */
-        clearInteractionHandle(handle: Handle): void
-
-        /**
-         * A positive number will use setTimeout to schedule any tasks after
-         * the eventLoopRunningTime hits the deadline value, otherwise all
-         * tasks will be executed in one setImmediate batch (default).
-         */
-        setDeadline(deadline: number): void
-    }
-
-
-    export interface ScrollViewStyle extends FlexStyle, TransformsStyle {
-
-        backfaceVisibility?: "visible" | "hidden"
-        backgroundColor?: string
-        borderColor?: string
-        borderTopColor?: string
-        borderRightColor?: string
-        borderBottomColor?: string
-        borderLeftColor?: string
-        borderRadius?: number
-        borderTopLeftRadius?: number
-        borderTopRightRadius?: number
-        borderBottomLeftRadius?: number
-        borderBottomRightRadius?: number
-        borderStyle?: "solid" | "dotted" | "dashed"
-        borderWidth?: number
-        borderTopWidth?: number
-        borderRightWidth?: number
-        borderBottomWidth?: number
-        borderLeftWidth?: number
-        opacity?: number
-        overflow?: "visible" | "hidden"
-        shadowColor?: string
-        shadowOffset?: {width: number; height: number}
-        shadowOpacity?: number
-        shadowRadius?: number
-        elevation?: number
-    }
-
-
-    export interface ScrollViewPropertiesIOS {
-
-        /**
-         * When true the scroll view bounces horizontally when it reaches the end
-         * even if the content is smaller than the scroll view itself. The default
-         * value is true when `horizontal={true}` and false otherwise.
-         */
-        alwaysBounceHorizontal?: boolean
-        /**
-         * When true the scroll view bounces vertically when it reaches the end
-         * even if the content is smaller than the scroll view itself. The default
-         * value is false when `horizontal={true}` and true otherwise.
-         */
-        alwaysBounceVertical?: boolean
-
-        /**
-         * Controls whether iOS should automatically adjust the content inset for scroll views that are placed behind a navigation bar or tab bar/ toolbar.
-         * The default value is true.
-         */
-        automaticallyAdjustContentInsets?: boolean // true
-
-        /**
-         * When true the scroll view bounces when it reaches the end of the
-         * content if the content is larger then the scroll view along the axis of
-         * the scroll direction. When false it disables all bouncing even if
-         * the `alwaysBounce*` props are true. The default value is true.
-         */
-        bounces?: boolean
-        /**
-         * When true gestures can drive zoom past min/max and the zoom will animate
-         * to the min/max value at gesture end otherwise the zoom will not exceed
-         * the limits.
-         */
-        bouncesZoom?: boolean
-
-        /**
-         * When false once tracking starts won't try to drag if the touch moves.
-         * The default value is true.
-         */
-        canCancelContentTouches?: boolean
-
-        /**
-         * When true the scroll view automatically centers the content when the
-         * content is smaller than the scroll view bounds; when the content is
-         * larger than the scroll view this property has no effect. The default
-         * value is false.
-         */
-        centerContent?: boolean
-
-        /**
-         * The amount by which the scroll view content is inset from the edges of the scroll view.
-         * Defaults to {0, 0, 0, 0}.
-         */
-        contentInset?: Insets // zeros
-
-        /**
-         * Used to manually set the starting scroll offset.
-         * The default value is {x: 0, y: 0}
-         */
-        contentOffset?: PointProperties // zeros
-
-        /**
-         * A floating-point number that determines how quickly the scroll view
-         * decelerates after the user lifts their finger. Reasonable choices include
-         *   - Normal: 0.998 (the default)
-         *   - Fast: 0.9
-         */
-        decelerationRate?: "fast" | "normal" | number
-
-        /**
-         * When true the ScrollView will try to lock to only vertical or horizontal
-         * scrolling while dragging.  The default value is false.
-         */
-        directionalLockEnabled?: boolean
-
-        /**
-         * The style of the scroll indicators.
-         * - default (the default), same as black.
-         * - black, scroll indicator is black. This style is good against
-         *   a white content background.
-         * - white, scroll indicator is white. This style is good against
-         *   a black content background.
-         */
-        indicatorStyle?: "default" | "black" | "white"
-
-        /**
-         * The maximum allowed zoom scale. The default value is 1.0.
-         */
-        maximumZoomScale?: number
-
-        /**
-         * The minimum allowed zoom scale. The default value is 1.0.
-         */
-        minimumZoomScale?: number
-
-        /**
-         * Deprecated. Use the refreshControl prop instead.
-         */
-        onRefreshStart?: () => void
-
-        /**
-         * Called when a scrolling animation ends.
-         */
-        onScrollAnimationEnd?: () => void
-
-        /**
-         * When false, the content does not scroll. The default value is true
-         */
-        scrollEnabled?: boolean // true
-
-        /**
-         * This controls how often the scroll event will be fired while scrolling (in events per seconds).
-         * A higher number yields better accuracy for code that is tracking the scroll position,
-         * but can lead to scroll performance problems due to the volume of information being send over the bridge.
-         * The default value is zero, which means the scroll event will be sent only once each time the view is scrolled.
-         */
-        scrollEventThrottle?: number // null
-
-        /**
-         * The amount by which the scroll view indicators are inset from the edges of the scroll view.
-         * This should normally be set to the same value as the contentInset.
-         * Defaults to {0, 0, 0, 0}.
-         */
-        scrollIndicatorInsets?: Insets //zeroes
-
-        /**
-         * When true the scroll view scrolls to top when the status bar is tapped.
-         * The default value is true.
-         */
-        scrollsToTop?: boolean
-
-        /**
-         * When snapToInterval is set, snapToAlignment will define the relationship of the the snapping to the scroll view.
-         *      - start (the default) will align the snap at the left (horizontal) or top (vertical)
-         *      - center will align the snap in the center
-         *      - end will align the snap at the right (horizontal) or bottom (vertical)
-         */
-        snapToAlignment?: string
-
-        /**
-         * When set, causes the scroll view to stop at multiples of the value of snapToInterval.
-         * This can be used for paginating through children that have lengths smaller than the scroll view.
-         * Used in combination with snapToAlignment.
-         */
-        snapToInterval?: number
-
-        /**
-         * An array of child indices determining which children get docked to the
-         * top of the screen when scrolling. For example passing
-         * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
-         * top of the scroll view. This property is not supported in conjunction
-         * with `horizontal={true}`.
-         */
-        stickyHeaderIndices?: number[]
-
-        /**
-         * The current scale of the scroll view content. The default value is 1.0.
-         */
-        zoomScale?: number
-    }
-
-    export interface ScrollViewPropertiesAndroid {
-
-        /**
-         * Sometimes a scrollview takes up more space than its content fills.
-         * When this is the case, this prop will fill the rest of the
-         * scrollview with a color to avoid setting a background and creating
-         * unnecessary overdraw. This is an advanced optimization that is not
-         * needed in the general case.
-         */
-        endFillColor?: string
-
-        /**
-         * Tag used to log scroll performance on this scroll view. Will force
-         * momentum events to be turned on (see sendMomentumEvents). This doesn't do
-         * anything out of the box and you need to implement a custom native
-         * FpsListener for it to be useful.
-         * @platform android
-         */
-        scrollPerfTag?: string
-
-    }
-
-    export interface ScrollViewProperties extends ViewProperties, ScrollViewPropertiesIOS, ScrollViewPropertiesAndroid, Touchable, React.Props<ScrollViewStatic> {
-
-        /**
-         * These styles will be applied to the scroll view content container which
-         * wraps all of the child views. Example:
-         *
-         *   return (
-         *     <ScrollView contentContainerStyle={styles.contentContainer}>
-         *     </ScrollView>
-         *   );
-         *   ...
-         *   var styles = StyleSheet.create({
-         *     contentContainer: {
-         *       paddingVertical: 20
-         *     }
-         *   });
-         */
-        contentContainerStyle?: ViewStyle
-
-        /**
-         * When true the scroll view's children are arranged horizontally in a row
-         * instead of vertically in a column. The default value is false.
-         */
-        horizontal?: boolean
-
-        /**
-         * Determines whether the keyboard gets dismissed in response to a drag.
-         *   - 'none' (the default) drags do not dismiss the keyboard.
-         *   - 'onDrag' the keyboard is dismissed when a drag begins.
-         *   - 'interactive' the keyboard is dismissed interactively with the drag
-         *     and moves in synchrony with the touch; dragging upwards cancels the
-         *     dismissal.
-         */
-        keyboardDismissMode?: string
-
-        /**
-         * When false tapping outside of the focused text input when the keyboard
-         * is up dismisses the keyboard. When true the scroll view will not catch
-         * taps and the keyboard will not dismiss automatically. The default value
-         * is false.
-         */
-        keyboardShouldPersistTaps?: boolean
-
-        /**
-         * Fires at most once per frame during scrolling.
-         * The frequency of the events can be contolled using the scrollEventThrottle prop.
-         */
-        onScroll?: (event?: { nativeEvent: NativeScrollEvent }) => void
-
-        /**
-         * When true the scroll view stops on multiples of the scroll view's size
-         * when scrolling. This can be used for horizontal pagination. The default
-         * value is false.
-         */
-        pagingEnabled?: boolean
-
-        /**
-         * Experimental: When true offscreen child views (whose `overflow` value is
-         * `hidden`) are removed from their native backing superview when offscreen.
-         * This canimprove scrolling performance on long lists. The default value is
-         * false.
-         */
-        removeClippedSubviews?: boolean
-
-        /**
-         * When true, shows a horizontal scroll indicator.
-         */
-        showsHorizontalScrollIndicator?: boolean
-
-        /**
-         * When true, shows a vertical scroll indicator.
-         */
-        showsVerticalScrollIndicator?: boolean
-
-        /**
-         * Style
-         */
-        style?: ScrollViewStyle
-
-        /**
-         * A RefreshControl component, used to provide pull-to-refresh
-         * functionality for the ScrollView.
-         */
-        refreshControl?: React.ReactElement<RefreshControlProperties>
-
-        ref?: Ref<ScrollViewStatic & ViewStatic>
-    }
-
-    export interface ScrollViewProps extends ScrollViewProperties, React.Props<ScrollViewStatic> {
-        ref?: Ref<ScrollViewStatic>
-    }
-
-    interface ScrollViewStatic extends React.ComponentClass<ScrollViewProps> {
-
-        // Deprecated. Use RefreshControl instead.
-        endRefreshing?: () => void
-
-        /**
-         * Scrolls to a given x, y offset, either immediately or with a smooth animation.
-         * Syntax:
-         *
-         * scrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
-         *
-         * Note: The weird argument signature is due to the fact that, for historical reasons,
-         * the function also accepts separate arguments as as alternative to the options object.
-         * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
-         */
-        scrollTo(
-            y?: number | { x?: number, y?: number, animated?: boolean },
-            x?: number,
-            animated?: boolean
-        ): void;
-
-        /**
-         * Returns a reference to the underlying scroll responder, which supports
-         * operations like `scrollTo`. All ScrollView-like components should
-         * implement this method so that they can be composed while providing access
-         * to the underlying scroll responder's methods.
-         */
-        getScrollResponder(): JSX.Element;
-
-        // Undocumented
-        getInnerViewNode(): any;
-
-        // Deprecated, do not use.
-        scrollWithoutAnimationTo?: (y: number, x: number) => void
-    }
-
-
-    export interface NativeScrollRectangle {
-        left: number;
-        top: number;
-        bottom: number;
-        right: number;
-    }
-
-    export interface NativeScrollPoint {
-        x: number;
-        y: number;
-    }
-
-    export interface NativeScrollSize {
-        height: number;
-        width: number;
-    }
-
-    export interface NativeScrollEvent {
-        contentInset: NativeScrollRectangle;
-        contentOffset: NativeScrollPoint;
-        contentSize: NativeScrollSize;
-        layoutMeasurement: NativeScrollSize;
-        zoomScale: number;
-    }
-
-    // Deduced from
-    // https://github.com/facebook/react-native/commit/052cd7eb8afa7a805ef13e940251be080499919c
-
-    /**
-     * Data source wrapper around ListViewDataSource to allow for tracking of
-     * which row is swiped open and close opened row(s) when another row is swiped
-     * open.
-     *
-     * See https://github.com/facebook/react-native/pull/5602 for why
-     * ListViewDataSource is not subclassed.
-     */
-    export interface SwipeableListViewDataSource {
-        cloneWithRowsAndSections(dataBlob: any,
-                                 sectionIdentities: Array<string>,
-                                 rowIdentities: Array<Array<string>>): SwipeableListViewDataSource
-        getDataSource(): ListViewDataSource
-        getOpenRowID(): string
-        setOpenRowID(rowID: string): ListViewDataSource
-    }
-
-    export interface SwipeableListViewProps extends React.Props<SwipeableListViewStatic> {
-        dataSource: SwipeableListViewDataSource
-        maxSwipeDistance?: number
-
-        // Callback method to render the swipeable view
-        renderRow: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
-
-        // Callback method to render the view that will be unveiled on swipe
-        renderQuickActions(rowData: Object, sectionID: string, rowID: string): React.ReactElement<any>
-    }
-
-    export interface SwipeableListViewStatic extends React.ComponentClass<SwipeableListViewProps> {
-        getNewDataSource(): SwipeableListViewDataSource
-    }
-
-
-    //////////////////////////////////////////////////////////////////////////
-    //
-    // A P I s
-    //
-    //////////////////////////////////////////////////////////////////////////
-
-    /**
-     * @see: http://facebook.github.io/react-native/docs/actionsheetios.html#content
-     */
-    export interface ActionSheetIOSOptions {
-        title?: string
-        options?: string[]
-        cancelButtonIndex?: number
-        destructiveButtonIndex?: number
-        message?: string
-    }
-
-    export interface ShareActionSheetIOSOptions {
-        message?: string
-        url?: string
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/actionsheetios.html#content
-     */
-    export interface ActionSheetIOSStatic {
-        /**
-         * Display an iOS action sheet. The options object must contain one
-         * or more of:
-         * options (array of strings) - a list of button titles (required)
-         * cancelButtonIndex (int) - index of cancel button in options
-         * destructiveButtonIndex (int) - index of destructive button in options
-         * title (string) - a title to show above the action sheet
-         * message (string) - a message to show below the title
-         */
-        showActionSheetWithOptions: ( options: ActionSheetIOSOptions, callback: ( buttonIndex: number ) => void ) => void
-
-        /**
-         * Display the iOS share sheet. The options object should contain one
-         * or both of:
-         * message (string) - a message to share
-         * url (string) - a URL to share
-         * NOTE: if url points to a local file, or is a base64-encoded uri,
-         * the file it points to will be loaded and shared directly. In this
-         * way, you can share images, videos, PDF files, etc.
-         */
-        showShareActionSheetWithOptions: ( options: ShareActionSheetIOSOptions, failureCallback: ( error: Error ) => void, successCallback: ( success: boolean, method: string ) => void ) => void
-    }
-
-    /**
-     * @see https://facebook.github.io/react-native/docs/alert.html#content
-     */
-    export interface AlertButton {
-      text?: string
-      onPress?: () => void
-      style?: "default" | "cancel" | "destructive"
-    }
-
-    export interface AlertStatic {
-       alert: (title: string, message?: string, buttons?: AlertButton[], type?: string) => void
-    }
-
-
-    /**
-     * //FIXME: No documentation - inferred from RCTAdSupport.m
-     */
-    export interface AdSupportIOSStatic {
-        getAdvertisingId: ( onSuccess: ( deviceId: string ) => void, onFailure: ( err: Error ) => void ) => void
-        getAdvertisingTrackingEnabled: ( onSuccess: ( hasTracking: boolean ) => void, onFailure: ( err: Error ) => void ) => void
-    }
-
-    interface AlertIOSButton {
-        text: string
-        onPress?: () => void
-        style?: "default" | "cancel" | "destructive"
-    }
-
-    /**
-     * Launches an alert dialog with the specified title and message.
-     *
-     * Optionally provide a list of buttons.
-     * Tapping any button will fire the respective onPress callback and dismiss the alert.
-     * By default, the only button will be an 'OK' button
-     *
-     * The last button in the list will be considered the 'Primary' button and it will appear bold.
-     *
-     * @see https://facebook.github.io/react-native/docs/alertios.html#content
-     */
-    export interface AlertIOSStatic {
-
-        /*
-         Creates a popup to alert the user.
-
-         title: string -- The dialog's title.
-         message: string -- An optional message that appears above the text input.
-         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called when the user taps 'OK'.
-
-         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys. style should be one of 'default', 'cancel' or 'destructive'.
-
-         type -- deprecated, do not use
-         */
-        alert: ( title: string, message?: string, callbackOrButtons?: (value: string) => void| Array<AlertIOSButton>, type?: string ) => void
-
-        /*
-         Prompt the user to enter some text.
-
-         title: string -- The dialog's title.
-         message: string -- An optional message that appears above the text input.
-         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called with the prompt's value when the user taps 'OK'.
-
-         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys (see example). style should be one of 'default', 'cancel' or 'destructive'.
-
-         type: string -- This configures the text input. One of 'plain-text', 'secure-text' or 'login-password'.
-         defaultValue: string -- the default value for the text field.
-         */
-
-        prompt: ( title: string, value?: string, callbackOrButtons?: (value: string) => void | Array<AlertIOSButton>, type?: string, defaultValue?: string ) => void
-    }
-
-    /**
-     * AppStateIOS can tell you if the app is in the foreground or background,
-     * and notify you when the state changes.
-     *
-     * AppStateIOS is frequently used to determine the intent and proper behavior
-     * when handling push notifications.
-     *
-     * iOS App States
-     *      active - The app is running in the foreground
-     *      background - The app is running in the background. The user is either in another app or on the home screen
-     *      inactive - This is a transition state that currently never happens for typical React Native apps.
-     *
-     * For more information, see Apple's documentation: https://developer.apple.com/library/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/TheAppLifeCycle/TheAppLifeCycle.html
-     *
-     * @see https://facebook.github.io/react-native/docs/appstateios.html#content
-     */
-    export type AppStateEvent = "change" | "memoryWarning"
-    export type AppStateStatus = "active" | "background" | "inactive"
-
-    export interface AppStateStatic {
-
-        currentState: string
-
-        /**
-         * Add a handler to AppState changes by listening to the change event
-         * type and providing the handler
-         */
-        addEventListener( type: AppStateEvent, listener: ( state: AppStateStatus ) => void ): void
-
-        /**
-         * Remove a handler by passing the change event type and the handler
-         */
-        removeEventListener( type: AppStateEvent, listener: ( state: AppStateStatus ) => void ): void
-    }
-
-    /**
-     * AsyncStorage is a simple, asynchronous, persistent, key-value storage system that is global to the app.
-     * It should be used instead of LocalStorage.
-     *
-     * It is recommended that you use an abstraction on top of AsyncStorage
-     * instead of AsyncStorage directly for anything more than light usage since it operates globally.
-     *
-     * @see https://facebook.github.io/react-native/docs/asyncstorage.html#content
-     */
-    export interface AsyncStorageStatic {
-
-        /**
-         * Fetches key and passes the result to callback, along with an Error if there is any.
-         */
-        getItem( key: string, callback?: ( error?: Error, result?: string ) => void ): Promise<string>
-
-        /**
-         * Sets value for key and calls callback on completion, along with an Error if there is any
-         */
-        setItem( key: string, value: string, callback?: ( error?: Error ) => void ): Promise<string>
-
-        removeItem( key: string, callback?: ( error?: Error ) => void ): Promise<string>
-
-        /**
-         * Merges existing value with input value, assuming they are stringified json. Returns a Promise object.
-         * Not supported by all native implementation
-         */
-        mergeItem( key: string, value: string, callback?: ( error?: Error ) => void ): Promise<string>
-
-        /**
-         * Erases all AsyncStorage for all clients, libraries, etc. You probably don't want to call this.
-         * Use removeItem or multiRemove to clear only your own keys instead.
-         */
-        clear( callback?: ( error?: Error ) => void ): Promise<string>
-
-        /**
-         * Gets all keys known to the app, for all callers, libraries, etc
-         */
-        getAllKeys( callback?: ( error?: Error, keys?: string[] ) => void ): Promise<string>
-
-        /**
-         * multiGet invokes callback with an array of key-value pair arrays that matches the input format of multiSet
-         */
-        multiGet( keys: string[], callback?: ( errors?: Error[], result?: string[][] ) => void ): Promise<string>
-
-        /**
-         * multiSet and multiMerge take arrays of key-value array pairs that match the output of multiGet,
-         *
-         * multiSet([['k1', 'val1'], ['k2', 'val2']], cb);
-         */
-        multiSet( keyValuePairs: string[][], callback?: ( errors?: Error[] ) => void ): Promise<string>
-
-        /**
-         * Delete all the keys in the keys array.
-         */
-        multiRemove( keys: string[], callback?: ( errors?: Error[] ) => void ): Promise<string>
-
-        /**
-         * Merges existing values with input values, assuming they are stringified json.
-         * Returns a Promise object.
-         *
-         * Not supported by all native implementations.
-         */
-        multiMerge( keyValuePairs: string[][], callback?: ( errors?: Error[] ) => void ): Promise<string>
-    }
-
-    /**
-     * Detect hardware back button presses, and programmatically invoke the
-     * default back button functionality to exit the app if there are no
-     * listeners or if none of the listeners return true.
-     * Methods don't have more detailed documentation as of 0.25.
-     */
-    export interface BackAndroidStatic {
-        exitApp(): void;
-        addEventListener(eventName: string, handler: () => void): void;
-        removeEventListener(eventName: string, handler: () => void): void;
-    }
-
-    export interface CameraRollFetchParams {
-        first: number;
-        after?: string;
-        groupTypes: string; //  'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
-        groupName?: string
-        assetType?: string
-    }
-
-    export interface CameraRollNodeInfo {
-        image: Image;
-        group_name: string;
-        timestamp: number;
-        location: any;
-    }
-
-    export interface CameraRollEdgeInfo {
-        node: CameraRollNodeInfo;
-    }
-
-    export interface CameraRollAssetInfo {
-        edges: CameraRollEdgeInfo[];
-        page_info: {
-            has_next_page: boolean;
-            end_cursor: string;
-        };
-    }
-
-    export interface GetPhotosParamType {
-        first: number
-        after: string
-        groupTypes: "Album" | "All" | "Event" | "Faces" | "Library" | "PhotoStream" | "SavedPhotos"
-        groupName: string
-        assetType: "All" | "Videos" | "Photos"
-        mimeTypes: string[]
-    }
-
-    export interface GetPhotosReturnType {
-        edges: {
-            node: {
-              type: string
-              group_name: string
-              image: {
-                  uri: string
-                  height: number
-                  width: number
-                  isStored?: boolean
-              }
-            }
-        }[]
-
-        page_info: {
-            has_next_page: boolean
-            start_cursor?: string
-            end_cursor?: string
-        }
-    }
-
-    /**
-     * CameraRoll provides access to the local camera roll / gallery.
-     */
-    export interface CameraRollStatic {
-
-        GroupTypesOptions: string[] //'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
-
-        /**
-         * Saves the image to the camera roll / gallery.
-         *
-         * The CameraRoll API is not yet implemented for Android.
-         *
-         * @tag On Android, this is a local URI, such as "file:///sdcard/img.png".
-         * On iOS, the tag can be one of the following:
-         *      local URI
-         *      assets-library tag
-         *      a tag not maching any of the above, which means the image data will be stored in memory (and consume memory as long as the process is alive)
-         *
-         * @deprecated use saveToCameraRoll instead
-         *
-         */
-        saveImageWithTag( tag: string ): Promise<string>
-
-        /**
-         * Saves the photo or video to the camera roll / gallery.
-         *
-         * On Android, the tag must be a local image or video URI, such as `"file:///sdcard/img.png"`.
-         *
-         * On iOS, the tag can be any image URI (including local, remote asset-library and base64 data URIs)
-         * or a local video file URI (remote or data URIs are not supported for saving video at this time).
-         *
-         * If the tag has a file extension of .mov or .mp4, it will be inferred as a video. Otherwise
-         * it will be treated as a photo. To override the automatic choice, you can pass an optional
-         * `type` parameter that must be one of 'photo' or 'video'.
-         *
-         * Returns a Promise which will resolve with the new URI.
-         */
-        saveToCameraRoll(tag: string, type?: 'photo' | 'video'): Promise<string>
-
-        /**
-         * Invokes callback with photo identifier objects from the local camera roll of the device matching shape defined by getPhotosReturnChecker.
-         *
-         * @param {object} params See getPhotosParamChecker.
-         */
-        getPhotos(params: GetPhotosParamType): Promise<GetPhotosReturnType>;
-    }
-
-    export interface ClipboardStatic {
-        getString(): Promise<string>;
-        setString(content: string): void;
-    }
-
-    export interface DatePickerAndroidOpenOption {
-        date?: Date | number
-        minDate?: Date | number
-        maxDate?: Date | number
-    }
-
-    export interface DatePickerAndroidOpenReturn {
-        action: string // Deduced from DatePickerAndroid.android.js
-        year?: number
-        month?: number
-        day?: number
-    }
-
-    export interface DatePickerAndroidStatic {
-        /*
-         Opens the standard Android date picker dialog.
-
-         The available keys for the options object are: date (Date object or timestamp in milliseconds) - date to show by default minDate (Date or timestamp in milliseconds) - minimum date that can be selected * maxDate (Date object or timestamp in milliseconds) - minimum date that can be selected
-
-         Returns a Promise which will be invoked an object containing action, year, month (0-11), day if the user picked a date. If the user dismissed the dialog, the Promise will still be resolved with action being DatePickerAndroid.dismissedAction and all the other keys being undefined. Always check whether the action before reading the values.
-
-         Note the native date picker dialog has some UI glitches on Android 4 and lower when using the minDate and maxDate options.
-         */
-        open(options?: DatePickerAndroidOpenOption): Promise<DatePickerAndroidOpenReturn>
-
-        /**
-         * A date has been selected.
-         */
-        dateSetAction: string
-
-        /**
-         * The dialog has been dismissed.
-         */
-        dismissedAction: string
-    }
-
-    export interface FetchableListenable<T> {
-        fetch: () => Promise<T>
-
-        /**
-         * eventName is expected to be `change`
-         * //FIXME: No doc - inferred from NetInfo.js
-         */
-        addEventListener: ( eventName: string, listener: ( result: T ) => void ) => void
-
-        /**
-         * eventName is expected to be `change`
-         * //FIXME: No doc - inferred from NetInfo.js
-         */
-        removeEventListener: ( eventName: string, listener: ( result: T ) => void ) => void
-    }
-
-    export interface IntentAndroidStatic {
-        /**
-         * Starts a corresponding external activity for the given URL.
-
-         For example, if the URL is "https://www.facebook.com", the system browser will be opened, or the "choose application" dialog will be shown.
-
-         You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with {@code Intent.ACTION_VIEW}.
-
-         NOTE: This method will fail if the system doesn't know how to open the specified URL. If you're passing in a non-http(s) URL, it's best to check {@code canOpenURL} first.
-
-         NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
-
-         @deprecated
-         */
-        openURL(url: string): void
-
-        /**
-         * Determine whether or not an installed app can handle a given URL.
-
-         You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with {@code Intent.ACTION_VIEW}.
-
-         NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
-
-         @param URL the URL to open
-
-         @deprecated
-         */
-        canOpenURL(url: string, callback: (supported: boolean) => void): void
-
-        /**
-         * If the app launch was triggered by an app link with {@code Intent.ACTION_VIEW}, it will give the link url, otherwise it will give null
-
-         Refer http://developer.android.com/training/app-indexing/deep-linking.html#handling-intents
-
-         @deprecated
-         */
-        getInitialURL(callback: (url: string) => void):void
-    }
-
-    export interface LinkingStatic {
-        /**
-         * Add a handler to Linking changes by listening to the url event type and providing the handler
-         * @platform ios
-         */
-        addEventListener(type: string, handler: (event: {url: string}) => void): void
-
-        /**
-         * Remove a handler by passing the url event type and the handler
-         * @platform ios
-         */
-        removeEventListener(type: string, handler: (event: {url: string}) => void): void
-
-        /**
-         * Try to open the given url with any of the installed apps.
-         * You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with the installed apps.
-         * NOTE: This method will fail if the system doesn't know how to open the specified URL. If you're passing in a non-http(s) URL, it's best to check {@code canOpenURL} first.
-         * NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
-         */
-        openURL(url: string): Promise<boolean>
-
-        /**
-         * Determine whether or not an installed app can handle a given URL.
-         * NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
-         * NOTE: As of iOS 9, your app needs to provide the LSApplicationQueriesSchemes key inside Info.plist.
-         * @param URL the URL to open
-         */
-        canOpenURL(url: string): Promise<boolean>
-
-        /**
-         * If the app launch was triggered by an app link with, it will give the link url, otherwise it will give null
-         * NOTE: To support deep linking on Android, refer http://developer.android.com/training/app-indexing/deep-linking.html#handling-intents
-         */
-        getInitialURL(): Promise<string>
-    }
-
-    export interface LinkingIOSStatic {
-        /**
-         * Add a handler to LinkingIOS changes by listening to the url event type and providing the handler
-         @deprecated
-         */
-        addEventListener(type: string, handler: (event: {url: string}) => void): void
-
-        /**
-         * Remove a handler by passing the url event type and the handler
-         @deprecated
-         */
-        removeEventListener(type: string, handler: (event: {url: string}) => void): void
-
-        /**
-         * Try to open the given url with any of the installed apps.
-         @deprecated
-         */
-        openURL(url: string): void
-
-        /**
-         * Determine whether or not an installed app can handle a given URL. The callback function will be called with bool supported as the only argument
-         NOTE: As of iOS 9, your app needs to provide the LSApplicationQueriesSchemes key inside Info.plist.
-         @deprecated
-         */
-        canOpenURL(url: string, callback: (supported: boolean) => void): void
-
-        /**
-         * If the app launch was triggered by an app link, it will pop the link url, otherwise it will return null
-         @deprecated
-         */
-        popInitialURL(): string;
-    }
-
-
-    /**
-     * NetInfo exposes info about online/offline status
-     *
-     * Asynchronously determine if the device is online and on a cellular network.
-     *
-     * - `none` - device is offline
-     * - `wifi` - device is online and connected via wifi, or is the iOS simulator
-     * - `cell` - device is connected via Edge, 3G, WiMax, or LTE
-     * - `unknown` - error case and the network status is unknown
-     * @see https://facebook.github.io/react-native/docs/netinfo.html#content
-     */
-
-    // This is from code, a few items more than documentation@0.25
-    export type NetInfoReturnType = "none" | "wifi" | "cell" | "unknown" |
-   "NONE" | "MOBILE" | "WIFI" | "MOBILE_MMS" | "MOBILE_SUPL" | "MOBILE_DUN" |
-   "MOBILE_HIPRI" | "WIMAX" | "BLUETOOTH" | "DUMMY" | "ETHERNET" | "MOBILE_FOTA" |
-   "MOBILE_IMS" | "MOBILE_CBS" | "WIFI_P2P" | "MOBILE_IA" | "MOBILE_EMERGENCY" |
-   "PROXY" | "VPN" | "UNKNOWN"
-
-    export interface NetInfoStatic extends FetchableListenable<NetInfoReturnType> {
-
-        /**
-         *
-         * Available on all platforms.
-         * Asynchronously fetch a boolean to determine internet connectivity.
-         */
-        isConnected: FetchableListenable<boolean>
-
-        /**
-         * Available on Android. Detect if the current active connection is
-         * metered or not. A network is classified as metered when the user is
-         * sensitive to heavy data usage on that connection due to monetary
-         * costs, data limitations or battery/performance issues.
-         */
-        isConnectionExpensive: FetchableListenable<boolean>
-    }
-
-
-    export interface PanResponderGestureState {
-
-        /**
-         *  ID of the gestureState- persisted as long as there at least one touch on
-         */
-        stateID: number
-
-        /**
-         *  the latest screen coordinates of the recently-moved touch
-         */
-        moveX: number
-
-        /**
-         *  the latest screen coordinates of the recently-moved touch
-         */
-        moveY: number
-
-        /**
-         * the screen coordinates of the responder grant
-         */
-        x0: number
-
-        /**
-         * the screen coordinates of the responder grant
-         */
-        y0: number
-
-        /**
-         * accumulated distance of the gesture since the touch started
-         */
-        dx: number
-
-        /**
-         * accumulated distance of the gesture since the touch started
-         */
-        dy: number
-
-        /**
-         * current velocity of the gesture
-         */
-        vx: number
-
-        /**
-         * current velocity of the gesture
-         */
-        vy: number
-
-        /**
-         * Number of touches currently on screen
-         */
-        numberActiveTouches: number
-
-
-        // All `gestureState` accounts for timeStamps up until:
-        _accountsForMovesUpTo: number
-    }
-
-
-    /**
-     * @see documentation of GestureResponderHandlers
-     */
-    export interface PanResponderCallbacks {
-        onMoveShouldSetPanResponder?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
-        onStartShouldSetPanResponder?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderGrant?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderMove?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderRelease?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderTerminate?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-
-        onMoveShouldSetPanResponderCapture?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
-        onStartShouldSetPanResponderCapture?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
-        onPanResponderReject?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderStart?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderEnd?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
-        onPanResponderTerminationRequest?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
-    }
-
-    export interface PanResponderInstance {
-        panHandlers: GestureResponderHandlers
-    }
-
-    /**
-     * PanResponder reconciles several touches into a single gesture.
-     * It makes single-touch gestures resilient to extra touches,
-     * and can be used to recognize simple multi-touch gestures.
-     *
-     * It provides a predictable wrapper of the responder handlers provided by the gesture responder system.
-     * For each handler, it provides a new gestureState object alongside the normal event.
-     */
-    export interface PanResponderStatic {
-        /**
-         * @param config Enhanced versions of all of the responder callbacks
-         * that provide not only the typical `ResponderSyntheticEvent`, but also the
-         * `PanResponder` gesture state.  Simply replace the word `Responder` with
-         * `PanResponder` in each of the typical `onResponder*` callbacks. For
-         * example, the `config` object would look like:
-         *
-         *  - `onMoveShouldSetPanResponder: (e, gestureState) => {...}`
-         *  - `onMoveShouldSetPanResponderCapture: (e, gestureState) => {...}`
-         *  - `onStartShouldSetPanResponder: (e, gestureState) => {...}`
-         *  - `onStartShouldSetPanResponderCapture: (e, gestureState) => {...}`
-         *  - `onPanResponderReject: (e, gestureState) => {...}`
-         *  - `onPanResponderGrant: (e, gestureState) => {...}`
-         *  - `onPanResponderStart: (e, gestureState) => {...}`
-         *  - `onPanResponderEnd: (e, gestureState) => {...}`
-         *  - `onPanResponderRelease: (e, gestureState) => {...}`
-         *  - `onPanResponderMove: (e, gestureState) => {...}`
-         *  - `onPanResponderTerminate: (e, gestureState) => {...}`
-         *  - `onPanResponderTerminationRequest: (e, gestureState) => {...}`
-         *
-         *  In general, for events that have capture equivalents, we update the
-         *  gestureState once in the capture phase and can use it in the bubble phase
-         *  as well.
-         *
-         *  Be careful with onStartShould* callbacks. They only reflect updated
-         *  `gestureState` for start/end events that bubble/capture to the Node.
-         *  Once the node is the responder, you can rely on every start/end event
-         *  being processed by the gesture and `gestureState` being updated
-         *  accordingly. (numberActiveTouches) may not be totally accurate unless you
-         *  are the responder.
-         */
-        create( config: PanResponderCallbacks ): PanResponderInstance
-    }
-
-    export interface PushNotificationPermissions {
-        alert?: boolean
-        badge?: boolean
-        sound?: boolean
-    }
-
-    export interface PushNotification {
-
-
-        /**
-         * An alias for `getAlert` to get the notification's main message string
-         */
-        getMessage(): string | Object
-
-        /**
-         * Gets the sound string from the `aps` object
-         */
-        getSound(): string
-
-        /**
-         * Gets the notification's main message from the `aps` object
-         */
-        getAlert(): string | Object
-
-        /**
-         * Gets the badge count number from the `aps` object
-         */
-        getBadgeCount(): number
-
-        /**
-         * Gets the data object on the notif
-         */
-        getData(): Object
-
-    }
-
-
-    type PresentLocalNotificationDetails = {
-        alertBody: string
-        alertAction: string
-        soundName?: string
-        category?: string
-        userInfo?: Object
-    }
-
-    type ScheduleLocalNotificationDetails = {
-        fireDate: Date
-        alertBody: string
-        alertAction: string
-        soundName?: string
-        category?: string
-        userInfo?: Object
-    }
-
-    /**
-     * Handle push notifications for your app, including permission handling and icon badge number.
-     * @see https://facebook.github.io/react-native/docs/pushnotificationios.html#content
-     *
-     * //FIXME: BGR: The documentation seems completely off compared to the actual js implementation. I could never get the example to run
-     */
-    export interface PushNotificationIOSStatic {
-
-        /**
-         * Schedules the localNotification for immediate presentation.
-         * details is an object containing:
-         * alertBody : The message displayed in the notification alert.
-         * alertAction : The "action" displayed beneath an actionable notification. Defaults to "view";
-         * soundName : The sound played when the notification is fired (optional).
-         * category : The category of this notification, required for actionable notifications (optional).
-         * userInfo : An optional object containing additional notification data.
-         */
-        presentLocalNotification(details: PresentLocalNotificationDetails): void
-
-        /**
-         * Schedules the localNotification for future presentation.
-         * details is an object containing:
-         * fireDate : The date and time when the system should deliver the notification.
-         * alertBody : The message displayed in the notification alert.
-         * alertAction : The "action" displayed beneath an actionable notification. Defaults to "view";
-         * soundName : The sound played when the notification is fired (optional).
-         * category : The category of this notification, required for actionable notifications (optional).
-         * userInfo : An optional object containing additional notification data.
-         */
-        scheduleLocalNotification(details: ScheduleLocalNotificationDetails): void
-
-        /**
-         * Cancels all scheduled localNotifications
-         */
-        cancelAllLocalNotifications(): void
-
-        /**
-         * Cancel local notifications.
-         * Optionally restricts the set of canceled notifications to those notifications whose userInfo fields match the corresponding fields in the userInfo argument.
-         */
-        cancelLocalNotifications(userInfo: Object): void
-
-        /**
-         * Sets the badge number for the app icon on the home screen
-         */
-        setApplicationIconBadgeNumber( number: number ): void
-
-        /**
-         * Gets the current badge number for the app icon on the home screen
-         */
-        getApplicationIconBadgeNumber( callback: ( badge: number ) => void ): void
-
-        /**
-         * Attaches a listener to remote notifications while the app is running in the
-         * foreground or the background.
-         *
-         * The handler will get be invoked with an instance of `PushNotificationIOS`
-         *
-         * The type MUST be 'notification'
-         */
-        addEventListener( type: string, handler: ( notification: PushNotification ) => void ):void
-
-        /**
-         * Requests all notification permissions from iOS, prompting the user's
-         * dialog box.
-         */
-        requestPermissions( permissions?: PushNotificationPermissions[] ): Promise<PushNotificationPermissions>
-
-        /**
-         * Unregister for all remote notifications received via Apple Push
-         * Notification service.
-         * You should call this method in rare circumstances only, such as when
-         * a new version of the app removes support for all types of remote
-         * notifications. Users can temporarily prevent apps from receiving
-         * remote notifications through the Notifications section of the
-         * Settings app. Apps unregistered through this method can always
-         * re-register.
-         */
-        abandonPermissions(): void
-
-        /**
-         * See what push permissions are currently enabled. `callback` will be
-         * invoked with a `permissions` object:
-         *
-         *  - `alert` :boolean
-         *  - `badge` :boolean
-         *  - `sound` :boolean
-         */
-        checkPermissions( callback: ( permissions: PushNotificationPermissions ) => void ): void
-
-        /**
-         * Removes the event listener. Do this in `componentWillUnmount` to prevent
-         * memory leaks
-         */
-        removeEventListener( type: string, handler: ( notification: PushNotification ) => void ): void
-
-        /**
-         * An initial notification will be available if the app was cold-launched
-         * from a notification.
-         *
-         * The first caller of `popInitialNotification` will get the initial
-         * notification object, or `null`. Subsequent invocations will return null.
-         */
-        popInitialNotification(): PushNotification
-    }
-
-
-    /**
-     * @enum('default', 'light-content')
-     */
-    export type StatusBarStyle =  "default" | "light-content"
-
-    /**
-     * @enum('none','fade', 'slide')
-     */
-    type StatusBarAnimation = "none" | "fade" | "slide"
-
-    export interface StatusBarPropertiesIOS extends React.Props<StatusBarStatic> {
-        /**
-         * Sets the color of the status bar text.
-         */
-        barStyle?: StatusBarStyle
-
-        /**
-         * If the network activity indicator should be visible.
-         */
-        networkActivityIndicatorVisible?: boolean
-
-        /**
-         * The transition effect when showing and hiding the status bar using
-         * the hidden prop. Defaults to 'fade'.
-         */
-        showHideTransition?: "fade" | "slide"
-    }
-
-    export interface StatusBarPropertiesAndroid extends React.Props<StatusBarStatic> {
-        /**
-         * The background color of the status bar.
-         */
-        backgroundColor?: any
-
-        /**
-         * If the status bar is translucent. When translucent is set to true,
-         * the app will draw under the status bar. This is useful when using a
-         * semi transparent status bar color.
-         */
-        translucent?: boolean
-    }
-
-    export interface StatusBarProperties extends StatusBarPropertiesIOS, StatusBarPropertiesAndroid, React.Props<StatusBarStatic> {
-
-        /**
-         * If the transition between status bar property changes should be
-         * animated. Supported for backgroundColor, barStyle and hidden.
-         */
-        animated?: boolean
-
-        /**
-         * If the status bar is hidden.
-         */
-        hidden?: boolean
-    }
-
-    export interface StatusBarStatic extends React.ComponentClass<StatusBarProperties> {
-
-        setHidden: (hidden: boolean, animation: StatusBarAnimation) => void
-
-        setBarStyle: (style: StatusBarStyle, animated: boolean) => void
-
-        setNetworkActivityIndicatorVisible: (visible: boolean) => void
-
-        setBackgroundColor: (color: string, animated: boolean) => void
-
-        setTranslucent: (translucent: boolean) => void
-    }
-
-
-    /**
-     * StatusBarIOS is being deprecated.
-     * @see https://github.com/facebook/react-native/commit/4de616b4c1a9d3556632a93504828f0539fa4fa5
-     */
-    export interface StatusBarIOSStatic {
-    }
-
-    type TimePickerAndroidOpenOptions = {
-        hour?: number
-        minute?: number
-        is24Hour?: boolean
-    }
-
-    export interface TimePickerAndroidStatic {
-
-        /**
-         * The available keys for the options object are:
-         * hour (0-23) - the hour to show, defaults to the current time
-         * minute (0-59) - the minute to show, defaults to the current time
-         * is24Hour (boolean) - If true, the picker uses the 24-hour format.
-         * If false, the picker shows an AM/PM chooser. If undefined,
-         * the default for the current locale is used.
-
-         * Returns a Promise which will be invoked an object containing action,
-         * hour (0-23), minute (0-59) if the user picked a time. If the user
-         * dismissed the dialog, the Promise will still be resolved with action
-         * being TimePickerAndroid.dismissedAction and all the other keys being
-         * undefined. Always check whether the action before reading the values.
-         */
-        open(options: TimePickerAndroidOpenOptions): Promise<{action: string, hour: number, minute: number}>
-
-        /**
-         * A time has been selected.
-         */
-        timeSetAction: string
-
-        /**
-         * The dialog has been dismissed.
-         */
-        dismissedAction: string
-    }
-
-    export interface ToastAndroidStatic {
-        /**
-         * String message: A string with the text to toast
-         * int duration: The duration of the toast.
-         * May be ToastAndroid.SHORT or ToastAndroid.LONG
-         */
-        show(message: string, duration: number): void
-        SHORT: number
-        LONG: number
-    }
-
-    export interface SwitchPropertiesIOS extends ViewProperties, React.Props<SwitchStatic> {
-
-        /**
-         * Background color when the switch is turned on.
-         */
-        onTintColor?: string
-
-        /**
-         * Color of the foreground switch grip.
-         */
-        thumbTintColor?: string
-
-        /**
-         * Background color when the switch is turned off.
-         */
-        tintColor?: string
-
-        ref?: Ref<SwitchStatic>
-    }
-
-    export interface SwitchProperties extends ViewProperties, React.Props<SwitchStatic> {
-
-        /**
-         * If true the user won't be able to toggle the switch.
-         * Default value is false.
-         */
-        disabled?: boolean
-
-        /**
-         * Invoked with the new value when the value changes.
-         */
-        onValueChange?: (value: boolean) => void
-
-        /**
-         * Used to locate this view in end-to-end tests.
-         */
-        testID?: string
-
-        /**
-         * The value of the switch. If true the switch will be turned on.
-         * Default value is false.
-         */
-        value?: boolean
-
-	    style?: ViewStyle
-
-        ref?: Ref<SwitchStatic>
-    }
-
-    export interface SwitchStatic extends React.ComponentClass<SwitchProperties> {
-
-    }
-
-    /**
-     * The Vibration API is exposed at VibrationIOS.vibrate().
-     * On iOS, calling this function will trigger a one second vibration.
-     * The vibration is asynchronous so this method will return immediately.
-     *
-     * There will be no effect on devices that do not support Vibration, eg. the iOS simulator.
-     *
-     * Vibration patterns are currently unsupported.
-     *
-     * @see https://facebook.github.io/react-native/docs/vibrationios.html#content
-     */
-    export interface VibrationIOSStatic {
-        vibrate(): void
-    }
-
-    export interface VibrationStatic {
-        // Vibration patterns are currently unsupported.
-        vibrate(pattern: number | number[], repeat: boolean): void
-
-        /**
-         * Stop vibration
-         * @platform android
-         */
-        cancel(): void
-    }
-
-    /**
-     * This class implements common easing functions. The math is pretty obscure,
-     * but this cool website has nice visual illustrations of what they represent:
-     * http://xaedes.de/dev/transitions/
-     */
-    export type EasingFunction = (value: number) => number;
-    export interface EasingStatic {
-        step0: EasingFunction;
-        step1: EasingFunction;
-        linear: EasingFunction;
-        ease: EasingFunction;
-        quad: EasingFunction;
-        cubic: EasingFunction;
-        poly: EasingFunction;
-        sin: EasingFunction;
-        circle: EasingFunction;
-        exp: EasingFunction;
-        elastic: EasingFunction;
-        back(s: number): EasingFunction;
-        bounce: EasingFunction;
-        bezier( x1: number,
-                y1: number,
-                x2: number,
-                y2: number): EasingFunction;
-        in(easing: EasingFunction): EasingFunction;
-        out(easing: EasingFunction): EasingFunction;
-        inOut(easing: EasingFunction): EasingFunction;
-    }
-
-    export module Animated {
-      // Most (all?) functions where AnimatedValue is used any subclass of Animated can be used as well.
-      type AnimatedValue = Animated;
-      type AnimatedValueXY = ValueXY;
-
-      type Base = Animated;
-
-      class Animated {
-        // Internal class, no public API.
-      }
-
-      class AnimatedWithChildren extends Animated {
-        // Internal class, no public API.
-      }
-
-      class AnimatedInterpolation extends AnimatedWithChildren {
-        interpolate(config: InterpolationConfigType): AnimatedInterpolation;
-      }
-
-      type ExtrapolateType = 'extend' | 'identity' | 'clamp';
-
-      type InterpolationConfigType = {
-        inputRange: number[];
-        outputRange: (number[] | string[]);
-        easing?: ((input: number) => number);
-        extrapolate?: ExtrapolateType;
-        extrapolateLeft?: ExtrapolateType;
-        extrapolateRight?: ExtrapolateType;
-      };
-
-      type ValueListenerCallback = (state: {value: number}) => void;
-
-      /**
-       * Standard value for driving animations.  One `Animated.Value` can drive
-       * multiple properties in a synchronized fashion, but can only be driven by one
-       * mechanism at a time.  Using a new mechanism (e.g. starting a new animation,
-       * or calling `setValue`) will stop any previous ones.
-       */
-      export class Value extends AnimatedWithChildren {
-        constructor(value: number);
-
-        setValue(value: number): void;
-
-        /**
-         * Sets an offset that is applied on top of whatever value is set, whether via
-         * `setValue`, an animation, or `Animated.event`.  Useful for compensating
-         * things like the start of a pan gesture.
-         */
-        setOffset(offset: number): void;
-
-        /**
-         * Merges the offset value into the base value and resets the offset to zero.
-         * The final output of the value is unchanged.
-         */
-        flattenOffset(): void;
-
-        /**
-         * Adds an asynchronous listener to the value so you can observe updates from
-         * animations.  This is useful because there is no way to
-         * synchronously read the value because it might be driven natively.
-         */
-        addListener(callback: ValueListenerCallback): string;
-
-        removeListener(id: string): void;
-
-        removeAllListeners(): void;
-
-        /**
-         * Stops any running animation or tracking.  `callback` is invoked with the
-         * final value after stopping the animation, which is useful for updating
-         * state to match the animation position with layout.
-         */
-        stopAnimation(callback?: (value: number) => void): void;
-
-        /**
-         * Interpolates the value before updating the property, e.g. mapping 0-1 to
-         * 0-10.
-         */
-        interpolate(config: InterpolationConfigType): AnimatedInterpolation;
-      }
-
-      type ValueXYListenerCallback = (value: {x: number; y: number}) => void;
-
-      /**
-       * 2D Value for driving 2D animations, such as pan gestures.  Almost identical
-       * API to normal `Animated.Value`, but multiplexed.  Contains two regular
-       * `Animated.Value`s under the hood.
-       */
-      export class ValueXY extends AnimatedWithChildren {
-        x: AnimatedValue;
-        y: AnimatedValue;
-
-        constructor(valueIn?: {x: number | AnimatedValue; y: number | AnimatedValue});
-
-        setValue(value: {x: number; y: number}): void;
-
-        setOffset(offset: {x: number; y: number}): void;
-
-        flattenOffset(): void
-
-        stopAnimation(callback?: () => number): void;
-
-        addListener(callback: ValueXYListenerCallback): string;
-
-        removeListener(id: string): void;
-
-        /**
-         * Converts `{x, y}` into `{left, top}` for use in style, e.g.
-         *
-         *```javascript
-         *  style={this.state.anim.getLayout()}
-         *```
-         */
-        getLayout(): { left: AnimatedValue, top: AnimatedValue };
-
-        /**
-         * Converts `{x, y}` into a useable translation transform, e.g.
-         *
-         *```javascript
-         *  style={{
-         *    transform: this.state.anim.getTranslateTransform()
-         *  }}
-         *```
-         */
-        getTranslateTransform(): {[key: string]: AnimatedValue}[];
-
-      }
-
-      type EndResult = {finished: boolean};
-      type EndCallback = (result: EndResult) => void;
-
-      interface CompositeAnimation {
-        start: (callback?: EndCallback) => void;
-        stop: () => void;
-      }
-
-      interface AnimationConfig {
-        isInteraction?: boolean;
-        useNativeDriver?: boolean;
-      }
-
-      /**
-       * Animates a value from an initial velocity to zero based on a decay
-       * coefficient.
-       */
-      export function decay(
-        value: AnimatedValue | AnimatedValueXY,
-        config: DecayAnimationConfig
-      ): CompositeAnimation;
-
-      interface DecayAnimationConfig extends AnimationConfig {
-        velocity: number | {x: number, y: number};
-        deceleration?: number;
-      }
-
-      /**
-       * Animates a value along a timed easing curve.  The `Easing` module has tons
-       * of pre-defined curves, or you can use your own function.
-       */
-      export var timing: (
-        value: AnimatedValue | AnimatedValueXY,
-        config: TimingAnimationConfig
-      ) => CompositeAnimation;
-
-      interface TimingAnimationConfig extends AnimationConfig {
-        toValue: number | AnimatedValue | {x: number, y: number} | AnimatedValueXY;
-        easing?: (value: number) => number;
-        duration?: number;
-        delay?: number;
-      }
-
-      interface SpringAnimationConfig extends AnimationConfig {
-        toValue: number | AnimatedValue | {x: number, y: number} | AnimatedValueXY;
-        overshootClamping?: boolean;
-        restDisplacementThreshold?: number;
-        restSpeedThreshold?: number;
-        velocity?: number | {x: number, y: number};
-        bounciness?: number;
-        speed?: number;
-        tension?: number;
-        friction?: number;
-      }
-
-      /**
-       * Creates a new Animated value composed from two Animated values added
-       * together.
-       */
-      export function add(
-        a: Animated,
-        b: Animated
-      ): AnimatedAddition;
-
-      class AnimatedAddition extends AnimatedInterpolation {}
-
-      /**
-       * Creates a new Animated value composed from two Animated values multiplied
-       * together.
-       */
-       export function multiply(
-        a: Animated,
-        b: Animated
-      ): AnimatedMultiplication;
-
-      class AnimatedMultiplication extends AnimatedInterpolation {}
-
-      /**
-       * Creates a new Animated value that is the (non-negative) modulo of the
-       * provided Animated value
-       */
-      export function modulo(
-        a: Animated,
-        modulus: number
-      ): AnimatedModulo;
-
-      class AnimatedModulo extends AnimatedInterpolation {}
-
-      /**
-       * Starts an animation after the given delay.
-       */
-      export function delay(time: number): CompositeAnimation;
-
-      /**
-       * Starts an array of animations in order, waiting for each to complete
-       * before starting the next.  If the current running animation is stopped, no
-       * following animations will be started.
-       */
-      export function sequence(
-        animations: Array<CompositeAnimation>
-      ): CompositeAnimation;
-
-      /**
-       * Array of animations may run in parallel (overlap), but are started in
-       * sequence with successive delays.  Nice for doing trailing effects.
-       */
-
-      export function stagger(
-        time: number,
-        animations: Array<CompositeAnimation>
-      ): CompositeAnimation
-
-      /**
-       * Spring animation based on Rebound and Origami.  Tracks velocity state to
-       * create fluid motions as the `toValue` updates, and can be chained together.
-       */
-      export var spring: (
-        value: AnimatedValue | AnimatedValueXY,
-        config: SpringAnimationConfig
-      ) => CompositeAnimation;
-
-      type ParallelConfig = {
-        stopTogether?: boolean; // If one is stopped, stop all.  default: true
-      }
-
-      /**
-       * Starts an array of animations all at the same time.  By default, if one
-       * of the animations is stopped, they will all be stopped.  You can override
-       * this with the `stopTogether` flag.
-       */
-      var parallel: (
-        animations: Array<CompositeAnimation>,
-        config?: ParallelConfig
-      ) => CompositeAnimation;
-
-      type Mapping = {[key: string]: Mapping} | AnimatedValue;
-      interface EventConfig {
-        listener?: Function
-      }
-
-      /**
-       *  Takes an array of mappings and extracts values from each arg accordingly,
-       *  then calls `setValue` on the mapped outputs.  e.g.
-       *
-       *```javascript
-       *  onScroll={Animated.event(
-       *    [{nativeEvent: {contentOffset: {x: this._scrollX}}}]
-       *    {listener},          // Optional async listener
-       *  )
-       *  ...
-       *  onPanResponderMove: Animated.event([
-       *    null,                // raw event arg ignored
-       *    {dx: this._panX},    // gestureState arg
-       *  ]),
-       *```
-       */
-      var event: (
-        argMapping: Mapping[],
-        config?: EventConfig
-      ) => (...args: any[]) => void;
-
-      /**
-       * Animated variants of the basic native views. Accepts Animated.Value for
-       * props and style.
-       */
-      export var View: any;
-      export var Image: any;
-      export var Text: any;
-    }
-
-    export interface GeolocationStatic {
-        /*
-         * Invokes the success callback once with the latest location info.  Supported
-         * options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool)
-         * On Android, this can return almost immediately if the location is cached or
-         * request an update, which might take a while.
-         */
-        getCurrentPosition(geo_success: (position: GeolocationReturnType) => void, geo_error?: (error: Error) => void, geo_options?: GetCurrentPositionOptions): void
-
-        /*
-         * Invokes the success callback whenever the location changes.  Supported
-         * options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool), distanceFilter(m)
-         */
-        watchPosition(success: (position: Geolocation) => void, error?: (error: Error) => void, options?: WatchPositionOptions): void
-
-        clearWatch(watchID: number): void
-
-        stopObserving(): void
-    }
-
-    // Network Polyfill
-    // TODO: Add proper support for fetch
-    export type fetch = (url: string, options?: Object) => Promise<any>
-
-    // Timers polyfill
-    export type timedScheduler = (fn: string | Function, time: number) => number
-    export type untimedScheduler = (fn: string | Function) => number
-    export type setTimeout = timedScheduler
-    export type setInterval = timedScheduler
-    export type setImmediate = untimedScheduler
-    export type requestAnimationFrame = untimedScheduler
-
-    export type schedulerCanceller = (id: number) => void
-    export type clearTimeout = schedulerCanceller
-    export type clearInterval = schedulerCanceller
-    export type clearImmediate = schedulerCanceller
-    export type cancelAnimationFrame = schedulerCanceller
-
-
-    export interface TabsReducerStatic {
-        JumpToAction(index: number): any;
-    }
-
-    export type TabsReducerFunction = (params:any) => any;
-
-    export interface NavigationReducerStatic {
-        TabsReducer: any; // (TabsReducerFunction | TabsReducerStatic);
-    }
-
-    export interface NavigationTab
-    {
-        key: string;
-    }
-
-    export interface NavigationAction
-    {
-        type: string;
-    }
-
-    export interface NavigationRoute {
-      key: string;
-    }
-
-    export interface NavigationState extends NavigationRoute {
-        index: number;
-        routes: NavigationRoute[];
-    }
-
-    export type NavigationRenderer = (
-        route: NavigationState,
-        onNavigate: (action: NavigationAction) => boolean
-    ) => JSX.Element;
-
-    // Definitions for NavigationExperimental feature are deduced
-    // from code examples
-    export interface NavigationAnimatedViewStaticProps {
-        route?: any
-        style?: ViewStyle
-        renderOverlay?(props: Object): JSX.Element
-        applyAnimation(pos: any, navState: Object): void // TODO: what's pos?
-        renderScene?(props: Object): JSX.Element
-    }
-
-    export interface NavigationAnimatedViewStatic extends React.ComponentClass<NavigationAnimatedViewStaticProps> {
-    }
-
-    export interface NavigationHeaderProps {
-        renderTitleComponent?(props: Object): JSX.Element
-        onNavigateBack(): void
-    }
-
-    export interface NavigationHeaderStatic extends React.ComponentClass<NavigationHeaderProps> {
-        Title: JSX.Element
-        HEIGHT: number
-    }
-
-    export interface NavigationCardStackProps {
-        direction?: 'horizontal' | 'vertical'
-        style?: ViewStyle
-        route?: any
-        renderScene?(props: any /* undocumented on 0.27 */): JSX.Element
-        onNavigateBack(): void
-    }
-
-    export interface NavigationCardStackStatic extends React.ComponentClass<NavigationCardStackProps> {
-    }
-
-    export interface NavigationExperimentalStatic {
-        AnimatedView: NavigationAnimatedViewStatic;
-        CardStack: NavigationCardStackStatic;
-        Header: NavigationHeaderStatic;
-        Reducer: NavigationReducerStatic;
-    }
-
-    export interface NavigationContainerProps {
-        tabs: NavigationTab[];
-        index: number;
-    }
-
-    export interface NavigationContainerStatic extends React.ComponentClass<NavigationContainerProps> {
-        create(inClass: any): any;
-    }
-
-    export interface NavigationRootContainerProps extends React.Props<NavigationRootContainerStatic> {
-        renderNavigation: NavigationRenderer;
-        reducer: NavigationReducerStatic;
-        persistenceKey?: string;
-    }
-
-    export interface NavigationRootContainerStatic extends React.ComponentClass<NavigationRootContainerProps> {
-        getBackAction(): NavigationAction;
-        handleNavigation( action: NavigationAction ): boolean;
-    }
-
-    //
-    // Interfacing with Native Modules
-    // https://facebook.github.io/react-native/docs/native-modules-ios.html
-    //
-
-    export interface NativeEventSubscription {
-        /**
-         * Call this method to un-subscribe from a native-event
-         */
-        remove(): void;
-    }
-
-    /**
-     * Receive events from native-code
-     * @see https://facebook.github.io/react-native/docs/native-modules-ios.html#sending-events-to-javascript
-     */
-    export interface NativeAppEventEmitterStatic {
-        addListener(event: string, handler: (data: any) => void): NativeEventSubscription;
-    }
-
-
-    //////////////////////////////////////////////////////////////////////////
-    //
-    //  R E - E X P O R T S
-    //
-    //////////////////////////////////////////////////////////////////////////
-
-    // export var AppRegistry: AppRegistryStatic;
-
-    export var ActivityIndicator: ActivityIndicatorStatic
-    export type ActivityIndicator = ActivityIndicatorStatic
-
-    export var ActivityIndicatorIOS: ActivityIndicatorIOSStatic
-    export type ActivityIndicatorIOS = ActivityIndicatorIOSStatic
-
-    export var DatePickerIOS: DatePickerIOSStatic
-    export type DatePickerIOS = DatePickerIOSStatic
-
-    export var DrawerLayoutAndroid: DrawerLayoutAndroidStatic
-    export type DrawerLayoutAndroid = DrawerLayoutAndroidStatic
-
-    export var Image: ImageStatic
-    export type Image = ImageStatic
-
-    export var LayoutAnimation: LayoutAnimationStatic
-    export type LayoutAnimation = LayoutAnimationStatic
-
-    export var ListView: ListViewStatic
-    export type ListView = ListViewStatic
-
-    export var MapView: MapViewStatic
-    export type MapView = MapViewStatic
-
-    export var Modal: ModalStatic
-    export type Modal = ModalStatic
-
-    export var Navigator: NavigatorStatic
-    export type Navigator = NavigatorStatic
-
-    export var NavigatorIOS: NavigatorIOSStatic
-    export type NavigatorIOS = NavigatorIOSStatic
-
-    export var Picker: PickerStatic
-    export type Picker = PickerStatic
-
-    export var PickerIOS: PickerIOSStatic
-    export type PickerIOS = PickerIOSStatic
-
-    export var ProgressBarAndroid: ProgressBarAndroidStatic
-    export type ProgressBarAndroid = ProgressBarAndroidStatic
-
-    export var ProgressViewIOS: ProgressViewIOSStatic
-    export type ProgressViewIOS = ProgressViewIOSStatic
-
-    export var RefreshControl: RefreshControlStatic
-    export type RefreshControl = RefreshControlStatic
-
-    export var Slider: SliderIOS
-    export type Slider = SliderIOS
-
-    export var SliderIOS: SliderIOSStatic
-    export type SliderIOS = SliderIOSStatic
-
-    export var StatusBar: StatusBarStatic
-    export type StatusBar = StatusBarStatic
-
-    export var ScrollView: ScrollViewStatic
-    export type ScrollView = ScrollViewStatic
-
-    export var StyleSheet: StyleSheetStatic
-    export type StyleSheet = StyleSheetStatic
-
-    export var SwipeableListView: SwipeableListViewStatic
-    export type SwipeableListView = SwipeableListViewStatic
-
-    export var Switch: SwitchStatic
-    export type Switch = SwitchStatic
-
-    export var SwitchIOS: SwitchIOSStatic
-    export type SwitchIOS = SwitchIOSStatic
-
-    export var TabBarIOS: TabBarIOSStatic
-    export type TabBarIOS = TabBarIOSStatic
-
-    export var Text: TextStatic
-    export type Text = TextStatic
-
-    export var TextInput: TextInputStatic
-    export type TextInput = TextInputStatic
-
-    export var ToolbarAndroid: ToolbarAndroidStatic
-    export type ToolbarAndroid = ToolbarAndroidStatic
-
-    export var TouchableHighlight: TouchableHighlightStatic
-    export type TouchableHighlight = TouchableHighlightStatic
-
-    export var TouchableNativeFeedback: TouchableNativeFeedbackStatic
-    export type TouchableNativeFeedback = TouchableNativeFeedbackStatic
-
-    export var TouchableOpacity: TouchableOpacityStatic
-    export type TouchableOpacity = TouchableOpacityStatic
-
-    export var TouchableWithoutFeedback: TouchableWithoutFeedbackStatic
-    export type TouchableWithoutFeedback= TouchableWithoutFeedbackStatic
-
-    export var View: ViewStatic
-    export type View = ViewStatic
-
-    export var ViewPagerAndroid: ViewPagerAndroidStatic
-    export type ViewPagerAndroid = ViewPagerAndroidStatic
-
-    export var WebView: WebViewStatic
-    export type WebView = WebViewStatic
-
-
-    //////////// APIS //////////////
-    export var ActionSheetIOS: ActionSheetIOSStatic
-    export type ActionSheetIOS = ActionSheetIOSStatic
-
-    export var AdSupportIOS: AdSupportIOSStatic
-    export type AdSupportIOS = AdSupportIOSStatic
-
-    export var Alert: AlertStatic
-    export type Alert = AlertStatic
-
-    export var AlertIOS: AlertIOSStatic
-    export type AlertIOS = AlertIOSStatic
-
-    export var AppState : AppStateStatic;
-    export type AppState = AppStateStatic;
-
-    export var AppStateIOS: AppStateStatic
-    export type AppStateIOS = AppStateStatic
-
-    export var AsyncStorage: AsyncStorageStatic
-    export type AsyncStorage = AsyncStorageStatic
-
-    export var BackAndroid: BackAndroidStatic
-    export type BackAndroid = BackAndroidStatic
-
-    export var CameraRoll: CameraRollStatic
-    export type CameraRoll = CameraRollStatic
-
-    export var Clipboard: ClipboardStatic
-    export type Clipboard = ClipboardStatic
-
-    export var DatePickerAndroid: DatePickerAndroidStatic
-    export type DatePickerAndroid = DatePickerAndroidStatic
-
-    export var IntentAndroid: IntentAndroidStatic
-    export type IntentAndroid = IntentAndroidStatic
-
-    export var KeyboardAvoidingView: KeyboardAvoidingViewStatic
-    export type KeyboardAvoidingView = KeyboardAvoidingViewStatic
-
-    export var Linking: LinkingStatic
-    export type Linking = LinkingStatic
-
-    export var LinkingIOS: LinkingIOSStatic
-    export type LinkingIOS = LinkingIOSStatic
-
-    export var NetInfo: NetInfoStatic
-    export type NetInfo = NetInfoStatic
-
-    export var PanResponder: PanResponderStatic
-    export type PanResponder = PanResponderStatic
-
-    export var PushNotificationIOS: PushNotificationIOSStatic
-    export type PushNotificationIOS = PushNotificationIOSStatic
-
-    export var StatusBarIOS: StatusBarIOSStatic
-    export type StatusBarIOS = StatusBarIOSStatic
-
-    export var TimePickerAndroid: TimePickerAndroidStatic
-    export type TimePickerAndroid = TimePickerAndroidStatic
-
-    export var ToastAndroid: ToastAndroidStatic
-    export type ToastAndroid = ToastAndroidStatic
-
-    export var VibrationIOS: VibrationIOSStatic
-    export type VibrationIOS = VibrationIOSStatic
-
-    export var Vibration: VibrationStatic
-    export type Vibration = VibrationStatic
-
-    export var Dimensions: Dimensions;
-    export var ShadowPropTypesIOS: ShadowPropTypesIOSStatic;
-
-    export type NavigationExperimental = NavigationExperimentalStatic;
-    export var NavigationExperimental: NavigationExperimentalStatic;
-
-    export type NavigationContainer = NavigationContainerStatic;
-    export var NavigationContainer: NavigationContainerStatic;
-
-    export type NavigationRootContainer = NavigationRootContainerStatic;
-    export var NavigationRootContainer: NavigationRootContainerStatic;
-
-    export type NavigationReducer = NavigationReducerStatic;
-    export var NavigationReducer: NavigationReducerStatic;
-
-    export type Easing = EasingStatic;
-    export var Easing: EasingStatic;
-
-    //Native Modules written in ObjectiveC/Swift/Java exposed via the RCTBridge
-    //See https://facebook.github.io/react-native/docs/native-modules-ios.html
-
-    /**
-     * Use:
-     * <code>const MyModule = NativeModules.ModuleName</code>
-     */
-    export var NativeModules: any
-    export var NativeAppEventEmitter: NativeAppEventEmitterStatic
-
-
-    //////////// Plugins //////////////
-    export interface ComponentInterface<P> {
-        name?: string;
-        displayName?: string;
-        propTypes: P
-    }
-
-    export function requireNativeComponent<P>(
-        viewName: string,
-        componentInterface?: ComponentInterface<P>,
-        extraConfig?: {nativeOnly: Object}
-    ): React.ComponentClass<P>;
-
-    //
-    // /TODO: BGR: These are leftovers of the initial port that must be revisited
-    //
-
-    export var SegmentedControlIOS: SegmentedControlIOSStatic
-    export type SegmentedControlIOS = SegmentedControlIOSStatic
-
-    export var PixelRatio: PixelRatioStatic
-    export var Platform: PlatformStatic
-    export var DeviceEventEmitter: DeviceEventEmitterStatic
-    export var DeviceEventSubscription: DeviceEventSubscriptionStatic
-    export type DeviceEventSubscription = DeviceEventSubscriptionStatic
-    export var InteractionManager: InteractionManagerStatic
-
-    export var Geolocation: GeolocationStatic
-    export type Geolocation = GeolocationStatic
-
-    //////////////////////////////////////////////////////////////////////////
-    //
-    // Additional ( and controversial)
-    //
-    //////////////////////////////////////////////////////////////////////////
-
-    export function __spread( target: any, ...sources: any[] ): any;
-
-    export interface GlobalStatic {
-
-        /**
-         * Accepts a function as its only argument and calls that function before the next repaint.
-         * It is an essential building block for animations that underlies all of the JavaScript-based animation APIs.
-         * In general, you shouldn't need to call this yourself - the animation API's will manage frame updates for you.
-         * @see https://facebook.github.io/react-native/docs/animations.html#requestanimationframe
-         */
-        requestAnimationFrame( fn: () => void ) : void;
-
-    }
-
-    //
-    // Add-Ons
-    //
-    namespace addons {
-
-        //FIXME: Documentation ?
-        export interface TestModuleStatic {
-
-            verifySnapshot: ( done: ( indicator?: any ) => void ) => void
-            markTestPassed: ( indicator: any ) => void
-            markTestCompleted: () => void
-        }
-
-        export var TestModule: TestModuleStatic
-        export type TestModule = TestModuleStatic
-    }
-}
-
-declare module "react-native" {
-    import ReactNative = __React
-    export = ReactNative
-}
-
-declare var global: __React.GlobalStatic
-
-declare function require( name: string ): any
-
-/**
- * This variable is set to true when react-native is running in Dev mode
- * Typical usage:
- * <code> if (__DEV__) console.log('Running in dev mode')</code>
- */
-declare var __DEV__: boolean
-
-
diff --git a/react-native/tsconfig.json b/react-native/tsconfig.json
index 8e462ed474..1a6f765478 100644
--- a/react-native/tsconfig.json
+++ b/react-native/tsconfig.json
@@ -16,6 +16,7 @@
     },
     "files": [
         "index.d.ts",
+        "react-native-tests.tsx",
         "react-native-animated-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-overlays/tsconfig.json b/react-overlays/tsconfig.json
index 75ad9ee52d..5bb576b098 100644
--- a/react-overlays/tsconfig.json
+++ b/react-overlays/tsconfig.json
@@ -16,6 +16,7 @@
     },
     "files": [
         "index.d.ts",
+        "lib/RootCloseWrapper.d.ts",
         "react-overlays-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-redux/react-redux-2.1.2-tests.tsx b/react-redux/react-redux-2.1.2-tests.tsx
deleted file mode 100644
index 126b8396c0..0000000000
--- a/react-redux/react-redux-2.1.2-tests.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-/// <reference types="redux" />
-
-import { Component, ReactElement } from 'react';
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import * as Router from 'react-router';
-import { Route, RouterState } from 'react-router';
-import { Store, Dispatch, bindActionCreators } from 'redux';
-import { connect, Provider } from 'react-redux';
-import objectAssign = require('object-assign');
-
-//
-// Quick Start
-// https://github.com/rackt/react-redux/blob/master/docs/quick-start.md#quick-start
-//
-
-interface CounterState {
-    counter: number;
-}
-declare var increment: Function;
-
-class Counter extends Component<any, any> {
-    render() {
-        return (
-            <button onClick={this.props.onIncrement}>
-                {this.props.value}
-            </button>
-        );
-    }
-}
-
-function mapStateToProps(state: CounterState) {
-    return {
-        value: state.counter
-    };
-}
-
-// Which action creators does it want to receive by props?
-function mapDispatchToProps(dispatch: Dispatch<CounterState>) {
-    return {
-        onIncrement: () => dispatch(increment())
-    };
-}
-
-connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(Counter);
-
-
-@connect(mapStateToProps)
-class CounterContainer extends Component<any, any> {
-
-}
-
-class App extends Component<any, any> {
-    render(): JSX.Element {
-        // ...
-        return null;
-    }
-}
-
-const targetEl = document.getElementById('root');
-
-ReactDOM.render((
-    <Provider store={store}>
-        {() => <App />}
-    </Provider>
-), targetEl);
-
-//
-// API
-// https://github.com/rackt/react-redux/blob/master/docs/api.md
-//
-declare var routes: Route;
-declare var store: Store<TodoState>;
-declare var routerState: RouterState;
-class MyRootComponent extends Component<any, any> {
-
-}
-class TodoApp extends Component<any, any> {
-
-}
-interface TodoState {
-    todos: string[]|string;
-}
-interface TodoProps {
-    userId: number;
-}
-interface DispatchProps {
-    addTodo(userId: number, text: string): void;
-}
-declare var actionCreators: () => {
-    action: Function;
-}
-declare var addTodo: () => { type: string; };
-declare var todoActionCreators: { [type: string]: (...args: any[]) => any; };
-declare var counterActionCreators: { [type: string]: (...args: any[]) => any; };
-
-ReactDOM.render(
-  <Provider store={store}>
-    {() => <MyRootComponent />}
-  </Provider>,
-  document.body
-);
-
-Router.run(routes, Router.HistoryLocation, (Handler, routerState) => { // note "routerState" here
-    ReactDOM.render(
-        <Provider store={store}>
-            {/*
-             //TODO: error TS2339: Property 'routerState' does not exist on type 'RouteProp'.
-             {() => <Handler routerState={routerState} />} // note "routerState" here: important to pass it down
-            */}
-        </Provider>,
-        document.getElementById('root')
-    );
-});
-
-//TODO: for React Router 1.0
-//TODO: error TS2604: JSX element type 'Router' does not have any construct or call signatures.
-//ReactDOM.render(
-//    <Provider store={store}>
-//        {() => <Router history={history}>...</Router>}
-//    </Provider>,
-//    targetEl
-//);
-
-// Inject just dispatch and don't listen to store
-
-connect()(TodoApp);
-
-// Inject dispatch and every field in the global state
-
-connect((state: TodoState) => state)(TodoApp);
-
-// Inject dispatch and todos
-
-function mapStateToProps2(state: TodoState) {
-    return { todos: state.todos };
-}
-
-export default connect(mapStateToProps2)(TodoApp);
-
-// Inject todos and all action creators (addTodo, completeTodo, ...)
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-connect(mapStateToProps2, actionCreators)(TodoApp);
-
-// Inject todos and all action creators (addTodo, completeTodo, ...) as actions
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mapDispatchToProps2(dispatch: Dispatch<TodoState>) {
-    return { actions: bindActionCreators(actionCreators, dispatch) };
-}
-
-connect(mapStateToProps2, mapDispatchToProps2)(TodoApp);
-
-// Inject todos and a specific action creator (addTodo)
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mapDispatchToProps3(dispatch: Dispatch<TodoState>) {
-    return bindActionCreators({ addTodo }, dispatch);
-}
-
-connect(mapStateToProps2, mapDispatchToProps3)(TodoApp);
-
-// Inject todos, todoActionCreators as todoActions, and counterActionCreators as counterActions
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mapDispatchToProps4(dispatch: Dispatch<TodoState>) {
-    return {
-        todoActions: bindActionCreators(todoActionCreators, dispatch),
-        counterActions: bindActionCreators(counterActionCreators, dispatch)
-    };
-}
-
-connect(mapStateToProps2, mapDispatchToProps4)(TodoApp);
-
-// Inject todos, and todoActionCreators and counterActionCreators together as actions
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mapDispatchToProps5(dispatch: Dispatch<TodoState>) {
-    return {
-        actions: bindActionCreators(objectAssign({}, todoActionCreators, counterActionCreators), dispatch)
-    };
-}
-
-connect(mapStateToProps2, mapDispatchToProps5)(TodoApp);
-
-// Inject todos, and all todoActionCreators and counterActionCreators directly as props
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mapDispatchToProps6(dispatch: Dispatch<TodoState>) {
-    return bindActionCreators(objectAssign({}, todoActionCreators, counterActionCreators), dispatch);
-}
-
-connect(mapStateToProps2, mapDispatchToProps6)(TodoApp);
-
-// Inject todos of a specific user depending on props
-
-function mapStateToProps3(state: TodoState, ownProps: TodoProps): TodoState {
-    return { todos: state.todos[ownProps.userId] };
-}
-
-connect(mapStateToProps3)(TodoApp);
-
-// Inject todos of a specific user depending on props, and inject props.userId into the action
-
-//function mapStateToProps(state) {
-//    return { todos: state.todos };
-//}
-
-function mergeProps(stateProps: TodoState, dispatchProps: DispatchProps, ownProps: TodoProps): DispatchProps & TodoState & TodoProps {
-    return objectAssign({}, ownProps, dispatchProps, {
-        todos: stateProps.todos[ownProps.userId],
-        addTodo: (text: string) => dispatchProps.addTodo(ownProps.userId, text)
-    });
-}
-
-connect(mapStateToProps2, actionCreators, mergeProps)(TodoApp);
-
-
-
-
-
-interface TestProp {
-    property1: number;
-    someOtherProperty?: string;
-}
-interface TestState {
-    isLoaded: boolean;
-    state1: number;
-}
-class TestComponent extends Component<TestProp, TestState> { }
-const WrappedTestComponent = connect()(TestComponent);
-
-// return value of the connect()(TestComponent) is of the type TestComponent
-let ATestComponent: typeof TestComponent = null;
-ATestComponent = TestComponent;
-ATestComponent = WrappedTestComponent;
-
-let anElement: ReactElement<TestProp>;
-<TestComponent property1={42} />;
-<WrappedTestComponent property1={42} />;
-<ATestComponent property1={42} />;
-
-class NonComponent {}
-// this doesn't compile
-//connect()(NonComponent);
-
-// connect()(SomeClass) has the same constructor as SomeClass itself
-class SomeClass extends Component<any, any> {
-    constructor(public foo: string) { super() }
-    public bar: number;
-}
-let bar: number = new (connect()(SomeClass))("foo").bar;
diff --git a/react-redux/react-redux-2.1.2.d.ts b/react-redux/react-redux-2.1.2.d.ts
deleted file mode 100644
index 7246d96249..0000000000
--- a/react-redux/react-redux-2.1.2.d.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-// Type definitions for react-redux 2.1.2
-// Project: https://github.com/rackt/react-redux
-// Definitions by: Qubo <https://github.com/tkqubo>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="react" />
-/// <reference types="redux" />
-
-declare module "react-redux" {
-  import { Component } from 'react';
-  import { Store, Dispatch, ActionCreator } from 'redux';
-
-  export class ElementClass extends Component<any, any> { }
-  export interface ClassDecorator {
-    <T extends (typeof ElementClass)>(component: T): T
-  }
-
-  /**
-   * Connects a React component to a Redux store.
-   * @param mapStateToProps
-   * @param mapDispatchToProps
-   * @param mergeProps
-   * @param options
-     */
-  export function connect(mapStateToProps?: MapStateToProps,
-                          mapDispatchToProps?: MapDispatchToPropsFunction|MapDispatchToPropsObject,
-                          mergeProps?: MergeProps,
-                          options?: Options): ClassDecorator;
-
-  interface MapStateToProps {
-    (state: any, ownProps?: any): any;
-  }
-
-  interface MapDispatchToPropsFunction {
-    (dispatch: Dispatch<any>, ownProps?: any): any;
-  }
-
-  interface MapDispatchToPropsObject {
-    [name: string]: ActionCreator<any>;
-  }
-
-  interface MergeProps {
-    (stateProps: any, dispatchProps: any, ownProps: any): any;
-  }
-
-  interface Options {
-    /**
-     * If true, implements shouldComponentUpdate and shallowly compares the result of mergeProps,
-     * preventing unnecessary updates, assuming that the component is a “pure” component
-     * and does not rely on any input or state other than its props and the selected Redux store’s state.
-     * Defaults to true.
-     * @default true
-     */
-    pure: boolean;
-  }
-
-  export interface Property {
-    /**
-     * The single Redux store in your application.
-     */
-    store?: Store<any>;
-    children?: Function;
-  }
-
-  /**
-   * Makes the Redux store available to the connect() calls in the component hierarchy below.
-   */
-  export class Provider extends Component<Property, {}> { }
-}
diff --git a/react-relay/react-relay-test.tsx b/react-relay/react-relay-tests.tsx
similarity index 100%
rename from react-relay/react-relay-test.tsx
rename to react-relay/react-relay-tests.tsx
diff --git a/react-relay/tsconfig.json b/react-relay/tsconfig.json
index 980d76c7c5..7607a38900 100644
--- a/react-relay/tsconfig.json
+++ b/react-relay/tsconfig.json
@@ -16,6 +16,6 @@
     },
     "files": [
         "index.d.ts",
-        "react-relay-test.tsx"
+        "react-relay-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-router-redux/react-router-redux-2.x.d.ts b/react-router-redux/v3/index.d.ts
similarity index 66%
rename from react-router-redux/react-router-redux-2.x.d.ts
rename to react-router-redux/v3/index.d.ts
index 2557f1ba6f..83c9313e1e 100644
--- a/react-router-redux/react-router-redux-2.x.d.ts
+++ b/react-router-redux/v3/index.d.ts
@@ -1,15 +1,14 @@
-// Type definitions for react-router-redux v2.x - v3.x
+// Type definitions for react-router-redux 3.x
 // Project: https://github.com/rackt/react-router-redux
 // Definitions by: Isman Usoh <http://github.com/isman-usoh>, Noah Shipley <https://github.com/noah79>, Dimitri Rosenberg <https://github.com/rosendi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="redux" />
+import * as Redux from "redux";
+import * as History from "history";
+
 /// <reference types="react-router"/>
 
 declare namespace ReactRouterRedux {
-    import R = Redux;
-    import H = HistoryModule;
-
     const TRANSITION: string;
     const UPDATE_LOCATION: string;
 
@@ -20,7 +19,7 @@ declare namespace ReactRouterRedux {
     const goForward: GoBackAction;
     const routeActions: RouteActions;
 
-    type LocationDescriptor = H.LocationDescriptor;
+    type LocationDescriptor = History.LocationDescriptor;
     type PushAction = (nextLocation: LocationDescriptor) => void;
     type ReplaceAction = (nextLocation: LocationDescriptor) => void;
     type GoAction = (n: number) => void;
@@ -34,15 +33,13 @@ declare namespace ReactRouterRedux {
         goForward: GoForwardAction;
         goBack: GoBackAction;
     }
-    interface HistoryMiddleware extends R.Middleware {
-        listenForReplays(store: R.Store<any>, selectLocationState?: Function): void;
+    interface HistoryMiddleware extends Redux.Middleware {
+        listenForReplays(store: Redux.Store<any>, selectLocationState?: Function): void;
         unsubscribe(): void;
     }
 
-    function routeReducer(state?: any, options?: any): R.Reducer<any>;
-    function syncHistory(history: H.History): HistoryMiddleware;
+    function routeReducer(state?: any, options?: any): Redux.Reducer<any>;
+    function syncHistory(history: History.History): HistoryMiddleware;
 }
 
-declare module "react-router-redux" {
-    export = ReactRouterRedux;
-}
+export = ReactRouterRedux;
diff --git a/react-router-redux/react-router-redux-2.x-tests.ts b/react-router-redux/v3/react-router-redux-tests.ts
similarity index 100%
rename from react-router-redux/react-router-redux-2.x-tests.ts
rename to react-router-redux/v3/react-router-redux-tests.ts
diff --git a/react-router-redux/v3/tsconfig.json b/react-router-redux/v3/tsconfig.json
new file mode 100644
index 0000000000..7ec7e3584d
--- /dev/null
+++ b/react-router-redux/v3/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "react-router-redux": ["react-router-redux/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-router-redux-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/react-router/react-router-0.13.3.d.ts b/react-router/react-router-0.13.3.d.ts
deleted file mode 100644
index 3c02dedc54..0000000000
--- a/react-router/react-router-0.13.3.d.ts
+++ /dev/null
@@ -1,354 +0,0 @@
-// Type definitions for React Router 0.13.3
-// Project: https://github.com/rackt/react-router
-// Definitions by: Yuichi Murata <https://github.com/mrk21>, Václav Ostrožlík <https://github.com/vasek17>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react" />
-
-declare namespace ReactRouter {
-    import React = __React;
-
-    //
-    // Transition
-    // ----------------------------------------------------------------------
-    interface Transition {
-        path: string;
-        abortReason: any;
-        retry(): void;
-        abort(reason?: any): void;
-        redirect(to: string, params?: {}, query?: {}): void;
-        cancel(): void;
-        from: (transition: Transition, routes: Route[], components?: React.ReactElement<any>[], callback?: (error?: any) => void) => void;
-        to: (transition: Transition, routes: Route[], params?: {}, query?: {}, callback?: (error?: any) => void) => void;
-    }
-
-    interface TransitionStaticLifecycle {
-        willTransitionTo?(
-            transition: Transition,
-            params: {},
-            query: {},
-            callback: Function
-        ): void;
-
-        willTransitionFrom?(
-            transition: Transition,
-            component: React.ReactElement<any>,
-            callback: Function
-        ): void;
-    }
-
-    //
-    // Route Configuration
-    // ----------------------------------------------------------------------
-    // DefaultRoute
-    interface DefaultRouteProp {
-        name?: string;
-        handler: React.ComponentClass<any>;
-    }
-    interface DefaultRoute extends React.ReactElement<DefaultRouteProp> {}
-    interface DefaultRouteClass extends React.ComponentClass<DefaultRouteProp> {}
-
-    // NotFoundRoute
-    interface NotFoundRouteProp {
-        name?: string;
-        handler: React.ComponentClass<any>;
-    }
-    interface NotFoundRoute extends React.ReactElement<NotFoundRouteProp> {}
-    interface NotFoundRouteClass extends React.ComponentClass<NotFoundRouteProp> {}
-
-    // Redirect
-    interface RedirectProp {
-        path?: string;
-        from?: string;
-        to?: string;
-    }
-    interface Redirect extends React.ReactElement<RedirectProp> {}
-    interface RedirectClass extends React.ComponentClass<RedirectProp> {}
-
-    // Route
-    interface RouteProp {
-        name?: string;
-        path?: string;
-        handler?: React.ComponentClass<any>;
-        ignoreScrollBehavior?: boolean;
-    }
-    interface Route extends React.ReactElement<RouteProp> {}
-    interface RouteClass extends React.ComponentClass<RouteProp> {}
-
-    var DefaultRoute: DefaultRouteClass;
-    var NotFoundRoute: NotFoundRouteClass;
-    var Redirect: RedirectClass;
-    var Route: RouteClass;
-
-    interface CreateRouteOptions {
-        name?: string;
-        path?: string;
-        ignoreScrollBehavior?: boolean;
-        isDefault?: boolean;
-        isNotFound?: boolean;
-        onEnter?: (transition: Transition, params: {}, query: {}, callback: Function) => void;
-        onLeave?: (transition: Transition, wtf: any, callback: Function) => void;
-        handler?: Function;
-        parentRoute?: Route;
-    }
-
-    type CreateRouteCallback = (route: Route) => void;
-
-    function createRoute(callback: CreateRouteCallback): Route;
-    function createRoute(options: CreateRouteOptions | string, callback: CreateRouteCallback): Route;
-    function createDefaultRoute(options?: CreateRouteOptions | string): Route;
-    function createNotFoundRoute(options?: CreateRouteOptions | string): Route;
-
-    interface CreateRedirectOptions extends CreateRouteOptions {
-        path?: string;
-        from?: string;
-        to: string;
-        params?: {};
-        query?: {};
-    }
-    function createRedirect(options: CreateRedirectOptions): Redirect;
-    function createRoutesFromReactChildren(children: Route): Route[];
-
-    //
-    // Components
-    // ----------------------------------------------------------------------
-    // Link
-    interface LinkProp extends React.HTMLAttributes {
-        activeClassName?: string;
-        activeStyle?: {};
-        to: string;
-        params?: {};
-        query?: {};
-    }
-    interface Link extends React.ReactElement<LinkProp>, Navigation, State {
-        handleClick(event: any): void;
-        getHref(): string;
-        getClassName(): string;
-        getActiveState(): boolean;
-    }
-    interface LinkClass extends React.ComponentClass<LinkProp> {}
-
-    // RouteHandler
-    interface RouteHandlerProp { }
-    interface RouteHandlerChildContext {
-        routeDepth: number;
-    }
-    interface RouteHandler extends React.ReactElement<RouteHandlerProp> {
-        getChildContext(): RouteHandlerChildContext;
-        getRouteDepth(): number;
-        createChildRouteHandler(props: {}): RouteHandler;
-    }
-    interface RouteHandlerClass extends React.ComponentClass<RouteHandlerProp> {}
-
-    var Link: LinkClass;
-    var RouteHandler: RouteHandlerClass;
-
-
-    //
-    // Top-Level
-    // ----------------------------------------------------------------------
-    interface Router extends React.ReactElement<any> {
-        run(callback: RouterRunCallback): void;
-    }
-
-    interface RouterState {
-        path: string;
-        action: string;
-        pathname: string;
-        params: {};
-        query: {};
-        routes: Route[];
-    }
-
-    interface RouterCreateOption {
-        routes: Route;
-        location?: LocationBase;
-        scrollBehavior?: ScrollBehaviorBase;
-        onError?: (error: any) => void;
-        onAbort?: (error: any) => void;
-    }
-
-    type RouterRunCallback = (Handler: RouteClass, state: RouterState) => void;
-
-    function create(options: RouterCreateOption): Router;
-    function run(routes: Route, callback: RouterRunCallback): Router;
-    function run(routes: Route, location: LocationBase | string, callback: RouterRunCallback): Router;
-
-
-    //
-    // Location
-    // ----------------------------------------------------------------------
-    interface LocationBase {
-        getCurrentPath(): void;
-        toString(): string;
-    }
-    interface Location extends LocationBase {
-        push(path: string): void;
-        replace(path: string): void;
-        pop(): void;
-    }
-
-    interface LocationListener {
-        addChangeListener(listener: Function): void;
-        removeChangeListener(listener: Function): void;
-    }
-
-    interface HashLocation extends Location, LocationListener { }
-    interface HistoryLocation extends Location, LocationListener { }
-    interface RefreshLocation extends Location { }
-    interface StaticLocation extends LocationBase { }
-    interface TestLocation extends Location, LocationListener { }
-
-    var HashLocation: HashLocation;
-    var HistoryLocation: HistoryLocation;
-    var RefreshLocation: RefreshLocation;
-    var StaticLocation: StaticLocation;
-    var TestLocation: TestLocation;
-
-
-    //
-    // Behavior
-    // ----------------------------------------------------------------------
-    interface ScrollBehaviorBase {
-        updateScrollPosition(position: { x: number; y: number; }, actionType: string): void;
-    }
-    interface ImitateBrowserBehavior extends ScrollBehaviorBase { }
-    interface ScrollToTopBehavior extends ScrollBehaviorBase { }
-
-    var ImitateBrowserBehavior: ImitateBrowserBehavior;
-    var ScrollToTopBehavior: ScrollToTopBehavior;
-
-
-    //
-    // Mixin
-    // ----------------------------------------------------------------------
-    interface Navigation {
-        makePath(to: string, params?: {}, query?: {}): string;
-        makeHref(to: string, params?: {}, query?: {}): string;
-        transitionTo(to: string, params?: {}, query?: {}): void;
-        replaceWith(to: string, params?: {}, query?: {}): void;
-        goBack(): void;
-    }
-
-    interface State {
-        getPath(): string;
-        getRoutes(): Route[];
-        getPathname(): string;
-        getParams(): {};
-        getQuery(): {};
-        isActive(to: string, params?: {}, query?: {}): boolean;
-    }
-
-    var Navigation: Navigation;
-    var State: State;
-
-
-    //
-    // History
-    // ----------------------------------------------------------------------
-    interface History {
-        back(): void;
-        length: number;
-    }
-    var History: History;
-
-
-    //
-    // Context
-    // ----------------------------------------------------------------------
-    interface Context {
-        makePath(to: string, params?: {}, query?: {}): string;
-        makeHref(to: string, params?: {}, query?: {}): string;
-        transitionTo(to: string, params?: {}, query?: {}): void;
-        replaceWith(to: string, params?: {}, query?: {}): void;
-        goBack(): void;
-
-        getCurrentPath(): string;
-        getCurrentRoutes(): Route[];
-        getCurrentPathname(): string;
-        getCurrentParams(): {};
-        getCurrentQuery(): {};
-        isActive(to: string, params?: {}, query?: {}): boolean;
-    }
-}
-
-declare module "react-router" {
-    export = ReactRouter;
-}
-
-declare module __React {
-
-  // for DefaultRoute
-  function createElement(
-    type: ReactRouter.DefaultRouteClass,
-    props: ReactRouter.DefaultRouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.DefaultRoute;
-
-  // for Link
-  function createElement(
-    type: ReactRouter.LinkClass,
-    props: ReactRouter.LinkProp,
-    ...children: __React.ReactNode[]): ReactRouter.Link;
-
-  // for NotFoundRoute
-  function createElement(
-    type: ReactRouter.NotFoundRouteClass,
-    props: ReactRouter.NotFoundRouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.NotFoundRoute;
-
-  // for Redirect
-  function createElement(
-    type: ReactRouter.RedirectClass,
-    props: ReactRouter.RedirectProp,
-    ...children: __React.ReactNode[]): ReactRouter.Redirect;
-
-  // for Route
-  function createElement(
-    type: ReactRouter.RouteClass,
-    props: ReactRouter.RouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.Route;
-
-  // for RouteHandler
-  function createElement(
-    type: ReactRouter.RouteHandlerClass,
-    props: ReactRouter.RouteHandlerProp,
-    ...children: __React.ReactNode[]): ReactRouter.RouteHandler;
-}
-
-declare module "react/addons" {
-  // for DefaultRoute
-  function createElement(
-    type: ReactRouter.DefaultRouteClass,
-    props: ReactRouter.DefaultRouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.DefaultRoute;
-
-  // for Link
-  function createElement(
-    type: ReactRouter.LinkClass,
-    props: ReactRouter.LinkProp,
-    ...children: __React.ReactNode[]): ReactRouter.Link;
-
-  // for NotFoundRoute
-  function createElement(
-    type: ReactRouter.NotFoundRouteClass,
-    props: ReactRouter.NotFoundRouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.NotFoundRoute;
-
-  // for Redirect
-  function createElement(
-    type: ReactRouter.RedirectClass,
-    props: ReactRouter.RedirectProp,
-    ...children: __React.ReactNode[]): ReactRouter.Redirect;
-
-  // for Route
-  function createElement(
-    type: ReactRouter.RouteClass,
-    props: ReactRouter.RouteProp,
-    ...children: __React.ReactNode[]): ReactRouter.Route;
-
-  // for RouteHandler
-  function createElement(
-    type: ReactRouter.RouteHandlerClass,
-    props: ReactRouter.RouteHandlerProp,
-    ...children: __React.ReactNode[]): ReactRouter.RouteHandler;
-}
diff --git a/react-router/react-router-1.0.0.d.ts b/react-router/react-router-1.0.0.d.ts
deleted file mode 100644
index cdff8d9bfa..0000000000
--- a/react-router/react-router-1.0.0.d.ts
+++ /dev/null
@@ -1,452 +0,0 @@
-// Type definitions for react-router v1.0.0
-// Project: https://github.com/rackt/react-router
-// Definitions by: Sergey Buturlakin <http://github.com/sergey-buturlakin>, Yuichi Murata <https://github.com/mrk21>, Václav Ostrožlík <https://github.com/vasek17>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference types="react" />
-/// <reference path="./history.d.ts"/>
-
-
-declare namespace ReactRouter {
-
-    import React = __React
-
-    import H = HistoryModule
-
-    // types based on https://github.com/rackt/react-router/blob/master/docs/Glossary.md
-
-    type Component = React.ReactType
-
-    type EnterHook = (nextState: RouterState, replaceState: RedirectFunction, callback?: Function) => any
-
-    type LeaveHook = () => any
-
-    type Params = Object
-
-    type ParseQueryString = (queryString: H.QueryString) => H.Query
-
-    type RedirectFunction = (state: H.LocationState, pathname: H.Pathname | H.Path, query?: H.Query) => void
-
-    type RouteComponent = Component
-
-    // use the following interface in an app code to get access to route param values, history, location...
-    // interface MyComponentProps extends ReactRouter.RouteComponentProps<{}, { id: string }> {}
-    // somewhere in MyComponent
-    // ...
-    //   let id = parseInt(this.props.routeParams.id, 10);
-    // ...
-    //   this.props.history. ...
-    // ...
-    interface RouteComponentProps<P, R> {
-        history?: History
-        location?: H.Location
-        params?: P
-        route?: PlainRoute
-        routeParams?: R
-        routes?: PlainRoute[]
-    }
-
-    type RouteComponents = { [key: string]: RouteComponent }
-
-    type RouteConfig = React.ReactNode | PlainRoute | PlainRoute[]
-
-    type RouteHook = (nextLocation?: H.Location) => any
-
-    type RoutePattern = string
-
-    type StringifyQuery = (queryObject: H.Query) => H.QueryString
-
-    type RouterListener = (error: Error, nextState: RouterState) => void
-
-    interface RouterState {
-        location: H.Location
-        routes: PlainRoute[]
-        params: Params
-        components: RouteComponent[]
-    }
-
-
-    interface HistoryBase extends H.History {
-        routes: PlainRoute[]
-        parseQueryString?: ParseQueryString
-        stringifyQuery?: StringifyQuery
-    }
-
-    type History = HistoryBase & H.HistoryQueries & HistoryRoutes
-
-
-    /* components */
-
-    interface RouterProps extends React.Props<Router> {
-        history?: H.History
-        routes?: RouteConfig // alias for children
-        createElement?: (component: RouteComponent, props: Object) => any
-        onError?: (error: any) => any
-        onUpdate?: () => any
-        parseQueryString?: ParseQueryString
-        stringifyQuery?: StringifyQuery
-    }
-    interface Router extends React.ComponentClass<RouterProps> {}
-    interface RouterElement extends React.ReactElement<RouterProps> {}
-    const Router: Router
-
-
-    interface LinkProps extends React.HTMLAttributes, React.Props<Link> {
-        activeStyle?: React.CSSProperties
-        activeClassName?: string
-        onlyActiveOnIndex?: boolean
-        to: RoutePattern
-        query?: H.Query
-        state?: H.LocationState
-    }
-    interface Link extends React.ComponentClass<LinkProps> {}
-    interface LinkElement extends React.ReactElement<LinkProps> {}
-    const Link: Link
-
-
-    const IndexLink: Link
-
-
-    interface RoutingContextProps extends React.Props<RoutingContext> {
-        history: H.History
-        createElement: (component: RouteComponent, props: Object) => any
-        location: H.Location
-        routes: RouteConfig
-        params: Params
-        components?: RouteComponent[]
-    }
-    interface RoutingContext extends React.ComponentClass<RoutingContextProps> {}
-    interface RoutingContextElement extends React.ReactElement<RoutingContextProps> {}
-    const RoutingContext: RoutingContext
-
-
-    /* components (configuration) */
-
-    interface RouteProps extends React.Props<Route> {
-        path?: RoutePattern
-        component?: RouteComponent
-        components?: RouteComponents
-        getComponent?: (location: H.Location, cb: (error: any, component?: RouteComponent) => void) => void
-        getComponents?: (location: H.Location, cb: (error: any, components?: RouteComponents) => void) => void
-        onEnter?: EnterHook
-        onLeave?: LeaveHook
-    }
-    interface Route extends React.ComponentClass<RouteProps> {}
-    interface RouteElement extends React.ReactElement<RouteProps> {}
-    const Route: Route
-
-
-    interface PlainRoute {
-        path?: RoutePattern
-        component?: RouteComponent
-        components?: RouteComponents
-        getComponent?: (location: H.Location, cb: (error: any, component?: RouteComponent) => void) => void
-        getComponents?: (location: H.Location, cb: (error: any, components?: RouteComponents) => void) => void
-        onEnter?: EnterHook
-        onLeave?: LeaveHook
-        indexRoute?: PlainRoute
-        getIndexRoute?: (location: H.Location, cb: (error: any, indexRoute: RouteConfig) => void) => void
-        childRoutes?: PlainRoute[]
-        getChildRoutes?: (location: H.Location, cb: (error: any, childRoutes: RouteConfig) => void) => void
-    }
-
-
-    interface RedirectProps extends React.Props<Redirect> {
-        path?: RoutePattern
-        from?: RoutePattern // alias for path
-        to: RoutePattern
-        query?: H.Query
-        state?: H.LocationState
-    }
-    interface Redirect extends React.ComponentClass<RedirectProps> {}
-    interface RedirectElement extends React.ReactElement<RedirectProps> {}
-    const Redirect: Redirect
-
-
-    interface IndexRouteProps extends React.Props<IndexRoute> {
-        component?: RouteComponent
-        components?: RouteComponents
-        getComponent?: (location: H.Location, cb: (error: any, component?: RouteComponent) => void) => void
-        getComponents?: (location: H.Location, cb: (error: any, components?: RouteComponents) => void) => void
-        onEnter?: EnterHook
-        onLeave?: LeaveHook
-    }
-    interface IndexRoute extends React.ComponentClass<IndexRouteProps> {}
-    interface IndexRouteElement extends React.ReactElement<IndexRouteProps> {}
-    const IndexRoute: IndexRoute
-
-
-    interface IndexRedirectProps extends React.Props<IndexRedirect> {
-        to: RoutePattern
-        query?: H.Query
-        state?: H.LocationState
-    }
-    interface IndexRedirect extends React.ComponentClass<IndexRedirectProps> {}
-    interface IndexRedirectElement extends React.ReactElement<IndexRedirectProps> {}
-    const IndexRedirect: IndexRedirect
-
-
-    /* mixins */
-
-    interface HistoryMixin {
-        history: History
-    }
-    const History: React.Mixin<any, any>
-
-
-    interface LifecycleMixin {
-        routerWillLeave(nextLocation: H.Location): string | boolean
-    }
-    const Lifecycle: React.Mixin<any, any>
-
-
-    const RouteContext: React.Mixin<any, any>
-
-
-    /* utils */
-
-    interface HistoryRoutes {
-        listen(listener: RouterListener): Function
-        listenBeforeLeavingRoute(route: PlainRoute, hook: RouteHook): void
-        match(location: H.Location, callback: (error: any, nextState: RouterState, nextLocation: H.Location) => void): void
-        isActive(pathname: H.Pathname, query?: H.Query, indexOnly?: boolean): boolean
-    }
-
-    function useRoutes<T>(createHistory: HistoryModule.CreateHistory<T>): HistoryModule.CreateHistory<T & HistoryRoutes>
-
-
-    function createRoutes(routes: RouteConfig): PlainRoute[]
-
-
-    interface MatchArgs {
-        routes?: RouteConfig
-        history?: H.History
-        location?: H.Location
-        parseQueryString?: ParseQueryString
-        stringifyQuery?: StringifyQuery
-    }
-    interface MatchState extends RouterState {
-        history: History
-    }
-    function match(args: MatchArgs, cb: (error: any, nextLocation: H.Location, nextState: MatchState) => void): void
-
-}
-
-
-declare module "react-router/lib/Router" {
-
-    export default ReactRouter.Router
-
-}
-
-
-declare module "react-router/lib/Link" {
-
-    export default ReactRouter.Link
-
-}
-
-
-declare module "react-router/lib/IndexLink" {
-
-    export default ReactRouter.IndexLink
-
-}
-
-
-declare module "react-router/lib/IndexRedirect" {
-
-    export default ReactRouter.IndexRedirect
-
-}
-
-
-declare module "react-router/lib/IndexRoute" {
-
-    export default ReactRouter.IndexRoute
-
-}
-
-
-declare module "react-router/lib/Redirect" {
-
-    export default ReactRouter.Redirect
-
-}
-
-
-declare module "react-router/lib/Route" {
-
-    export default ReactRouter.Route
-
-}
-
-
-declare module "react-router/lib/History" {
-
-    export default ReactRouter.History
-
-}
-
-
-declare module "react-router/lib/Lifecycle" {
-
-    export default ReactRouter.Lifecycle
-
-}
-
-
-declare module "react-router/lib/RouteContext" {
-
-    export default ReactRouter.RouteContext
-
-}
-
-
-declare module "react-router/lib/useRoutes" {
-
-    export default ReactRouter.useRoutes
-
-}
-
-declare module "react-router/lib/PatternUtils" {
-
-	export function formatPattern(pattern: string, params: {}): string;
-
-}
-
-declare module "react-router/lib/RouteUtils" {
-
-    type E = __React.ReactElement<any>
-
-    export function isReactChildren(object: E | E[]): boolean
-
-    export function createRouteFromReactElement(element: E): ReactRouter.PlainRoute
-
-    export function createRoutesFromReactChildren(children: E | E[], parentRoute: ReactRouter.PlainRoute): ReactRouter.PlainRoute[]
-
-    export import createRoutes = ReactRouter.createRoutes
-
-}
-
-
-declare module "react-router/lib/RoutingContext" {
-
-    export default ReactRouter.RoutingContext
-
-}
-
-
-declare module "react-router/lib/PropTypes" {
-
-    import React = __React
-
-    export function falsy(props: any, propName: string, componentName: string): Error;
-
-    export const history: React.Requireable<any>
-
-    export const location: React.Requireable<any>
-
-    export const component: React.Requireable<any>
-
-    export const components: React.Requireable<any>
-
-    export const route: React.Requireable<any>
-
-    export const routes: React.Requireable<any>
-
-    export default {
-        falsy,
-        history,
-        location,
-        component,
-        components,
-        route
-    }
-
-}
-
-
-declare module "react-router/lib/match" {
-
-    export default ReactRouter.match
-
-}
-
-
-declare module "react-router" {
-
-    import Router from "react-router/lib/Router"
-
-    import Link from "react-router/lib/Link"
-
-    import IndexLink from "react-router/lib/IndexLink"
-
-    import IndexRedirect from "react-router/lib/IndexRedirect"
-
-    import IndexRoute from "react-router/lib/IndexRoute"
-
-    import Redirect from "react-router/lib/Redirect"
-
-    import Route from "react-router/lib/Route"
-
-    import History from "react-router/lib/History"
-
-    import Lifecycle from "react-router/lib/Lifecycle"
-
-    import RouteContext from "react-router/lib/RouteContext"
-
-    import useRoutes from "react-router/lib/useRoutes"
-
-    import { createRoutes } from "react-router/lib/RouteUtils"
-
-    import { formatPattern } from "react-router/lib/PatternUtils"
-
-    import RoutingContext from "react-router/lib/RoutingContext"
-
-    import PropTypes from "react-router/lib/PropTypes"
-
-    import match from "react-router/lib/match"
-
-    // PlainRoute is defined in the API documented at:
-    // https://github.com/rackt/react-router/blob/master/docs/API.md
-    // but not included in any of the .../lib modules above.
-    export type PlainRoute = ReactRouter.PlainRoute
-
-    // The following definitions are also very useful to export
-    // because by using these types lots of potential type errors
-    // can be exposed:
-    export type EnterHook = ReactRouter.EnterHook
-    export type LeaveHook = ReactRouter.LeaveHook
-    export type ParseQueryString = ReactRouter.ParseQueryString
-    export type RedirectFunction = ReactRouter.RedirectFunction
-    export type RouteComponentProps<P,R> = ReactRouter.RouteComponentProps<P,R>;
-    export type RouteHook = ReactRouter.RouteHook
-    export type StringifyQuery = ReactRouter.StringifyQuery
-    export type RouterListener = ReactRouter.RouterListener
-    export type RouterState = ReactRouter.RouterState
-    export type HistoryBase = ReactRouter.HistoryBase
-
-    export {
-        Router,
-        Link,
-        IndexLink,
-        IndexRedirect,
-        IndexRoute,
-        Redirect,
-        Route,
-        History,
-        Lifecycle,
-        RouteContext,
-        useRoutes,
-        createRoutes,
-        formatPattern,
-        RoutingContext,
-        PropTypes,
-        match
-    }
-
-    export default Router
-
-}
diff --git a/react-select/react-select-0.9.10-tests.tsx b/react-select/react-select-0.9.10-tests.tsx
deleted file mode 100644
index abfd8d564c..0000000000
--- a/react-select/react-select-0.9.10-tests.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-
-/// <reference types="react" />
-/// <reference types="react-dom" />
-
-
-import * as React from "react"
-import * as ReactDOM from "react-dom"
-
-import Select from "react-select"
-
-class SelectTest extends React.Component<React.Props<{}>, {}> {
-
-    render() {
-        return <div>
-           <Select />
-        </div>
-    }
-
-}
-
-class SelectAsyncTest extends React.Component<React.Props<{}>, {}> {
-
-    render() {
-        return <div>
-           <Select.Async />
-        </div>
-    }
-
-}
diff --git a/react-select/react-select-0.9.10.d.ts b/react-select/react-select-0.9.10.d.ts
deleted file mode 100644
index b569fb7419..0000000000
--- a/react-select/react-select-0.9.10.d.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-// Type definitions for react-select v0.9.10
-// Project: https://github.com/JedWatson/react-select
-// Definitions by: ESQUIBET Hugo <https://github.com/Hesquibet/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-///<reference types="react"/>
-
-// Typings for https://github.com/JedWatson/react-select
-//***Usage***
-// import ReactSelect = require('react-select');
-//  <ReactSelect options={this.options} name="form-field-name" onChange={this._onSelect} value={this.state.Type} />
-
-declare module "react-select" {
-    // Import React
-    import React = require("react");
-
-    interface Option{
-        label : string;
-        value : string;
-    }
-
-    interface ReactSelectProps extends React.Props<ReactSelectClass>{
-        addLabelText? : string;
-        allowCreate? : boolean;
-        autoload? : boolean;
-        backspaceRemoves? : boolean;
-        cacheAsyncResults? : boolean;
-        className? : string;
-        clearable? : boolean;
-        clearAllText? : string;
-        clearValueText? : string;
-        delimiter? : string;
-        disabled? : boolean;
-        filterOption? : (option : Option,filterString : string)=>Option;
-        filterOptions? : (options:Array<Option>,filterString : string,values : Array<Object>)=>Array<Option>;
-        ignoreCase? : boolean; // default true	whether to perform case-insensitive filtering
-        inputProps? : Object;
-        isLoading? : boolean;
-        labelKey? : string;
-        matchPos? : string;
-        matchProp? : string;
-        multi? : boolean;
-        name? : string;
-        newOptionCreator? : ()=>Option;
-        noResultsText? : string;
-        onBlur? : (event : Event)=>void;
-        onChange? : (newValue : string)=>void;
-        onFocus? : (event : Event)=>void;
-        onInputChange? : (inputValue : string)=>void;
-        onOptionLabelClick? : (value : string, event : Event)=>void;
-        optionRenderer? : ()=>void;
-        options? : Array<Option>;
-        placeholder? : string;
-        searchable? : boolean;
-        searchingText? : string;
-        searchPromptText? : string;
-        value? : Option;
-        valueKey? : string;
-        valueRenderer? : ()=>void;
-    }
-
-    interface ReactAsyncSelectProps extends React.Props<ReactSelectClass>{
-        cache? : any;
-        loadOptions? : ()=>void;
-        ignoreAccents? : boolean;
-        isLoading? : boolean;
-        loadingPlaceholder? : string;
-    }
-
-    interface ReactSelect extends  React.ReactElement<ReactSelectProps> { }
-    interface ReactSelectClass extends React.ComponentClass<ReactSelectProps>{}
-
-    interface SelectWithAsync extends ReactSelectClass {
-        Async? : ReactAsyncSelectProps;
-    }
-
-    var ReactSelect: SelectWithAsync;
-
-    export default ReactSelect;
-}
diff --git a/react-slick/react-slick-test.tsx b/react-slick/react-slick-tests.tsx
similarity index 100%
rename from react-slick/react-slick-test.tsx
rename to react-slick/react-slick-tests.tsx
diff --git a/react-slick/tsconfig.json b/react-slick/tsconfig.json
index c6ad8b98d6..3ff5fb4a0b 100644
--- a/react-slick/tsconfig.json
+++ b/react-slick/tsconfig.json
@@ -16,6 +16,6 @@
     },
     "files": [
         "index.d.ts",
-        "react-slick-test.tsx"
+        "react-slick-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/react-test-renderer/react-test-renderer-tests.ts b/react-test-renderer/react-test-renderer-tests.ts
index cdf178f0e3..790d0b0d92 100644
--- a/react-test-renderer/react-test-renderer-tests.ts
+++ b/react-test-renderer/react-test-renderer-tests.ts
@@ -1,5 +1,5 @@
 import React = require("react");
-import { create } from ".";
+import { create } from "react-test-renderer";
 
 const tree = create(React.createElement("div"), {
     createNodeMock: (el: React.ReactElement<any>) => {
diff --git a/recompose/recompose-tests.tsx b/recompose/recompose-tests.tsx
index 714ce83d66..25b52d70b0 100644
--- a/recompose/recompose-tests.tsx
+++ b/recompose/recompose-tests.tsx
@@ -1,5 +1,3 @@
-///<reference path='recompose.d.ts' />
-
 import * as React from "react";
 import {
     Component,
@@ -65,7 +63,7 @@ function testWithPropsOnChange() {
 }
 
 function testWithHandlers() {
-    interface InnerProps { onSubmit: Function; onChange: Function; }
+    interface InnerProps { onSubmit: React.MouseEventHandler<HTMLDivElement>; onChange: Function; }
     interface OutterProps { out: string }
     const innerComponent = ({onChange, onSubmit}: InnerProps) =>
       <div onClick={onSubmit}></div>;
diff --git a/recompose/tsconfig.json b/recompose/tsconfig.json
index cdcaca971c..3ddf0e418c 100644
--- a/recompose/tsconfig.json
+++ b/recompose/tsconfig.json
@@ -11,9 +11,12 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+
+        "jsx": "react"
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "recompose-tests.tsx"
     ]
 }
\ No newline at end of file
diff --git a/redux-devtools/redux-devtools-2.1.4-tests.tsx b/redux-devtools/redux-devtools-2.1.4-tests.tsx
deleted file mode 100644
index ad310d1654..0000000000
--- a/redux-devtools/redux-devtools-2.1.4-tests.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-/// <reference types="redux" />
-/// <reference types="react" />
-
-import { compose, createStore, applyMiddleware, Middleware, Reducer } from 'redux';
-import { createDevTools as devTools, persistState } from 'redux-devtools';
-import LogMonitor from 'redux-devtools-log-monitor';
-import * as React from 'react';
-import { Component } from 'react';
-
-declare var m1: Middleware;
-declare var m2: Middleware;
-declare var m3: Middleware;
-declare var reducer: Reducer<any>;
-class CounterApp extends Component<any, any> { };
-class Provider extends Component<{ store: any }, any> { };
-
-const finalCreateStore = compose(
-    // Enables your middleware:
-    applyMiddleware(m1, m2, m3), // any Redux middleware, e.g. redux-thunk
-    // Provides support for DevTools:
-    devTools(null),
-    // Lets you write ?debug_session=<name> in address bar to persist debug sessions
-    persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)[0])
-)(createStore);
-const store = finalCreateStore(reducer);
-
-class Root extends Component<any, any> {
-    render() {
-        return (
-            <div>
-                <Provider store={store}>
-                    {() => <CounterApp />}
-                </Provider>
-            </div>
-        );
-    }
-}
-
-//
-// https://github.com/gaearon/redux-devtools/blob/master/examples/counter/containers/App.js
-//
-
-class App extends Component<any, any> {
-    render() {
-        return (
-            <div>
-                <Provider store={store}>
-                    {() => <CounterApp />}
-                </Provider>
-            </div>
-        );
-    }
-}
diff --git a/redux-devtools/redux-devtools-2.1.4.d.ts b/redux-devtools/redux-devtools-2.1.4.d.ts
deleted file mode 100644
index abcb36162a..0000000000
--- a/redux-devtools/redux-devtools-2.1.4.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Type definitions for redux-devtools 2.1.4
-// Project: https://github.com/gaearon/redux-devtools
-// Definitions by: Qubo <https://github.com/tkqubo>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="redux" />
-/// <reference types="react" />
-
-export declare function devTools(): Function;
-export declare function persistState(sessionId: any, stateDeserializer?: Function, actionDeserializer?: Function): Function;
diff --git a/redux-form/redux-form-4.0.d.ts b/redux-form/v4/index.d.ts
similarity index 100%
rename from redux-form/redux-form-4.0.d.ts
rename to redux-form/v4/index.d.ts
diff --git a/redux-form/redux-form-4.0-tests.tsx b/redux-form/v4/redux-form-tests.tsx
similarity index 100%
rename from redux-form/redux-form-4.0-tests.tsx
rename to redux-form/v4/redux-form-tests.tsx
diff --git a/redux-form/v4/tsconfig.json b/redux-form/v4/tsconfig.json
new file mode 100644
index 0000000000..6bad90e11b
--- /dev/null
+++ b/redux-form/v4/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "redux-form": ["redux-form/v4"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "redux-form-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/redux-localstorage/tsconfig.json b/redux-localstorage/tsconfig.json
index 83a3963588..476dd8e695 100644
--- a/redux-localstorage/tsconfig.json
+++ b/redux-localstorage/tsconfig.json
@@ -15,6 +15,9 @@
     },
     "files": [
         "index.d.ts",
+        "lib/adapters/AsyncStorage.d.ts",
+        "lib/adapters/localStorage.d.ts",
+        "lib/adapters/sessionStorage.d.ts",
         "redux-localstorage-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/reflect-metadata/reflect-metadata-test.ts b/reflect-metadata/reflect-metadata-tests.ts
similarity index 95%
rename from reflect-metadata/reflect-metadata-test.ts
rename to reflect-metadata/reflect-metadata-tests.ts
index 2b151c360b..a0f6638ba4 100644
--- a/reflect-metadata/reflect-metadata-test.ts
+++ b/reflect-metadata/reflect-metadata-tests.ts
@@ -1,8 +1,6 @@
-/// <reference path="reflect-metadata.d.ts" />
-
 let target = {
  some_property: {
-  
+
  }
 }
 
@@ -13,40 +11,40 @@ let propertyKey = "some_property";
 // define metadata on an object or property
 Reflect.defineMetadata(metadataKey, metadataValue, target);
 Reflect.defineMetadata(metadataKey, metadataValue, target, propertyKey);
- 
+
 // check for presence of a metadata key on the prototype chain of an object or property
 let result1 = Reflect.hasMetadata(metadataKey, target);
 let result2 = Reflect.hasMetadata(metadataKey, target, propertyKey);
- 
+
 // check for presence of an own metadata key of an object or property
 let result3 = Reflect.hasOwnMetadata(metadataKey, target);
 let result4 = Reflect.hasOwnMetadata(metadataKey, target, propertyKey);
- 
+
 // get metadata value of a metadata key on the prototype chain of an object or property
 let result5 = Reflect.getMetadata(metadataKey, target);
 let result6 = Reflect.getMetadata(metadataKey, target, propertyKey);
- 
+
 // get metadata value of an own metadata key of an object or property
 let result7 = Reflect.getOwnMetadata(metadataKey, target);
 let result8 = Reflect.getOwnMetadata(metadataKey, target, propertyKey);
- 
+
 // get all metadata keys on the prototype chain of an object or property
 let result9 = Reflect.getMetadataKeys(target);
 let result10 = Reflect.getMetadataKeys(target, propertyKey);
- 
+
 // get all own metadata keys of an object or property
 let result11 = Reflect.getOwnMetadataKeys(target);
 let result12 = Reflect.getOwnMetadataKeys(target, propertyKey);
- 
+
 // delete metadata from an object or property
 let result13 = Reflect.deleteMetadata(metadataKey, target);
 let result14 = Reflect.deleteMetadata(metadataKey, target, propertyKey);
- 
+
 // apply metadata via a decorator to a constructor
 @Reflect.metadata(metadataKey, metadataValue)
 class C {
   // apply metadata via a decorator to a method (property)
   @Reflect.metadata(metadataKey, metadataValue)
-  method() {  
+  method() {
   }
 }
diff --git a/reflect-metadata/tsconfig.json b/reflect-metadata/tsconfig.json
index cdcaca971c..3b32604d72 100644
--- a/reflect-metadata/tsconfig.json
+++ b/reflect-metadata/tsconfig.json
@@ -11,9 +11,12 @@
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+
+        "experimentalDecorators": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "reflect-metadata-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/rrule/rrule-test.ts b/rrule/rrule-tests.ts
similarity index 97%
rename from rrule/rrule-test.ts
rename to rrule/rrule-tests.ts
index bc3504fbc4..64cfe72282 100644
--- a/rrule/rrule-test.ts
+++ b/rrule/rrule-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="rrule.d.ts" />
-
 import * as RRule from 'rrule';
 
 // Create a rule:
diff --git a/rrule/tsconfig.json b/rrule/tsconfig.json
index cdcaca971c..15b5cb19f9 100644
--- a/rrule/tsconfig.json
+++ b/rrule/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "rrule-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/sails.io.js/sails.io.js-tests.ts b/sails.io.js/sails.io.js-tests.ts
index 890d0d6b2f..2ee544f546 100644
--- a/sails.io.js/sails.io.js-tests.ts
+++ b/sails.io.js/sails.io.js-tests.ts
@@ -1,5 +1,5 @@
 import SocketIO = require('socket.io-client');
-import SailsIOJS = require('.');
+import SailsIOJS = require('sails.io.js');
 const io = SailsIOJS(SocketIO);
 io.sails.autoConnect = true;
 io.sails.connect();
diff --git a/scripts/lint.js b/scripts/lint.js
index 6473fef6a3..69878d2521 100644
--- a/scripts/lint.js
+++ b/scripts/lint.js
@@ -6,10 +6,17 @@ const path = require("path");
 
 // Path of tslint when `types-publisher` is symlinked
 const symlinkedTslintPath = "../node_modules/types-publisher/node_modules/tslint"
-const tslintPath =  existsSync(path.join(pkg, symlinkedTslintPath)) ? symlinkedTslintPath : "../node_modules/tslint";
+let tslintPath =  existsSync(path.join(pkg, symlinkedTslintPath)) ? symlinkedTslintPath : "../node_modules/tslint";
+// An older version (e.g. abs/v0) is in a nested directory, so needs to look one more level up for tslint.
+if (pkg.includes("/")) {
+    tslintPath = path.join("..", tslintPath);
+}
+
 const cmd = `node ${tslintPath}/lib/tslint-cli --format stylish "**/*.d.ts"`;
 console.log(cmd);
 
+console.log(pkg);
+process.exit(0);
 try {
     // Child process writes directly to our own stdout
     execSync(cmd, { cwd: pkg, stdio: "inherit" });
diff --git a/scroller/easyscroller.d.ts b/scroller/easyscroller.d.ts
deleted file mode 100644
index 2e6cec5c85..0000000000
--- a/scroller/easyscroller.d.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// Type definitions for Zynga EasyScroller
-// Project: https://github.com/zynga/scroller
-// Definitions by: Boris Yankov <https://github.com/borisyankov>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/// <reference path="scroller.d.ts"/>
-
-declare class EasyScroller  {
-    constructor (content: any, options: ScrollerOptions);
-
-    render(): void;
-    reflow(): void;
-    bindEvents(): void;
-}
diff --git a/scroller/index.d.ts b/scroller/index.d.ts
index 9bf034601c..2e481395aa 100644
--- a/scroller/index.d.ts
+++ b/scroller/index.d.ts
@@ -21,7 +21,7 @@ interface ScrollerOptions {
 
 interface ScrollValues {
     left: number;
-    top: number;    
+    top: number;
 }
 
 interface ScrollValuesWithZoom extends ScrollValues {
@@ -48,3 +48,11 @@ declare class Scroller {
     doTouchMove(touches: any[], timeStamp: number, scale?: number): void;
     doTouchEnd(timeStamp: number): void;
 }
+
+declare class EasyScroller  {
+    constructor (content: any, options: ScrollerOptions);
+
+    render(): void;
+    reflow(): void;
+    bindEvents(): void;
+}
diff --git a/sencha_touch/SenchaTouch-2.2.1.d.ts b/sencha_touch/SenchaTouch-2.2.1.d.ts
deleted file mode 100644
index 564c1162a6..0000000000
--- a/sencha_touch/SenchaTouch-2.2.1.d.ts
+++ /dev/null
@@ -1,42741 +0,0 @@
-// Type definitions for Touch 2.2.1
-// Project: http://www.sencha.com/products/touch/
-// Definitions by: Brian Kotek <https://github.com/brian428/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace Ext {
-	export interface IAbstractComponent extends Ext.IEvented {
-	}
-}
-declare namespace Ext {
-	export interface IAbstractManager extends Ext.IBase {
-		/** [Property] (Ext.util.HashMap) */
-		all?: Ext.util.IHashMap;
-		/** [Method] Creates and returns an instance of whatever this manager manages based on the supplied type and config object
-		* @param config Object The config object.
-		* @param defaultType String If no type is discovered in the config object, we fall back to this type.
-		* @returns Object The instance of whatever this manager is managing.
-		*/
-		create?( config?:any, defaultType?:string ): any;
-		/** [Method] Executes the specified function once for each item in the collection
-		* @param fn Function The function to execute.
-		* @param scope Object The scope to execute in.
-		*/
-		each?( fn?:any, scope?:any ): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, undefined if not found.
-		*/
-		get?( id?:string ): any;
-		/** [Method] Gets the number of items in the collection
-		* @returns Number The number of items in the collection.
-		*/
-		getCount?(): number;
-		/** [Method] Checks if an item type is registered
-		* @param type String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		isRegistered?( type?:string ): boolean;
-		/** [Method] Registers a function that will be called when an item with the specified id is added to the manager
-		* @param id String The item id.
-		* @param fn Function The callback function. Called with a single parameter, the item.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to the item.
-		*/
-		onAvailable?( id?:string, fn?:any, scope?:any ): void;
-		/** [Method] Registers an item to be managed
-		* @param item Object The item to register.
-		*/
-		register?( item?:any ): void;
-		/** [Method] Registers a new item constructor keyed by a type key
-		* @param type String The mnemonic string by which the class may be looked up.
-		* @param cls Function The new instance class.
-		*/
-		registerType?( type?:string, cls?:any ): void;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param item Object The item to unregister.
-		*/
-		unregister?( item?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IActionSheet extends Ext.ISheet {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/String) */
-		bottom?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Number/String) */
-		height?: any;
-		/** [Config Option] (Number/String) */
-		left?: any;
-		/** [Config Option] (Number/String) */
-		right?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bottom
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of height
-		* @returns String
-		*/
-		getHeight?(): string;
-		/** [Method] Returns the value of left
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns the value of right
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number
-		*/
-		setBottom?( bottom?:number ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of height
-		* @param height String
-		*/
-		setHeight?( height?:string ): void;
-		/** [Method] Sets the value of left
-		* @param left Number
-		*/
-		setLeft?( left?:number ): void;
-		/** [Method] Sets the value of right
-		* @param right Number
-		*/
-		setRight?( right?:number ): void;
-	}
-}
-declare namespace Ext {
-	export interface IAjax extends Ext.data.IConnection {
-	}
-	export class Ajax {
-		/** [Property] (Boolean) */
-		static autoAbort: boolean;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Aborts any outstanding request
-		* @param request Object Defaults to the last request.
-		*/
-		static abort( request?:any ): void;
-		/** [Method] Aborts all outstanding requests  */
-		static abortAll(): void;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of async
-		* @returns Boolean
-		*/
-		static getAsync(): boolean;
-		/** [Method] Returns the value of autoAbort
-		* @returns Boolean
-		*/
-		static getAutoAbort(): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Returns the value of defaultHeaders
-		* @returns Object
-		*/
-		static getDefaultHeaders(): any;
-		/** [Method] Returns the value of defaultPostHeader
-		* @returns String
-		*/
-		static getDefaultPostHeader(): string;
-		/** [Method] Returns the value of defaultXhrHeader
-		* @returns String
-		*/
-		static getDefaultXhrHeader(): string;
-		/** [Method] Returns the value of disableCaching
-		* @returns Boolean
-		*/
-		static getDisableCaching(): boolean;
-		/** [Method] Returns the value of disableCachingParam
-		* @returns String
-		*/
-		static getDisableCachingParam(): string;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		static getExtraParams(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Returns the value of method
-		* @returns String
-		*/
-		static getMethod(): string;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		static getPassword(): string;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		static getTimeout(): number;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		static getUrl(): string;
-		/** [Method] Returns the value of useDefaultHeader
-		* @returns Boolean
-		*/
-		static getUseDefaultHeader(): boolean;
-		/** [Method] Returns the value of useDefaultXhrHeader
-		* @returns Boolean
-		*/
-		static getUseDefaultXhrHeader(): boolean;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		static getUsername(): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Determines whether this object has a request outstanding
-		* @param request Object The request to check.
-		* @returns Boolean True if there is an outstanding request.
-		*/
-		static isLoading( request?:any ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Checks if the response status was successful
-		* @param status Number The status code.
-		* @param xhr Object
-		* @returns Object An object containing success/status state.
-		*/
-		static parseStatus( status?:number, xhr?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Sends an HTTP request to a remote server
-		* @param options Object An object which may contain the following properties: (The options object may also contain any other property which might be needed to perform post-processing in a callback because it is passed to callback functions.)
-		* @returns Object/null The request object. This may be used to cancel the request.
-		*/
-		static request( options?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of async
-		* @param async Boolean
-		*/
-		static setAsync( async?:boolean ): void;
-		/** [Method] Sets the value of autoAbort
-		* @param autoAbort Boolean
-		*/
-		static setAutoAbort( autoAbort?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of defaultHeaders
-		* @param defaultHeaders Object
-		*/
-		static setDefaultHeaders( defaultHeaders?:any ): void;
-		/** [Method] Sets the value of defaultPostHeader
-		* @param defaultPostHeader String
-		*/
-		static setDefaultPostHeader( defaultPostHeader?:string ): void;
-		/** [Method] Sets the value of defaultXhrHeader
-		* @param defaultXhrHeader String
-		*/
-		static setDefaultXhrHeader( defaultXhrHeader?:string ): void;
-		/** [Method] Sets the value of disableCaching
-		* @param disableCaching Boolean
-		*/
-		static setDisableCaching( disableCaching?:boolean ): void;
-		/** [Method] Sets the value of disableCachingParam
-		* @param disableCachingParam String
-		*/
-		static setDisableCachingParam( disableCachingParam?:string ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		static setExtraParams( extraParams?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method String
-		*/
-		static setMethod( method?:string ): void;
-		/** [Method] Sets various options such as the url params for the request
-		* @param options Object The initial options.
-		* @param scope Object The scope to execute in.
-		* @returns Object The params for the request.
-		*/
-		static setOptions( options?:any, scope?:any ): any;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		static setPassword( password?:string ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		static setTimeout( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		static setUrl( url?:string ): void;
-		/** [Method] Sets the value of useDefaultHeader
-		* @param useDefaultHeader Boolean
-		*/
-		static setUseDefaultHeader( useDefaultHeader?:boolean ): void;
-		/** [Method] Sets the value of useDefaultXhrHeader
-		* @param useDefaultXhrHeader Boolean
-		*/
-		static setUseDefaultXhrHeader( useDefaultXhrHeader?:boolean ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		static setUsername( username?:string ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Uploads a form using a hidden iframe
-		* @param form String/HTMLElement/Ext.Element The form to upload.
-		* @param url String The url to post to.
-		* @param params String Any extra parameters to pass.
-		* @param options Object The initial options.
-		*/
-		static upload( form?:any, url?:string, params?:string, options?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IAnim extends Ext.IBase {
-	}
-	export class Anim {
-		/** [Config Option] (Function) */
-		static after: any;
-		/** [Config Option] (Boolean) */
-		static autoClear: boolean;
-		/** [Config Option] (Function) */
-		static before: any;
-		/** [Config Option] (Number) */
-		static delay: number;
-		/** [Config Option] (String) */
-		static direction: string;
-		/** [Config Option] (Boolean) */
-		static disableAnimations: boolean;
-		/** [Config Option] (Number) */
-		static duration: number;
-		/** [Config Option] (String) */
-		static easing: string;
-		/** [Config Option] (Object) */
-		static from: any;
-		/** [Config Option] (Boolean) */
-		static out: boolean;
-		/** [Config Option] (Boolean) */
-		static reverse: boolean;
-		/** [Config Option] (Object) */
-		static scope: any;
-		/** [Config Option] (Object) */
-		static to: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param el Object
-		* @param runConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( el?:any, runConfig?:any ): any;
-		/** [Method] Used to run an animation on a specific element
-		* @param el Ext.Element/HTMLElement The element to animate.
-		* @param anim String The animation type, defined in Ext.anims.
-		* @param config Object The config object for the animation.
-		*/
-		static run( el?:any, anim?:string, config?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext {
-	export interface IAnimationQueue extends Ext.IBase {
-	}
-	export class AnimationQueue {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method]
-		* @param fn Object
-		* @param scope Object
-		* @param args Object
-		*/
-		static start( fn?:any, scope?:any, args?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method]
-		* @param fn Object
-		* @param scope Object
-		* @param args Object
-		*/
-		static stop( fn?:any, scope?:any, args?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IAnims {
-	}
-	export class Anims {
-		/** [Property] (Object) */
-		static cube: any;
-		/** [Property] (Object) */
-		static fade: any;
-		/** [Property] (Object) */
-		static flip: any;
-		/** [Property] (Object) */
-		static pop: any;
-		/** [Property] (Object) */
-		static slide: any;
-		/** [Property] (Object) */
-		static wipe: any;
-	}
-}
-declare namespace Ext.app {
-	export interface IAction extends Ext.IBase {
-		/** [Config Option] (String) */
-		action?: string;
-		/** [Config Option] (Ext.app.Application) */
-		application?: Ext.app.IApplication;
-		/** [Config Option] (Array) */
-		args?: any[];
-		/** [Config Option] (Array) */
-		beforeFilters?: any[];
-		/** [Config Option] (Ext.app.Controller) */
-		controller?: Ext.app.IController;
-		/** [Config Option] (Object) */
-		scope?: any;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Method] Starts execution of this Action by calling each of the beforeFilters in turn if any are specified  before calling t  */
-		execute?(): void;
-		/** [Method] Returns the value of action
-		* @returns String
-		*/
-		getAction?(): string;
-		/** [Method] Returns the value of application
-		* @returns Ext.app.Application
-		*/
-		getApplication?(): Ext.app.IApplication;
-		/** [Method] Returns the value of args
-		* @returns Array
-		*/
-		getArgs?(): any[];
-		/** [Method] Returns the value of beforeFilters
-		* @returns Array
-		*/
-		getBeforeFilters?(): any[];
-		/** [Method] Returns the value of controller
-		* @returns Ext.app.Controller
-		*/
-		getController?(): Ext.app.IController;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Returns the value of title
-		* @returns Object
-		*/
-		getTitle?(): any;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Resumes the execution of this Action or starts it if it had not been started already */
-		resume?(): void;
-		/** [Method] Sets the value of action
-		* @param action String
-		*/
-		setAction?( action?:string ): void;
-		/** [Method] Sets the value of application
-		* @param application Ext.app.Application
-		*/
-		setApplication?( application?:Ext.app.IApplication ): void;
-		/** [Method] Sets the value of args
-		* @param args Array
-		*/
-		setArgs?( args?:any[] ): void;
-		/** [Method] Sets the value of beforeFilters
-		* @param beforeFilters Array
-		*/
-		setBeforeFilters?( beforeFilters?:any[] ): void;
-		/** [Method] Sets the value of controller
-		* @param controller Ext.app.Controller
-		*/
-		setController?( controller?:Ext.app.IController ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title Object
-		*/
-		setTitle?( title?:any ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IApplication extends Ext.app.IController {
-		/** [Config Option] (String) */
-		appFolder?: string;
-		/** [Config Option] (Array) */
-		controllers?: any[];
-		/** [Config Option] (Ext.app.Profile) */
-		currentProfile?: Ext.app.IProfile;
-		/** [Config Option] (Boolean) */
-		glossOnIcon?: boolean;
-		/** [Config Option] (Ext.app.History) */
-		history?: Ext.app.IHistory;
-		/** [Config Option] (String/Object) */
-		icon?: any;
-		/** [Config Option] (Boolean) */
-		isIconPrecomposed?: boolean;
-		/** [Config Option] (Function) */
-		launch?: any;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (String) */
-		phoneIcon?: string;
-		/** [Config Option] (String) */
-		phoneStartupScreen?: string;
-		/** [Config Option] (Array) */
-		profiles?: any[];
-		/** [Config Option] (Ext.app.Router) */
-		router?: Ext.app.IRouter;
-		/** [Config Option] (Object) */
-		startupImage?: any;
-		/** [Config Option] (String) */
-		statusBarStyle?: string;
-		/** [Config Option] (String) */
-		tabletIcon?: string;
-		/** [Config Option] (String) */
-		tabletStartupScreen?: string;
-		/** [Method] Dispatches a given Ext app Action to the relevant Controller instance
-		* @param action Ext.app.Action The action to dispatch.
-		* @param addToHistory Boolean Sets the browser's url to the action's url.
-		*/
-		dispatch?( action?:Ext.app.IAction, addToHistory?:boolean ): void;
-		/** [Method] Returns the value of appFolder
-		* @returns String
-		*/
-		getAppFolder?(): string;
-		/** [Method] Returns the Controller instance for the given controller name
-		* @param name String The name of the Controller.
-		* @param profileName String Optional profile name. If passed, this is the same as calling getController('profileName.controllerName').
-		* @returns Ext.app.Controller controller instance or undefined.
-		*/
-		getController?( name?:string, profileName?:string ): Ext.app.IController;
-		/** [Method] Returns the value of controllers
-		* @returns Array
-		*/
-		getControllers?(): any[];
-		/** [Method] Returns the value of currentProfile
-		* @returns Ext.app.Profile
-		*/
-		getCurrentProfile?(): Ext.app.IProfile;
-		/** [Method] Returns the value of history
-		* @returns Ext.app.History
-		*/
-		getHistory?(): Ext.app.IHistory;
-		/** [Method] Returns the value of launch
-		* @returns Function
-		*/
-		getLaunch?(): any;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of profiles
-		* @returns Array
-		*/
-		getProfiles?(): any[];
-		/** [Method] Returns the value of router
-		* @returns Ext.app.Router
-		*/
-		getRouter?(): Ext.app.IRouter;
-		/** [Method] Redirects the browser to the given url
-		* @param url String/Ext.data.Model The String url to redirect to.
-		*/
-		redirectTo?( url?:any ): void;
-		/** [Method] Sets the value of appFolder
-		* @param appFolder String
-		*/
-		setAppFolder?( appFolder?:string ): void;
-		/** [Method] Sets the value of controllers
-		* @param controllers Array
-		*/
-		setControllers?( controllers?:any[] ): void;
-		/** [Method] Sets the value of currentProfile
-		* @param currentProfile Ext.app.Profile
-		*/
-		setCurrentProfile?( currentProfile?:Ext.app.IProfile ): void;
-		/** [Method] Sets the value of history
-		* @param history Ext.app.History
-		*/
-		setHistory?( history?:Ext.app.IHistory ): void;
-		/** [Method] Sets the value of launch
-		* @param launch Function
-		*/
-		setLaunch?( launch?:any ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of profiles
-		* @param profiles Array
-		*/
-		setProfiles?( profiles?:any[] ): void;
-		/** [Method] Sets the value of router
-		* @param router Ext.app.Router
-		*/
-		setRouter?( router?:Ext.app.IRouter ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IController extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Ext.app.Application) */
-		application?: Ext.app.IApplication;
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (Object) */
-		control?: any;
-		/** [Config Option] (Function) */
-		init?: any;
-		/** [Config Option] (Function) */
-		launch?: any;
-		/** [Config Option] (String[]) */
-		models?: string[];
-		/** [Config Option] (Object) */
-		refs?: any;
-		/** [Config Option] (Object) */
-		routes?: any;
-		/** [Config Option] (String[]) */
-		stores?: string[];
-		/** [Config Option] (Array) */
-		views?: any[];
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of application
-		* @returns Ext.app.Application
-		*/
-		getApplication?(): Ext.app.IApplication;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of control
-		* @returns Object
-		*/
-		getControl?(): any;
-		/** [Method] Returns a reference to another Controller
-		* @param controllerName Object
-		* @param profile Object
-		* @returns Object
-		*/
-		getController?( controllerName?:any, profile?:any ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns a reference to a Model
-		* @param modelName Object
-		* @returns Object
-		*/
-		getModel?( modelName?:any ): any;
-		/** [Method] Returns the value of models
-		* @returns String[]
-		*/
-		getModels?(): string[];
-		/** [Method] Returns the value of refs
-		* @returns Object
-		*/
-		getRefs?(): any;
-		/** [Method] Returns the value of routes
-		* @returns Object
-		*/
-		getRoutes?(): any;
-		/** [Method] Returns the value of stores
-		* @returns String[]
-		*/
-		getStores?(): string[];
-		/** [Method] Returns the value of views
-		* @returns Array
-		*/
-		getViews?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Convenient way to redirect to a new url
-		* @param place Object
-		* @returns Object
-		*/
-		redirectTo?( place?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of application
-		* @param application Ext.app.Application
-		*/
-		setApplication?( application?:Ext.app.IApplication ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of control
-		* @param control Object
-		*/
-		setControl?( control?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of models
-		* @param models String[]
-		*/
-		setModels?( models?:string[] ): void;
-		/** [Method] Sets the value of refs
-		* @param refs Object
-		*/
-		setRefs?( refs?:any ): void;
-		/** [Method] Sets the value of routes
-		* @param routes Object
-		*/
-		setRoutes?( routes?:any ): void;
-		/** [Method] Sets the value of stores
-		* @param stores String[]
-		*/
-		setStores?( stores?:string[] ): void;
-		/** [Method] Sets the value of views
-		* @param views Array
-		*/
-		setViews?( views?:any[] ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IHistory extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Array) */
-		actions?: any[];
-		/** [Config Option] (String) */
-		token?: string;
-		/** [Config Option] (Boolean) */
-		updateUrl?: boolean;
-		/** [Method] Adds an Action to the stack optionally updating the browser s url and firing the change event
-		* @param action Ext.app.Action The Action to add to the stack.
-		* @param silent Boolean Cancels the firing of the change event if true.
-		*/
-		add?( action?:Ext.app.IAction, silent?:boolean ): void;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Navigate to the previous active action  */
-		back?(): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of actions
-		* @returns Array
-		*/
-		getActions?(): any[];
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of token
-		* @returns String
-		*/
-		getToken?(): string;
-		/** [Method] Returns the value of updateUrl
-		* @returns Boolean
-		*/
-		getUpdateUrl?(): boolean;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of actions
-		* @param actions Array
-		*/
-		setActions?( actions?:any[] ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of token
-		* @param token String
-		*/
-		setToken?( token?:string ): void;
-		/** [Method] Sets the value of updateUrl
-		* @param updateUrl Boolean
-		*/
-		setUpdateUrl?( updateUrl?:boolean ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IProfile extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Ext.app.Application) */
-		application?: Ext.app.IApplication;
-		/** [Config Option] (Array) */
-		controllers?: any[];
-		/** [Config Option] (Array) */
-		models?: any[];
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (String) */
-		namespace?: string;
-		/** [Config Option] (Array) */
-		stores?: any[];
-		/** [Config Option] (Array) */
-		views?: any[];
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of application
-		* @returns Ext.app.Application
-		*/
-		getApplication?(): Ext.app.IApplication;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of controllers
-		* @returns Array
-		*/
-		getControllers?(): any[];
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of models
-		* @returns Array
-		*/
-		getModels?(): any[];
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of namespace
-		* @returns String
-		*/
-		getNamespace?(): string;
-		/** [Method] Returns the value of stores
-		* @returns Array
-		*/
-		getStores?(): any[];
-		/** [Method] Returns the value of views
-		* @returns Array
-		*/
-		getViews?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Determines whether or not this Profile is active on the device isActive is executed on
-		* @returns Boolean True if this Profile should be activated on the device it is running on, false otherwise
-		*/
-		isActive?(): boolean;
-		/** [Method] The launch function is called by the Application if this Profile s isActive function returned true  */
-		launch?(): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of application
-		* @param application Ext.app.Application
-		*/
-		setApplication?( application?:Ext.app.IApplication ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of controllers
-		* @param controllers Array
-		*/
-		setControllers?( controllers?:any[] ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of models
-		* @param models Array
-		*/
-		setModels?( models?:any[] ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of namespace
-		* @param namespace String
-		*/
-		setNamespace?( namespace?:string ): void;
-		/** [Method] Sets the value of stores
-		* @param stores Array
-		*/
-		setStores?( stores?:any[] ): void;
-		/** [Method] Sets the value of views
-		* @param views Array
-		*/
-		setViews?( views?:any[] ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IRoute extends Ext.IBase {
-		/** [Config Option] (String) */
-		action?: string;
-		/** [Config Option] (Object) */
-		conditions?: any;
-		/** [Config Option] (String) */
-		controller?: string;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Property] (Object) */
-		paramsInMatchString?: any;
-		/** [Method] Returns the value of action
-		* @returns String
-		*/
-		getAction?(): string;
-		/** [Method] Returns the value of conditions
-		* @returns Object
-		*/
-		getConditions?(): any;
-		/** [Method] Returns the value of controller
-		* @returns String
-		*/
-		getController?(): string;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Attempts to recognize a given url string and return controller action pair for it
-		* @param url String The url to recognize.
-		* @returns Object/Boolean The matched data, or false if no match.
-		*/
-		recognize?( url?:string ): any;
-		/** [Method] Sets the value of action
-		* @param action String
-		*/
-		setAction?( action?:string ): void;
-		/** [Method] Sets the value of conditions
-		* @param conditions Object
-		*/
-		setConditions?( conditions?:any ): void;
-		/** [Method] Sets the value of controller
-		* @param controller String
-		*/
-		setController?( controller?:string ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-	}
-}
-declare namespace Ext.app {
-	export interface IRouter extends Ext.IBase {
-		/** [Config Option] (Object) */
-		defaults?: any;
-		/** [Config Option] (Array) */
-		routes?: any[];
-		/** [Method] Connects a url based route to a controller action pair plus additional params
-		* @param url String The url to recognize.
-		* @param params Object Additional parameters.
-		*/
-		connect?( url?:string, params?:any ): void;
-		/** [Method] Convenience method which just calls the supplied function with the Router instance
-		* @param fn Function The fn to call
-		*/
-		draw?( fn?:any ): void;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		getDefaults?(): any;
-		/** [Method] Returns the value of routes
-		* @returns Array
-		*/
-		getRoutes?(): any[];
-		/** [Method] Recognizes a url string connected to the Router return the controller action pair plus any additional config associa
-		* @param url String The url to recognize.
-		* @returns Object/undefined If the url was recognized, the controller and action to call, else undefined.
-		*/
-		recognize?( url?:string ): any;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		setDefaults?( defaults?:any ): void;
-		/** [Method] Sets the value of routes
-		* @param routes Array
-		*/
-		setRoutes?( routes?:any[] ): void;
-	}
-}
-declare namespace Ext {
-	export interface IArray {
-	}
-	export class Array {
-		/** [Method] Filter through an array and remove empty item as defined in Ext isEmpty
-		* @param array Array
-		* @returns Array results
-		*/
-		static clean( array?:any[] ): any[];
-		/** [Method] Clone a flat array without referencing the previous one
-		* @param array Array The array
-		* @returns Array The clone array
-		*/
-		static clone( array?:any[] ): any[];
-		/** [Method] Checks whether or not the given array contains the specified item
-		* @param array Array The array to check.
-		* @param item Object The item to look for.
-		* @returns Boolean true if the array contains the item, false otherwise.
-		*/
-		static contains( array?:any[], item?:any ): boolean;
-		/** [Method] Perform a set difference A B by subtracting all items in array B from array A
-		* @param arrayA Array
-		* @param arrayB Array
-		* @returns Array difference
-		*/
-		static difference( arrayA?:any[], arrayB?:any[] ): any[];
-		/** [Method] Iterates an array or an iterable value and invoke the given callback function for each item
-		* @param iterable Array/NodeList/Object The value to be iterated. If this argument is not iterable, the callback function is called once.
-		* @param fn Function The callback function. If it returns false, the iteration stops and this method returns the current index.
-		* @param scope Object The scope (this reference) in which the specified function is executed.
-		* @param reverse Boolean Reverse the iteration order (loop from the end to the beginning).
-		* @returns Boolean See description for the fn parameter.
-		*/
-		static each( iterable?:any, fn?:any, scope?:any, reverse?:boolean ): boolean;
-		/** [Method] Removes items from an array
-		* @param array Array The Array on which to replace.
-		* @param index Number The index in the array at which to operate.
-		* @param removeCount Number The number of items to remove at index.
-		* @returns Array The array passed.
-		*/
-		static erase( array?:any[], index?:number, removeCount?:number ): any[];
-		/** [Method] Executes the specified function for each array element until the function returns a falsy value
-		* @param array Array
-		* @param fn Function Callback function for each item.
-		* @param scope Object Callback function scope.
-		* @returns Boolean true if no false value is returned by the callback function.
-		*/
-		static every( array?:any[], fn?:any, scope?:any ): boolean;
-		/** [Method] Creates a new array with all of the elements of this array for which the provided filtering function returns true
-		* @param array Array
-		* @param fn Function Callback function for each item.
-		* @param scope Object Callback function scope.
-		* @returns Array results
-		*/
-		static filter( array?:any[], fn?:any, scope?:any ): any[];
-		/** [Method] Recursively flattens into 1 d Array
-		* @param array Array The array to flatten
-		* @returns Array The 1-d array.
-		*/
-		static flatten( array?:any[] ): any[];
-		/** [Method] Iterates an array and invoke the given callback function for each item
-		* @param array Array The array to iterate.
-		* @param fn Function The callback function.
-		* @param scope Object The execution scope (this) in which the specified function is executed.
-		*/
-		static forEach( array?:any[], fn?:any, scope?:any ): void;
-		/** [Method] Converts a value to an array if it s not already an array returns An empty array if given value is undefined or n
-		* @param value Object The value to convert to an array if it's not already is an array.
-		* @param newReference Boolean true to clone the given array and return a new reference if necessary.
-		* @returns Array array
-		*/
-		static from( value?:any, newReference?:boolean ): any[];
-		/** [Method] Push an item into the array only if the array doesn t contain it yet
-		* @param array Array The array.
-		* @param item Object The item to include.
-		*/
-		static include( array?:any[], item?:any ): void;
-		/** [Method] Get the index of the provided item in the given array a supplement for the missing arrayPrototype indexOf in Interne
-		* @param array Array The array to check.
-		* @param item Object The item to look for.
-		* @param from Number The index at which to begin the search.
-		* @returns Number The index of item in the array (or -1 if it is not found).
-		*/
-		static indexOf( array?:any[], item?:any, from?:number ): number;
-		/** [Method] Inserts items in to an array
-		* @param array Array The Array on which to replace.
-		* @param index Number The index in the array at which to operate.
-		* @param items Array The array of items to insert at index.
-		* @returns Array The array passed.
-		*/
-		static insert( array?:any[], index?:number, items?:any[] ): any[];
-		/** [Method] Merge multiple arrays into one with unique items that exist in all of the arrays
-		* @param array1 Array
-		* @param array2 Array
-		* @param etc Array
-		* @returns Array intersect
-		*/
-		static intersect( array1?:any[], array2?:any[], etc?:any[] ): any[];
-		/** [Method] Creates a new array with the results of calling a provided function on every element in this array
-		* @param array Array
-		* @param fn Function Callback function for each item.
-		* @param scope Object Callback function scope.
-		* @returns Array results
-		*/
-		static map( array?:any[], fn?:any, scope?:any ): any[];
-		/** [Method] Returns the maximum value in the Array
-		* @param array Array/NodeList The Array from which to select the maximum value.
-		* @param comparisonFn Function a function to perform the comparison which determines maximization. If omitted the ">" operator will be used. Note: gt = 1; eq = 0; lt = -1
-		* @returns Object maxValue The maximum value
-		*/
-		static max( array?:any, comparisonFn?:any ): any;
-		/** [Method] Calculates the mean of all items in the array
-		* @param array Array The Array to calculate the mean value of.
-		* @returns Number The mean.
-		*/
-		static mean( array?:any[] ): number;
-		/** [Method] Merge multiple arrays into one with unique items
-		* @param array1 Array
-		* @param array2 Array
-		* @param etc Array
-		* @returns Array merged
-		*/
-		static merge( array1?:any[], array2?:any[], etc?:any[] ): any[];
-		/** [Method] Returns the minimum value in the Array
-		* @param array Array/NodeList The Array from which to select the minimum value.
-		* @param comparisonFn Function a function to perform the comparison which determines minimization. If omitted the "&lt;" operator will be used. Note: gt = 1; eq = 0; lt = -1
-		* @returns Object minValue The minimum value.
-		*/
-		static min( array?:any, comparisonFn?:any ): any;
-		/** [Method] Plucks the value of a property from each item in the Array
-		* @param array Array/NodeList The Array of items to pluck the value from.
-		* @param propertyName String The property name to pluck from each element.
-		* @returns Array The value from each item in the Array.
-		*/
-		static pluck( array?:any, propertyName?:string ): any[];
-		/** [Method] Removes the specified item from the array if it exists
-		* @param array Array The array.
-		* @param item Object The item to remove.
-		* @returns Array The passed array itself.
-		*/
-		static remove( array?:any[], item?:any ): any[];
-		/** [Method] Replaces items in an array
-		* @param array Array The Array on which to replace.
-		* @param index Number The index in the array at which to operate.
-		* @param removeCount Number The number of items to remove at index (can be 0).
-		* @param insert Array An array of items to insert at index.
-		* @returns Array The array passed.
-		*/
-		static replace( array?:any[], index?:number, removeCount?:number, insert?:any[] ): any[];
-		/** [Method] Returns a shallow copy of a part of an array
-		* @param array Array The array (or arguments object).
-		* @param begin Number The index at which to begin. Negative values are offsets from the end of the array.
-		* @param end Number The index at which to end. The copied items do not include end. Negative values are offsets from the end of the array. If end is omitted, all items up to the end of the array are copied.
-		* @returns Array The copied piece of the array.
-		*/
-		static slice( array?:any[], begin?:number, end?:number ): any[];
-		/** [Method] Executes the specified function for each array element until the function returns a truthy value
-		* @param array Array
-		* @param fn Function Callback function for each item.
-		* @param scope Object Callback function scope.
-		* @returns Boolean true if the callback function returns a truthy value.
-		*/
-		static some( array?:any[], fn?:any, scope?:any ): boolean;
-		/** [Method] Sorts the elements of an Array
-		* @param array Array The array to sort.
-		* @param sortFn Function The comparison function.
-		* @returns Array The sorted array.
-		*/
-		static sort( array?:any[], sortFn?:any ): any[];
-		/** [Method] Replaces items in an array
-		* @param array Array The Array on which to replace.
-		* @param index Number The index in the array at which to operate.
-		* @param removeCount Number The number of items to remove at index (can be 0).
-		* @returns Array An array containing the removed items.
-		*/
-		static splice( array?:any[], index?:number, removeCount?:number ): any[];
-		/** [Method] Calculates the sum of all items in the given array
-		* @param array Array The Array to calculate the sum value of.
-		* @returns Number The sum.
-		*/
-		static sum( array?:any[] ): number;
-		/** [Method] Converts any iterable numeric indices and a length property into a true array
-		* @param iterable Object the iterable object to be turned into a true Array.
-		* @param start Number a zero-based index that specifies the start of extraction.
-		* @param end Number a zero-based index that specifies the end of extraction.
-		* @returns Array
-		*/
-		static toArray( iterable?:any, start?:number, end?:number ): any[];
-		/** [Method] Merge multiple arrays into one with unique items
-		* @param array1 Array
-		* @param array2 Array
-		* @param etc Array
-		* @returns Array merged
-		*/
-		static union( array1?:any[], array2?:any[], etc?:any[] ): any[];
-		/** [Method] Returns a new array with unique items
-		* @param array Array
-		* @returns Array results
-		*/
-		static unique( array?:any[] ): any[];
-	}
-}
-declare namespace Ext {
-	export interface IAudio extends Ext.IMedia {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface IBase extends Ext.IClass {
-		/** [Property] (Ext.Class) */
-		self?: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		callOverridden?( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		callParent?( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		callSuper?( args?:any ): any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		getInitialConfig?( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		initConfig?( instanceConfig?:any ): any;
-	}
-	export class Base {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Get the current class name in string format
-		* @returns any className
-		*/
-		static getName(): any;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.behavior {
-	export interface IBehavior extends Ext.IBase {
-	}
-}
-declare namespace Ext.behavior {
-	export interface IDraggable extends Ext.behavior.IBehavior {
-	}
-}
-declare namespace Ext.behavior {
-	export interface IScrollable extends Ext.behavior.IBehavior {
-	}
-}
-declare namespace Ext.behavior {
-	export interface ITranslatable extends Ext.behavior.IBehavior {
-	}
-}
-declare namespace Ext {
-	export interface IBrowser extends Ext.env.IBrowser {
-	}
-	export class Browser {
-		/** [Property] (String) */
-		static engineName: string;
-		/** [Property] (Ext.Version) */
-		static engineVersion: Ext.IVersion;
-		/** [Property] (Boolean) */
-		static isSecure: boolean;
-		/** [Property] (Boolean) */
-		static isStrict: boolean;
-		/** [Property] (String) */
-		static name: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (String) */
-		static userAgent: string;
-		/** [Property] (Ext.Version) */
-		static version: Ext.IVersion;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] A hybrid property can be either accessed as a method call for example  if Ext browser is IE
-		* @param value String The OS name to check.
-		* @returns Boolean
-		*/
-		static is( value?:string ): boolean;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext {
-	export interface IButton extends Ext.IComponent {
-		/** [Config Option] (String) */
-		autoEvent?: string;
-		/** [Config Option] (String) */
-		badge?: string;
-		/** [Config Option] (String) */
-		badgeCls?: string;
-		/** [Config Option] (String) */
-		badgeText?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Function) */
-		handler?: any;
-		/** [Config Option] (String) */
-		html?: string;
-		/** [Config Option] (String) */
-		icon?: string;
-		/** [Config Option] (String) */
-		iconAlign?: string;
-		/** [Config Option] (String) */
-		iconCls?: string;
-		/** [Config Option] (String) */
-		labelCls?: string;
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Config Option] (Number/Boolean) */
-		pressedDelay?: any;
-		/** [Config Option] (Object) */
-		scope?: any;
-		/** [Config Option] (String) */
-		text?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of autoEvent
-		* @returns String
-		*/
-		getAutoEvent?(): string;
-		/** [Method] Returns the value of badgeCls
-		* @returns String
-		*/
-		getBadgeCls?(): string;
-		/** [Method] Returns the value of badgeText
-		* @returns String
-		*/
-		getBadgeText?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of handler
-		* @returns Function
-		*/
-		getHandler?(): any;
-		/** [Method] Returns the value of icon
-		* @returns String
-		*/
-		getIcon?(): string;
-		/** [Method] Returns the value of iconAlign
-		* @returns String
-		*/
-		getIconAlign?(): string;
-		/** [Method] Returns the value of iconCls
-		* @returns String
-		*/
-		getIconCls?(): string;
-		/** [Method] Returns the value of labelCls
-		* @returns String
-		*/
-		getLabelCls?(): string;
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns the value of pressedDelay
-		* @returns Number/Boolean
-		*/
-		getPressedDelay?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Returns the value of text
-		* @returns String
-		*/
-		getText?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of autoEvent
-		* @param autoEvent String
-		*/
-		setAutoEvent?( autoEvent?:string ): void;
-		/** [Method] Updates the badge text
-		* @param text String
-		*/
-		setBadge?( text?:string ): void;
-		/** [Method] Sets the value of badgeCls
-		* @param badgeCls String
-		*/
-		setBadgeCls?( badgeCls?:string ): void;
-		/** [Method] Sets the value of badgeText
-		* @param badgeText String
-		*/
-		setBadgeText?( badgeText?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of handler
-		* @param handler Function
-		*/
-		setHandler?( handler?:any ): void;
-		/** [Method] Sets the value of icon
-		* @param icon String
-		*/
-		setIcon?( icon?:string ): void;
-		/** [Method] Sets the value of iconAlign
-		* @param iconAlign String
-		*/
-		setIconAlign?( iconAlign?:string ): void;
-		/** [Method] Updates the icon class
-		* @param iconClass String
-		*/
-		setIconClass?( iconClass?:string ): void;
-		/** [Method] Sets the value of iconCls
-		* @param iconCls String
-		*/
-		setIconCls?( iconCls?:string ): void;
-		/** [Method] Sets the value of labelCls
-		* @param labelCls String
-		*/
-		setLabelCls?( labelCls?:string ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-		/** [Method] Sets the value of pressedDelay
-		* @param pressedDelay Number/Boolean
-		*/
-		setPressedDelay?( pressedDelay?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-		/** [Method] Sets the value of text
-		* @param text String
-		*/
-		setText?( text?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.carousel {
-	export interface ICarousel extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Boolean) */
-		indicator?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the index of the currently active card
-		* @returns Number The index of the currently active card.
-		*/
-		getActiveIndex?(): number;
-		/** [Method] Returns the value of animation
-		* @returns Object
-		*/
-		getAnimation?(): any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bufferSize
-		* @returns Number
-		*/
-		getBufferSize?(): number;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of directionLock
-		* @returns Boolean
-		*/
-		getDirectionLock?(): boolean;
-		/** [Method] Returns the value of indicator
-		* @returns any
-		*/
-		getIndicator?(): any;
-		/** [Method] Returns the value of itemConfig
-		* @returns Object
-		*/
-		getItemConfig?(): any;
-		/** [Method] Returns the value of itemLength
-		* @returns Object
-		*/
-		getItemLength?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns true when direction is horizontal
-		* @returns Boolean
-		*/
-		isHorizontal?(): boolean;
-		/** [Method] Returns true when direction is vertical
-		* @returns Boolean
-		*/
-		isVertical?(): boolean;
-		/** [Method] Switches to the next card
-		* @returns Ext.carousel.Carousel this
-		*/
-		next?(): Ext.carousel.ICarousel;
-		/** [Method] Switches to the previous card
-		* @returns Ext.carousel.Carousel this
-		*/
-		prev?(): Ext.carousel.ICarousel;
-		/** [Method] Switches to the previous card
-		* @returns Ext.carousel.Carousel this
-		*/
-		previous?(): Ext.carousel.ICarousel;
-		/** [Method] Sets the value of animation
-		* @param animation Object
-		*/
-		setAnimation?( animation?:any ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bufferSize
-		* @param bufferSize Number
-		*/
-		setBufferSize?( bufferSize?:number ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of directionLock
-		* @param directionLock Boolean
-		*/
-		setDirectionLock?( directionLock?:boolean ): void;
-		/** [Method] Sets the value of indicator
-		* @param indicator Boolean
-		*/
-		setIndicator?( indicator?:boolean ): void;
-		/** [Method] Sets the value of itemConfig
-		* @param itemConfig Object
-		*/
-		setItemConfig?( itemConfig?:any ): void;
-		/** [Method] Sets the value of itemLength
-		* @param itemLength Object
-		*/
-		setItemLength?( itemLength?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ICarousel extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Boolean) */
-		indicator?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the index of the currently active card
-		* @returns Number The index of the currently active card.
-		*/
-		getActiveIndex?(): number;
-		/** [Method] Returns the value of animation
-		* @returns Object
-		*/
-		getAnimation?(): any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bufferSize
-		* @returns Number
-		*/
-		getBufferSize?(): number;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of directionLock
-		* @returns Boolean
-		*/
-		getDirectionLock?(): boolean;
-		/** [Method] Returns the value of indicator
-		* @returns any
-		*/
-		getIndicator?(): any;
-		/** [Method] Returns the value of itemConfig
-		* @returns Object
-		*/
-		getItemConfig?(): any;
-		/** [Method] Returns the value of itemLength
-		* @returns Object
-		*/
-		getItemLength?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns true when direction is horizontal
-		* @returns Boolean
-		*/
-		isHorizontal?(): boolean;
-		/** [Method] Returns true when direction is vertical
-		* @returns Boolean
-		*/
-		isVertical?(): boolean;
-		/** [Method] Switches to the next card
-		* @returns Ext.carousel.Carousel this
-		*/
-		next?(): Ext.carousel.ICarousel;
-		/** [Method] Switches to the previous card
-		* @returns Ext.carousel.Carousel this
-		*/
-		prev?(): Ext.carousel.ICarousel;
-		/** [Method] Switches to the previous card
-		* @returns Ext.carousel.Carousel this
-		*/
-		previous?(): Ext.carousel.ICarousel;
-		/** [Method] Sets the value of animation
-		* @param animation Object
-		*/
-		setAnimation?( animation?:any ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bufferSize
-		* @param bufferSize Number
-		*/
-		setBufferSize?( bufferSize?:number ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of directionLock
-		* @param directionLock Boolean
-		*/
-		setDirectionLock?( directionLock?:boolean ): void;
-		/** [Method] Sets the value of indicator
-		* @param indicator Boolean
-		*/
-		setIndicator?( indicator?:boolean ): void;
-		/** [Method] Sets the value of itemConfig
-		* @param itemConfig Object
-		*/
-		setItemConfig?( itemConfig?:any ): void;
-		/** [Method] Sets the value of itemLength
-		* @param itemLength Object
-		*/
-		setItemLength?( itemLength?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.carousel {
-	export interface IIndicator extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-	}
-}
-declare namespace Ext.carousel {
-	export interface IInfinite extends Ext.carousel.ICarousel {
-		/** [Config Option] (Boolean) */
-		indicator?: boolean;
-		/** [Method] Returns the value of indicator
-		* @returns Object
-		*/
-		getIndicator?(): any;
-		/** [Method] Returns the value of innerItemConfig
-		* @returns Object
-		*/
-		getInnerItemConfig?(): any;
-		/** [Method] Returns the value of maxItemIndex
-		* @returns Object
-		*/
-		getMaxItemIndex?(): any;
-		/** [Method] Sets the value of indicator
-		* @param indicator Object
-		*/
-		setIndicator?( indicator?:any ): void;
-		/** [Method] Sets the value of innerItemConfig
-		* @param innerItemConfig Object
-		*/
-		setInnerItemConfig?( innerItemConfig?:any ): void;
-		/** [Method] Sets the value of maxItemIndex
-		* @param maxItemIndex Object
-		*/
-		setMaxItemIndex?( maxItemIndex?:any ): void;
-	}
-}
-declare namespace Ext.carousel {
-	export interface IItem extends Ext.IDecorator {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of translatable
-		* @returns Boolean
-		*/
-		getTranslatable?(): boolean;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of translatable
-		* @param translatable Boolean
-		*/
-		setTranslatable?( translatable?:boolean ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface IAbstractChart extends Ext.draw.IComponent {
-		/** [Config Option] (Boolean/Object) */
-		animate?: any;
-		/** [Config Option] (Ext.chart.axis.Axis/Array/Object) */
-		axes?: any;
-		/** [Config Option] (Object) */
-		background?: any;
-		/** [Config Option] (Boolean/Array) */
-		colors?: any;
-		/** [Config Option] (Object) */
-		highlightItem?: any;
-		/** [Config Option] (Object) */
-		innerPadding?: any;
-		/** [Config Option] (Object|Number) */
-		insetPadding?: any;
-		/** [Config Option] (Array) */
-		interactions?: any[];
-		/** [Config Option] (Ext.chart.Legend/Object) */
-		legend?: any;
-		/** [Config Option] (Ext.chart.series.Series/Array) */
-		series?: any;
-		/** [Config Option] (Boolean/Object) */
-		shadow?: any;
-		/** [Config Option] (Ext.data.Store) */
-		store?: Ext.data.IStore;
-		/** [Property] (String) */
-		version?: string;
-		/** [Method] Changes the data store bound to this chart and refreshes it
-		* @param store Ext.data.Store The store to bind to this chart.
-		*/
-		bindStore?( store?:Ext.data.IStore ): void;
-		/** [Method] Cancel a scheduled layout  */
-		cancelLayout?(): void;
-		/** [Method] Returns the value of axes
-		* @returns Ext.chart.axis.Axis/Array/Object
-		*/
-		getAxes?(): any;
-		/** [Method] Returns the value of background
-		* @returns Object
-		*/
-		getBackground?(): any;
-		/** [Method] Returns the value of colors
-		* @returns Boolean/Array
-		*/
-		getColors?(): any;
-		/** [Method] Returns the value of highlightItem
-		* @returns Object
-		*/
-		getHighlightItem?(): any;
-		/** [Method] Returns the value of innerPadding
-		* @returns Object
-		*/
-		getInnerPadding?(): any;
-		/** [Method] Returns the value of insetPadding
-		* @returns Object|Number
-		*/
-		getInsetPadding?(): any;
-		/** [Method] Returns the value of interactions
-		* @returns Array
-		*/
-		getInteractions?(): any[];
-		/** [Method] Given an x y point relative to the chart find and return the first series item that matches that point
-		* @param x Number
-		* @param y Number
-		* @returns Object An object with series and item properties, or false if no item found.
-		*/
-		getItemForPoint?( x?:number, y?:number ): any;
-		/** [Method] Given an x y point relative to the chart find and return all series items that match that point
-		* @param x Number
-		* @param y Number
-		* @returns Array An array of objects with series and item properties.
-		*/
-		getItemsForPoint?( x?:number, y?:number ): any[];
-		/** [Method] Returns the value of legend
-		* @returns Ext.chart.Legend/Object
-		*/
-		getLegend?(): any;
-		/** [Method] Return the legend store that contains all the legend information
-		* @returns Ext.data.Store
-		*/
-		getLegendStore?(): Ext.data.IStore;
-		/** [Method] Returns the value of series
-		* @returns Ext.chart.series.Series/Array
-		*/
-		getSeries?(): any;
-		/** [Method] Returns the value of shadow
-		* @returns Boolean/Object
-		*/
-		getShadow?(): any;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.Store
-		*/
-		getStore?(): Ext.data.IStore;
-		/** [Method] Get a surface by the given id or create one if it doesn t exist
-		* @param name Object
-		* @param type Object
-		* @returns Ext.draw.Surface
-		*/
-		getSurface?( name?:any, type?:any ): Ext.draw.ISurface;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Redraw the chart  */
-		redraw?(): void;
-		/** [Method] Resume the layout initialized by thickness change */
-		resumeThicknessChanged?(): void;
-		/** [Method] Schedule a layout at next frame  */
-		scheduleLayout?(): void;
-		/** [Method] Sets the value of animate
-		* @param animate Boolean/Object
-		*/
-		setAnimate?( animate?:any ): void;
-		/** [Method] Sets the value of axes
-		* @param axes Ext.chart.axis.Axis/Array/Object
-		*/
-		setAxes?( axes?:any ): void;
-		/** [Method] Sets the value of background
-		* @param background Object
-		*/
-		setBackground?( background?:any ): void;
-		/** [Method] Sets the value of colors
-		* @param colors Boolean/Array
-		*/
-		setColors?( colors?:any ): void;
-		/** [Method] Sets the value of highlightItem
-		* @param highlightItem Object
-		*/
-		setHighlightItem?( highlightItem?:any ): void;
-		/** [Method] Sets the value of innerPadding
-		* @param innerPadding Object
-		*/
-		setInnerPadding?( innerPadding?:any ): void;
-		/** [Method] Sets the value of insetPadding
-		* @param insetPadding Object|Number
-		*/
-		setInsetPadding?( insetPadding?:any ): void;
-		/** [Method] Sets the value of interactions
-		* @param interactions Array
-		*/
-		setInteractions?( interactions?:any[] ): void;
-		/** [Method] Sets the value of legend
-		* @param legend Ext.chart.Legend/Object
-		*/
-		setLegend?( legend?:any ): void;
-		/** [Method] Sets the value of series
-		* @param series Ext.chart.series.Series/Array
-		*/
-		setSeries?( series?:any ): void;
-		/** [Method] Sets the value of shadow
-		* @param shadow Boolean/Object
-		*/
-		setShadow?( shadow?:any ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.Store
-		*/
-		setStore?( store?:Ext.data.IStore ): void;
-		/** [Method] Suspend the layout initialized by thickness change */
-		suspendThicknessChanged?(): void;
-	}
-}
-declare namespace Ext.chart.axis {
-	export interface IAxis extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Object) */
-		background?: any;
-		/** [Config Option] (Ext.chart.AbstractChart) */
-		chart?: Ext.chart.IAbstractChart;
-		/** [Config Option] (Array) */
-		fields?: any[];
-		/** [Config Option] (Object) */
-		grid?: any;
-		/** [Config Option] (Boolean) */
-		hidden?: boolean;
-		/** [Config Option] (Number) */
-		increment?: number;
-		/** [Config Option] (Object) */
-		label?: any;
-		/** [Config Option] (Boolean) */
-		labelInSpan?: boolean;
-		/** [Config Option] (Object|Ext.chart.axis.layout.Layout) */
-		layout?: any;
-		/** [Config Option] (Number) */
-		maxZoom?: number;
-		/** [Config Option] (Number) */
-		maximum?: number;
-		/** [Config Option] (Number) */
-		minZoom?: number;
-		/** [Config Option] (Number) */
-		minimum?: number;
-		/** [Config Option] (Boolean) */
-		needHighPrecision?: boolean;
-		/** [Config Option] (String) */
-		position?: string;
-		/** [Config Option] (Function) */
-		renderer?: any;
-		/** [Config Option] (Object|Ext.chart.axis.segmenter.Segmenter) */
-		segmenter?: any;
-		/** [Config Option] (Object) */
-		style?: any;
-		/** [Config Option] (String|Object) */
-		title?: any;
-		/** [Config Option] (Number) */
-		titleMargin?: number;
-		/** [Config Option] (Array) */
-		visibleRange?: any[];
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of background
-		* @returns Object
-		*/
-		getBackground?(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of chart
-		* @returns Ext.chart.AbstractChart
-		*/
-		getChart?(): Ext.chart.IAbstractChart;
-		/** [Method] Mapping data value into coordinate
-		* @param value *
-		* @param field String
-		* @param idx Number
-		* @param items Ext.util.MixedCollection
-		* @returns Number
-		*/
-		getCoordFor?( value?:any, field?:string, idx?:number, items?:Ext.util.IMixedCollection ): number;
-		/** [Method] Returns the value of fields
-		* @returns Array
-		*/
-		getFields?(): any[];
-		/** [Method] Returns the value of grid
-		* @returns Object
-		*/
-		getGrid?(): any;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		getHidden?(): boolean;
-		/** [Method] Returns the value of increment
-		* @returns Number
-		*/
-		getIncrement?(): number;
-		/** [Method] Returns the value of label
-		* @returns Object
-		*/
-		getLabel?(): any;
-		/** [Method] Returns the value of labelInSpan
-		* @returns Boolean
-		*/
-		getLabelInSpan?(): boolean;
-		/** [Method] Returns the value of layout
-		* @returns Object|Ext.chart.axis.layout.Layout
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of maxZoom
-		* @returns Number
-		*/
-		getMaxZoom?(): number;
-		/** [Method] Returns the value of maximum
-		* @returns Number
-		*/
-		getMaximum?(): number;
-		/** [Method] Returns the value of minZoom
-		* @returns Number
-		*/
-		getMinZoom?(): number;
-		/** [Method] Returns the value of minimum
-		* @returns Number
-		*/
-		getMinimum?(): number;
-		/** [Method] Returns the value of needHighPrecision
-		* @returns Boolean
-		*/
-		getNeedHighPrecision?(): boolean;
-		/** [Method] Returns the value of position
-		* @returns String
-		*/
-		getPosition?(): string;
-		/** [Method] Get the range derived from all the bound series
-		* @returns Array
-		*/
-		getRange?(): any[];
-		/** [Method] Returns the value of renderer
-		* @returns Function
-		*/
-		getRenderer?(): any;
-		/** [Method] Returns the value of segmenter
-		* @returns Object|Ext.chart.axis.segmenter.Segmenter
-		*/
-		getSegmenter?(): any;
-		/** [Method] Returns the value of style
-		* @returns Object
-		*/
-		getStyle?(): any;
-		/** [Method] Returns the value of title
-		* @returns String|Object
-		*/
-		getTitle?(): any;
-		/** [Method] Returns the value of titleMargin
-		* @returns Number
-		*/
-		getTitleMargin?(): number;
-		/** [Method] Returns the value of visibleRange
-		* @returns Array
-		*/
-		getVisibleRange?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Invoked when data has changed  */
-		processData?(): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Invokes renderFrame on this axis s surface s  */
-		renderFrame?(): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of background
-		* @param background Object
-		*/
-		setBackground?( background?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of chart
-		* @param chart Ext.chart.AbstractChart
-		*/
-		setChart?( chart?:Ext.chart.IAbstractChart ): void;
-		/** [Method] Sets the value of fields
-		* @param fields Array
-		*/
-		setFields?( fields?:any[] ): void;
-		/** [Method] Sets the value of grid
-		* @param grid Object
-		*/
-		setGrid?( grid?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		setHidden?( hidden?:boolean ): void;
-		/** [Method] Sets the value of increment
-		* @param increment Number
-		*/
-		setIncrement?( increment?:number ): void;
-		/** [Method] Sets the value of label
-		* @param label Object
-		*/
-		setLabel?( label?:any ): void;
-		/** [Method] Sets the value of labelInSpan
-		* @param labelInSpan Boolean
-		*/
-		setLabelInSpan?( labelInSpan?:boolean ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object|Ext.chart.axis.layout.Layout
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of maxZoom
-		* @param maxZoom Number
-		*/
-		setMaxZoom?( maxZoom?:number ): void;
-		/** [Method] Sets the value of maximum
-		* @param maximum Number
-		*/
-		setMaximum?( maximum?:number ): void;
-		/** [Method] Sets the value of minZoom
-		* @param minZoom Number
-		*/
-		setMinZoom?( minZoom?:number ): void;
-		/** [Method] Sets the value of minimum
-		* @param minimum Number
-		*/
-		setMinimum?( minimum?:number ): void;
-		/** [Method] Sets the value of needHighPrecision
-		* @param needHighPrecision Boolean
-		*/
-		setNeedHighPrecision?( needHighPrecision?:boolean ): void;
-		/** [Method] Sets the value of position
-		* @param position String
-		*/
-		setPosition?( position?:string ): void;
-		/** [Method] Sets the value of renderer
-		* @param renderer Function
-		* @returns String The label to display.
-		*/
-		setRenderer?( renderer?:any ): string;
-		/** [Method] Sets the value of segmenter
-		* @param segmenter Object|Ext.chart.axis.segmenter.Segmenter
-		*/
-		setSegmenter?( segmenter?:any ): void;
-		/** [Method] Sets the value of style
-		* @param style Object
-		*/
-		setStyle?( style?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title String|Object
-		*/
-		setTitle?( title?:any ): void;
-		/** [Method] Sets the value of titleMargin
-		* @param titleMargin Number
-		*/
-		setTitleMargin?( titleMargin?:number ): void;
-		/** [Method] Sets the value of visibleRange
-		* @param visibleRange Array
-		*/
-		setVisibleRange?( visibleRange?:any[] ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis {
-	export interface ICategory extends Ext.chart.axis.IAxis {
-		/** [Config Option] (Object|Ext.chart.axis.layout.Layout) */
-		layout?: any;
-		/** [Config Option] (Object|Ext.chart.axis.segmenter.Segmenter) */
-		segmenter?: any;
-		/** [Method] Returns the value of layout
-		* @returns String
-		*/
-		getLayout?(): string;
-		/** [Method] Returns the value of segmenter
-		* @returns String
-		*/
-		getSegmenter?(): string;
-		/** [Method] Sets the value of layout
-		* @param layout String
-		*/
-		setLayout?( layout?:string ): void;
-		/** [Method] Sets the value of segmenter
-		* @param segmenter String
-		*/
-		setSegmenter?( segmenter?:string ): void;
-	}
-}
-declare namespace Ext.chart.axis.layout {
-	export interface ICombineDuplicate extends Ext.chart.axis.layout.IDiscrete {
-	}
-}
-declare namespace Ext.chart.axis.layout {
-	export interface IContinuous extends Ext.chart.axis.layout.ILayout {
-		/** [Method] Returns the value of adjustMaximumByMajorUnit
-		* @returns Boolean
-		*/
-		getAdjustMaximumByMajorUnit?(): boolean;
-		/** [Method] Returns the value of adjustMinimumByMajorUnit
-		* @returns Boolean
-		*/
-		getAdjustMinimumByMajorUnit?(): boolean;
-		/** [Method] Sets the value of adjustMaximumByMajorUnit
-		* @param adjustMaximumByMajorUnit Boolean
-		*/
-		setAdjustMaximumByMajorUnit?( adjustMaximumByMajorUnit?:boolean ): void;
-		/** [Method] Sets the value of adjustMinimumByMajorUnit
-		* @param adjustMinimumByMajorUnit Boolean
-		*/
-		setAdjustMinimumByMajorUnit?( adjustMinimumByMajorUnit?:boolean ): void;
-		/** [Method] Snaps the data bound to the axis to meaningful tick marks
-		* @param context Object
-		* @param min Object
-		* @param max Object
-		* @param estStepSize Object
-		*/
-		snapEnds?( context?:any, min?:any, max?:any, estStepSize?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis.layout {
-	export interface IDiscrete extends Ext.chart.axis.layout.ILayout {
-		/** [Method] Calculates the position of tick marks for the axis
-		* @param context Object
-		* @returns *
-		*/
-		calculateLayout?( context?:any ): any;
-		/** [Method] Calculates the position of major ticks for the axis
-		* @param context Object
-		*/
-		calculateMajorTicks?( context?:any ): void;
-		/** [Method] Processes the data of the series bound to the axis  */
-		processData?(): void;
-		/** [Method] Snaps the data bound to the axis to meaningful tick marks
-		* @param context Object
-		* @param min Object
-		* @param max Object
-		* @param estStepSize Object
-		*/
-		snapEnds?( context?:any, min?:any, max?:any, estStepSize?:any ): void;
-		/** [Method] Trims the layout of the axis by the defined minimum and maximum
-		* @param context Object
-		* @param out Object
-		* @param trimMin Object
-		* @param trimMax Object
-		*/
-		trimByRange?( context?:any, out?:any, trimMin?:any, trimMax?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis.layout {
-	export interface ILayout extends Ext.IBase {
-		/** [Config Option] (Ext.chart.axis.Axis) */
-		axis?: Ext.chart.axis.IAxis;
-		/** [Method] Calculates the position of tick marks for the axis
-		* @param context Object
-		* @returns *
-		*/
-		calculateLayout?( context?:any ): any;
-		/** [Method] Calculates the position of major ticks for the axis
-		* @param context Object
-		*/
-		calculateMajorTicks?( context?:any ): void;
-		/** [Method] Calculates the position of sub ticks for the axis
-		* @param context Object
-		*/
-		calculateMinorTicks?( context?:any ): void;
-		/** [Method] Returns the value of axis
-		* @returns Ext.chart.axis.Axis
-		*/
-		getAxis?(): Ext.chart.axis.IAxis;
-		/** [Method] Processes the data of the series bound to the axis
-		* @param series Object The bound series.
-		*/
-		processData?( series?:any ): void;
-		/** [Method] Sets the value of axis
-		* @param axis Ext.chart.axis.Axis
-		*/
-		setAxis?( axis?:Ext.chart.axis.IAxis ): void;
-		/** [Method] Snaps the data bound to the axis to meaningful tick marks
-		* @param context Object
-		* @param min Object
-		* @param max Object
-		* @param estStepSize Object
-		*/
-		snapEnds?( context?:any, min?:any, max?:any, estStepSize?:any ): void;
-		/** [Method] Trims the layout of the axis by the defined minimum and maximum
-		* @param context Object
-		* @param out Object
-		* @param trimMin Object
-		* @param trimMax Object
-		*/
-		trimByRange?( context?:any, out?:any, trimMin?:any, trimMax?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis {
-	export interface INumeric extends Ext.chart.axis.IAxis {
-		/** [Config Option] (Object|Ext.chart.axis.layout.Layout) */
-		layout?: any;
-		/** [Config Option] (Object|Ext.chart.axis.segmenter.Segmenter) */
-		segmenter?: any;
-		/** [Method] Returns the value of aggregator
-		* @returns String
-		*/
-		getAggregator?(): string;
-		/** [Method] Returns the value of layout
-		* @returns String
-		*/
-		getLayout?(): string;
-		/** [Method] Returns the value of segmenter
-		* @returns String
-		*/
-		getSegmenter?(): string;
-		/** [Method] Sets the value of aggregator
-		* @param aggregator String
-		*/
-		setAggregator?( aggregator?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout String
-		*/
-		setLayout?( layout?:string ): void;
-		/** [Method] Sets the value of segmenter
-		* @param segmenter String
-		*/
-		setSegmenter?( segmenter?:string ): void;
-	}
-}
-declare namespace Ext.chart.axis.segmenter {
-	export interface INames extends Ext.chart.axis.segmenter.ISegmenter {
-		/** [Method] Add step units to the value
-		* @param value Object
-		* @param step Object
-		* @param unit Object
-		*/
-		add?( value?:any, step?:any, unit?:any ): void;
-		/** [Method] Align value with step of units
-		* @param value Object
-		* @param step Object
-		* @param unit Object
-		* @returns * Aligned value.
-		*/
-		align?( value?:any, step?:any, unit?:any ): any;
-		/** [Method] Returns the difference between the min and max value based on the given unit scale
-		* @param min Object
-		* @param max Object
-		* @param unit Object
-		* @returns Number The number of units between min and max. It is the minimum n that min + n * unit >= max.
-		*/
-		diff?( min?:any, max?:any, unit?:any ): number;
-		/** [Method] Given a start point and estimated step size of a range determine the preferred step size
-		* @param min Object
-		* @param estStepSize Object
-		* @param minIdx Object
-		* @param data Object
-		* @returns Object Return the step size by an object of step x unit.
-		*/
-		preferredStep?( min?:any, estStepSize?:any, minIdx?:any, data?:any ): any;
-		/** [Method] This method formats the value
-		* @param value Object
-		* @param context Object
-		* @returns String
-		*/
-		renderer?( value?:any, context?:any ): string;
-	}
-}
-declare namespace Ext.chart.axis.segmenter {
-	export interface INumeric extends Ext.chart.axis.segmenter.ISegmenter {
-		/** [Method] Add step units to the value
-		* @param value Object
-		* @param step Object
-		* @param unit Object
-		*/
-		add?( value?:any, step?:any, unit?:any ): void;
-		/** [Method] Align value with step of units
-		* @param value Object
-		* @param step Object
-		* @param unit Object
-		* @returns * Aligned value.
-		*/
-		align?( value?:any, step?:any, unit?:any ): any;
-		/** [Method] Returns the difference between the min and max value based on the given unit scale
-		* @param min Object
-		* @param max Object
-		* @param unit Object
-		* @returns Number The number of units between min and max. It is the minimum n that min + n * unit >= max.
-		*/
-		diff?( min?:any, max?:any, unit?:any ): number;
-		/** [Method] Given a start point and estimated step size of a range determine the preferred step size
-		* @param min Object
-		* @param estStepSize Object
-		* @returns Object Return the step size by an object of step x unit.
-		*/
-		preferredStep?( min?:any, estStepSize?:any ): any;
-		/** [Method] This method formats the value
-		* @param value Object
-		* @param context Object
-		* @returns String
-		*/
-		renderer?( value?:any, context?:any ): string;
-	}
-}
-declare namespace Ext.chart.axis.segmenter {
-	export interface ISegmenter extends Ext.IBase {
-		/** [Config Option] (Ext.chart.axis.Axis) */
-		axis?: Ext.chart.axis.IAxis;
-		/** [Method] Add step units to the value
-		* @param value * The value to be added.
-		* @param step Number The step of units. Negative value are allowed.
-		* @param unit * The unit.
-		*/
-		add?( value?:any, step?:number, unit?:any ): void;
-		/** [Method] Align value with step of units
-		* @param value * The value to be aligned.
-		* @param step Number The step of units.
-		* @param unit * The unit.
-		* @returns * Aligned value.
-		*/
-		align?( value?:any, step?:number, unit?:any ): any;
-		/** [Method] Returns the difference between the min and max value based on the given unit scale
-		* @param min * The smaller value.
-		* @param max * The larger value.
-		* @param unit * The unit scale. Unit can be any type.
-		* @returns Number The number of units between min and max. It is the minimum n that min + n * unit >= max.
-		*/
-		diff?( min?:any, max?:any, unit?:any ): number;
-		/** [Method] Convert from any data into the target type
-		* @param value * The value to convert from
-		* @returns * The converted value.
-		*/
-		from?( value?:any ): any;
-		/** [Method] Returns the value of axis
-		* @returns Ext.chart.axis.Axis
-		*/
-		getAxis?(): Ext.chart.axis.IAxis;
-		/** [Method] Given a start point and estimated step size of a range determine the preferred step size
-		* @param start * The start point of range.
-		* @param estStepSize * The estimated step size.
-		* @returns Object Return the step size by an object of step x unit.
-		*/
-		preferredStep?( start?:any, estStepSize?:any ): any;
-		/** [Method] This method formats the value
-		* @param value * The value to format.
-		* @param context Object Axis layout context.
-		* @returns String
-		*/
-		renderer?( value?:any, context?:any ): string;
-		/** [Method] Sets the value of axis
-		* @param axis Ext.chart.axis.Axis
-		*/
-		setAxis?( axis?:Ext.chart.axis.IAxis ): void;
-	}
-}
-declare namespace Ext.chart.axis.segmenter {
-	export interface ITime extends Ext.chart.axis.segmenter.ISegmenter {
-		/** [Config Option] (Object) */
-		step?: any;
-		/** [Method] Add step units to the value
-		* @param value Object
-		* @param step Object
-		* @param unit Object
-		*/
-		add?( value?:any, step?:any, unit?:any ): void;
-		/** [Method] Align value with step of units
-		* @param date Object
-		* @param step Object
-		* @param unit Object
-		* @returns * Aligned value.
-		*/
-		align?( date?:any, step?:any, unit?:any ): any;
-		/** [Method] Returns the difference between the min and max value based on the given unit scale
-		* @param min Object
-		* @param max Object
-		* @param unit Object
-		* @returns Number The number of units between min and max. It is the minimum n that min + n * unit >= max.
-		*/
-		diff?( min?:any, max?:any, unit?:any ): number;
-		/** [Method] Convert from any data into the target type
-		* @param value Object
-		* @returns * The converted value.
-		*/
-		from?( value?:any ): any;
-		/** [Method] Returns the value of step
-		* @returns Object
-		*/
-		getStep?(): any;
-		/** [Method] Given a start point and estimated step size of a range determine the preferred step size
-		* @param min Object
-		* @param estStepSize Object
-		* @returns Object Return the step size by an object of step x unit.
-		*/
-		preferredStep?( min?:any, estStepSize?:any ): any;
-		/** [Method] This method formats the value
-		* @param value Object
-		* @param context Object
-		* @returns String
-		*/
-		renderer?( value?:any, context?:any ): string;
-		/** [Method] Sets the value of step
-		* @param step Object
-		*/
-		setStep?( step?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis.sprite {
-	export interface IAxis extends Ext.draw.sprite.ISprite,Ext.chart.IMarkerHolder {
-		/** [Config Option] (Number) */
-		The?: number;
-		/** [Config Option] (Ext.chart.axis.Axis) */
-		axis?: Ext.chart.axis.IAxis;
-		/** [Config Option] (Boolean) */
-		axisLine?: boolean;
-		/** [Config Option] (Number) */
-		centerX?: number;
-		/** [Config Option] (Number) */
-		centerY?: number;
-		/** [Config Option] (Number) */
-		dataMax?: number;
-		/** [Config Option] (Number) */
-		dataMin?: number;
-		/** [Config Option] (Boolean) */
-		enlargeEstStepSizeByText?: boolean;
-		/** [Config Option] (Boolean) */
-		grid?: boolean;
-		/** [Config Option] (Object) */
-		label?: any;
-		/** [Config Option] (Object|Ext.chart.axis.layout.Layout) */
-		layout?: any;
-		/** [Config Option] (Number) */
-		length?: number;
-		/** [Config Option] (Number) */
-		majorTickSize?: number;
-		/** [Config Option] (Boolean) */
-		majorTicks?: boolean;
-		/** [Config Option] (Number) */
-		max?: number;
-		/** [Config Option] (Number) */
-		min?: number;
-		/** [Config Option] (Number) */
-		minStepSize?: number;
-		/** [Config Option] (Number) */
-		minorTickSize?: number;
-		/** [Config Option] (Boolean) */
-		minorTricks?: boolean;
-		/** [Config Option] (String) */
-		position?: string;
-		/** [Config Option] (Function) */
-		renderer?: any;
-		/** [Config Option] (Object|Ext.chart.axis.segmenter.Segmenter) */
-		segmenter?: any;
-		/** [Config Option] (Number) */
-		textPadding?: number;
-		/** [Config Option] (Number) */
-		visibleMax?: number;
-		/** [Config Option] (Number) */
-		visibleMin?: number;
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-		/** [Method] Returns the value of axis
-		* @returns Ext.chart.axis.Axis
-		*/
-		getAxis?(): Ext.chart.axis.IAxis;
-		/** [Method] Returns the bounding box for the given Sprite as calculated with the Canvas engine  */
-		getBBox?(): void;
-		/** [Method] Returns the value of label
-		* @returns Object
-		*/
-		getLabel?(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object|Ext.chart.axis.layout.Layout
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of renderer
-		* @returns Function
-		*/
-		getRenderer?(): any;
-		/** [Method] Returns the value of segmenter
-		* @returns Object|Ext.chart.axis.segmenter.Segmenter
-		*/
-		getSegmenter?(): any;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any ): any;
-		/** [Method] Sets the value of axis
-		* @param axis Ext.chart.axis.Axis
-		*/
-		setAxis?( axis?:Ext.chart.axis.IAxis ): void;
-		/** [Method] Sets the value of label
-		* @param label Object
-		*/
-		setLabel?( label?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object|Ext.chart.axis.layout.Layout
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of renderer
-		* @param renderer Function
-		*/
-		setRenderer?( renderer?:any ): void;
-		/** [Method] Sets the value of segmenter
-		* @param segmenter Object|Ext.chart.axis.segmenter.Segmenter
-		*/
-		setSegmenter?( segmenter?:any ): void;
-	}
-}
-declare namespace Ext.chart.axis {
-	export interface ITime extends Ext.chart.axis.INumeric {
-		/** [Config Option] (Boolean) */
-		calculateByLabelSize?: boolean;
-		/** [Config Option] (String/Boolean) */
-		dateFormat?: any;
-		/** [Config Option] (Date) */
-		fromDate?: any;
-		/** [Config Option] (Object|Ext.chart.axis.layout.Layout) */
-		layout?: any;
-		/** [Config Option] (Object|Ext.chart.axis.segmenter.Segmenter) */
-		segmenter?: any;
-		/** [Config Option] (Array) */
-		step?: any[];
-		/** [Config Option] (Date) */
-		toDate?: any;
-		/** [Method] Returns the value of aggregator
-		* @returns String
-		*/
-		getAggregator?(): string;
-		/** [Method] Returns the value of calculateByLabelSize
-		* @returns Boolean
-		*/
-		getCalculateByLabelSize?(): boolean;
-		/** [Method] Mapping data value into coordinate
-		* @param value Object
-		* @returns Number
-		*/
-		getCoordFor?( value?:any ): number;
-		/** [Method] Returns the value of dateFormat
-		* @returns String/Boolean
-		*/
-		getDateFormat?(): any;
-		/** [Method] Returns the value of fromDate
-		* @returns Date
-		*/
-		getFromDate?(): any;
-		/** [Method] Returns the value of layout
-		* @returns String
-		*/
-		getLayout?(): string;
-		/** [Method] Returns the value of segmenter
-		* @returns String
-		*/
-		getSegmenter?(): string;
-		/** [Method] Returns the value of step
-		* @returns Array
-		*/
-		getStep?(): any[];
-		/** [Method] Returns the value of toDate
-		* @returns Date
-		*/
-		getToDate?(): any;
-		/** [Method] Sets the value of aggregator
-		* @param aggregator String
-		*/
-		setAggregator?( aggregator?:string ): void;
-		/** [Method] Sets the value of calculateByLabelSize
-		* @param calculateByLabelSize Boolean
-		*/
-		setCalculateByLabelSize?( calculateByLabelSize?:boolean ): void;
-		/** [Method] Sets the value of dateFormat
-		* @param dateFormat String/Boolean
-		*/
-		setDateFormat?( dateFormat?:any ): void;
-		/** [Method] Sets the value of fromDate
-		* @param fromDate Date
-		*/
-		setFromDate?( fromDate?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout String
-		*/
-		setLayout?( layout?:string ): void;
-		/** [Method] Sets the value of segmenter
-		* @param segmenter String
-		*/
-		setSegmenter?( segmenter?:string ): void;
-		/** [Method] Sets the value of step
-		* @param step Array
-		*/
-		setStep?( step?:any[] ): void;
-		/** [Method] Sets the value of toDate
-		* @param toDate Date
-		*/
-		setToDate?( toDate?:any ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface ICartesianChart extends Ext.chart.IAbstractChart {
-		/** [Config Option] (Boolean) */
-		flipXY?: boolean;
-		/** [Method] Returns the value of flipXY
-		* @returns Boolean
-		*/
-		getFlipXY?(): boolean;
-		/** [Method] Returns the value of innerRegion
-		* @returns Array
-		*/
-		getInnerRegion?(): any[];
-		/** [Method] Place water mark after resize  */
-		onPlaceWatermark?(): void;
-		/** [Method] Layout the axes and series  */
-		performLayout?(): void;
-		/** [Method] Redraw the chart  */
-		redraw?(): void;
-		/** [Method] Sets the value of flipXY
-		* @param flipXY Boolean
-		*/
-		setFlipXY?( flipXY?:boolean ): void;
-		/** [Method] Sets the value of innerRegion
-		* @param innerRegion Array
-		*/
-		setInnerRegion?( innerRegion?:any[] ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface IChart extends Ext.chart.IAbstractChart {
-		/** [Config Option] (Boolean) */
-		flipXY?: boolean;
-		/** [Method] Returns the value of flipXY
-		* @returns Boolean
-		*/
-		getFlipXY?(): boolean;
-		/** [Method] Returns the value of innerRegion
-		* @returns Array
-		*/
-		getInnerRegion?(): any[];
-		/** [Method] Place water mark after resize  */
-		onPlaceWatermark?(): void;
-		/** [Method] Layout the axes and series  */
-		performLayout?(): void;
-		/** [Method] Redraw the chart  */
-		redraw?(): void;
-		/** [Method] Sets the value of flipXY
-		* @param flipXY Boolean
-		*/
-		setFlipXY?( flipXY?:boolean ): void;
-		/** [Method] Sets the value of innerRegion
-		* @param innerRegion Array
-		*/
-		setInnerRegion?( innerRegion?:any[] ): void;
-	}
-}
-declare namespace Ext.chart.grid {
-	export interface ICircularGrid extends Ext.draw.sprite.ICircle {
-	}
-}
-declare namespace Ext.chart.grid {
-	export interface IHorizontalGrid extends Ext.draw.sprite.ISprite {
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any ): any;
-	}
-}
-declare namespace Ext.chart.grid {
-	export interface IRadialGrid extends Ext.draw.sprite.IPath {
-		/** [Method] Render method
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?(): any;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-	}
-}
-declare namespace Ext.chart.grid {
-	export interface IVerticalGrid extends Ext.draw.sprite.ISprite {
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any ): any;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Ext.chart.AbstractChart) */
-		chart?: Ext.chart.IAbstractChart;
-		/** [Config Option] (Boolean) */
-		enabled?: boolean;
-		/** [Config Option] (String) */
-		gesture?: string;
-		/** [Property] (Number) */
-		throttleGap?: number;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of chart
-		* @returns Ext.chart.AbstractChart
-		*/
-		getChart?(): Ext.chart.IAbstractChart;
-		/** [Method] Returns the value of enabled
-		* @returns Boolean
-		*/
-		getEnabled?(): boolean;
-		/** [Method] Returns the value of gesture
-		* @returns String
-		*/
-		getGesture?(): string;
-		/** [Method] Find and return a single series item corresponding to the given event or null if no matching item is found
-		* @param e Event
-		* @returns Object the item object or null if none found.
-		*/
-		getItemForEvent?( e?:Event ): any;
-		/** [Method] Find and return all series items corresponding to the given event
-		* @param e Event
-		* @returns Array array of matching item objects
-		*/
-		getItemsForEvent?( e?:Event ): any[];
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] A method to be implemented by subclasses where all event attachment should occur  */
-		initialize?(): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Placeholder method  */
-		onGesture?(): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of chart
-		* @param chart Ext.chart.AbstractChart
-		*/
-		setChart?( chart?:Ext.chart.IAbstractChart ): void;
-		/** [Method] Sets the value of enabled
-		* @param enabled Boolean
-		*/
-		setEnabled?( enabled?:boolean ): void;
-		/** [Method] Sets the value of gesture
-		* @param gesture String
-		*/
-		setGesture?( gesture?:string ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface ICrossZoom extends Ext.chart.interactions.IAbstract {
-		/** [Config Option] (Object/Array) */
-		axes?: any;
-		/** [Config Option] (String) */
-		gesture?: string;
-		/** [Method] Returns the value of axes
-		* @returns Object/Array
-		*/
-		getAxes?(): any;
-		/** [Method] Returns the value of gesture
-		* @returns String
-		*/
-		getGesture?(): string;
-		/** [Method] Returns the value of undoButton
-		* @returns Object
-		*/
-		getUndoButton?(): any;
-		/** [Method] Placeholder method
-		* @param e Object
-		*/
-		onGesture?( e?:any ): void;
-		/** [Method] Sets the value of axes
-		* @param axes Object/Array
-		*/
-		setAxes?( axes?:any ): void;
-		/** [Method] Sets the value of gesture
-		* @param gesture String
-		*/
-		setGesture?( gesture?:string ): void;
-		/** [Method] Sets the value of undoButton
-		* @param undoButton Object
-		*/
-		setUndoButton?( undoButton?:any ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IItemHighlight extends Ext.chart.interactions.IAbstract {
-		/** [Config Option] (String) */
-		gesture?: string;
-		/** [Method] Returns the value of gesture
-		* @returns String
-		*/
-		getGesture?(): string;
-		/** [Method] Placeholder method
-		* @param series Object
-		* @param item Object
-		* @param e Object
-		*/
-		onGesture?( series?:any, item?:any, e?:any ): void;
-		/** [Method] Sets the value of gesture
-		* @param gesture String
-		*/
-		setGesture?( gesture?:string ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IItemInfo extends Ext.chart.interactions.IAbstract {
-		/** [Config Option] (String) */
-		gesture?: string;
-		/** [Config Option] (Object) */
-		panel?: any;
-		/** [Method] Returns the value of gesture
-		* @returns String
-		*/
-		getGesture?(): string;
-		/** [Method] Returns the value of panel
-		* @returns Object
-		*/
-		getPanel?(): any;
-		/** [Method] Placeholder method
-		* @param series Object
-		* @param item Object
-		*/
-		onGesture?( series?:any, item?:any ): void;
-		/** [Method] Sets the value of gesture
-		* @param gesture String
-		*/
-		setGesture?( gesture?:string ): void;
-		/** [Method] Sets the value of panel
-		* @param panel Object
-		*/
-		setPanel?( panel?:any ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IPanZoom extends Ext.chart.interactions.IAbstract {
-		/** [Config Option] (Object/Array) */
-		axes?: any;
-		/** [Config Option] (Object) */
-		overflowArrowOptions?: any;
-		/** [Config Option] (Boolean) */
-		showOverflowArrows?: boolean;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of axes
-		* @returns Object/Array
-		*/
-		getAxes?(): any;
-		/** [Method] Returns the value of hideLabelInGesture
-		* @returns Boolean
-		*/
-		getHideLabelInGesture?(): boolean;
-		/** [Method] Returns the value of maxZoom
-		* @returns Object
-		*/
-		getMaxZoom?(): any;
-		/** [Method] Returns the value of minZoom
-		* @returns Object
-		*/
-		getMinZoom?(): any;
-		/** [Method] Returns the value of modeToggleButton
-		* @returns Object
-		*/
-		getModeToggleButton?(): any;
-		/** [Method] Returns the value of panGesture
-		* @returns String
-		*/
-		getPanGesture?(): string;
-		/** [Method] Returns the value of showOverflowArrows
-		* @returns Boolean
-		*/
-		getShowOverflowArrows?(): boolean;
-		/** [Method] Returns the value of zoomOnPanGesture
-		* @returns Boolean
-		*/
-		getZoomOnPanGesture?(): boolean;
-		/** [Method] Placeholder method
-		* @param e Object
-		*/
-		onGesture?( e?:any ): void;
-		/** [Method] Sets the value of axes
-		* @param axes Object/Array
-		*/
-		setAxes?( axes?:any ): void;
-		/** [Method] Sets the value of hideLabelInGesture
-		* @param hideLabelInGesture Boolean
-		*/
-		setHideLabelInGesture?( hideLabelInGesture?:boolean ): void;
-		/** [Method] Sets the value of maxZoom
-		* @param maxZoom Object
-		*/
-		setMaxZoom?( maxZoom?:any ): void;
-		/** [Method] Sets the value of minZoom
-		* @param minZoom Object
-		*/
-		setMinZoom?( minZoom?:any ): void;
-		/** [Method] Sets the value of modeToggleButton
-		* @param modeToggleButton Object
-		*/
-		setModeToggleButton?( modeToggleButton?:any ): void;
-		/** [Method] Sets the value of panGesture
-		* @param panGesture String
-		*/
-		setPanGesture?( panGesture?:string ): void;
-		/** [Method] Sets the value of showOverflowArrows
-		* @param showOverflowArrows Boolean
-		*/
-		setShowOverflowArrows?( showOverflowArrows?:boolean ): void;
-		/** [Method] Sets the value of zoomOnPanGesture
-		* @param zoomOnPanGesture Boolean
-		*/
-		setZoomOnPanGesture?( zoomOnPanGesture?:boolean ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IRotate extends Ext.chart.interactions.IAbstract {
-		/** [Config Option] (String) */
-		gesture?: string;
-		/** [Method] Returns the value of gesture
-		* @returns String
-		*/
-		getGesture?(): string;
-		/** [Method] Placeholder method
-		* @param e Object
-		*/
-		onGesture?( e?:any ): void;
-		/** [Method] Sets the value of gesture
-		* @param gesture String
-		*/
-		setGesture?( gesture?:string ): void;
-	}
-}
-declare namespace Ext.chart.interactions {
-	export interface IRotatePie3D extends Ext.chart.interactions.IRotate {
-	}
-}
-declare namespace Ext.chart.label {
-	export interface ICallout extends Ext.draw.modifier.IModifier {
-		/** [Method] Invoked when changes need to be popped up to the top
-		* @param attr Object
-		* @param changes Object
-		*/
-		popUp?( attr?:any, changes?:any ): void;
-		/** [Method] Validate attribute set before use
-		* @param attr Object
-		*/
-		prepareAttributes?( attr?:any ): void;
-		/** [Method] Invoked when changes need to pushed down to the sprite
-		* @param attr Object
-		* @param changes Object
-		* @returns Mixed
-		*/
-		pushDown?( attr?:any, changes?:any ): any;
-	}
-}
-declare namespace Ext.chart.label {
-	export interface ILabel extends Ext.draw.sprite.IText {
-		/** [Config Option] (Object) */
-		fx?: any;
-		/** [Method] Returns the value of fx
-		* @returns Object
-		*/
-		getFx?(): any;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any ): any;
-		/** [Method] Sets the value of fx
-		* @param fx Object
-		*/
-		setFx?( fx?:any ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface ILegend extends Ext.dataview.IDataView {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		disableSelection?: boolean;
-		/** [Config Option] (String) */
-		docked?: string;
-		/** [Config Option] (Boolean/Object) */
-		inline?: any;
-		/** [Config Option] (String/String[]/Ext.XTemplate) */
-		itemTpl?: any;
-		/** [Config Option] (Number/String) */
-		padding?: any;
-		/** [Config Option] (String) */
-		position?: string;
-		/** [Config Option] (Boolean) */
-		toggleable?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of disableSelection
-		* @returns Boolean
-		*/
-		getDisableSelection?(): boolean;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		getDocked?(): string;
-		/** [Method] Returns the value of horizontalHeight
-		* @returns Number
-		*/
-		getHorizontalHeight?(): number;
-		/** [Method] Returns the value of inline
-		* @returns Boolean
-		*/
-		getInline?(): boolean;
-		/** [Method] Returns the value of itemTpl
-		* @returns Array
-		*/
-		getItemTpl?(): any[];
-		/** [Method] Returns the value of padding
-		* @returns Number
-		*/
-		getPadding?(): number;
-		/** [Method] Returns the value of toggleable
-		* @returns Boolean
-		*/
-		getToggleable?(): boolean;
-		/** [Method] Returns the value of verticalWidth
-		* @returns Number
-		*/
-		getVerticalWidth?(): number;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of disableSelection
-		* @param disableSelection Boolean
-		*/
-		setDisableSelection?( disableSelection?:boolean ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		setDocked?( docked?:string ): void;
-		/** [Method] Sets the value of horizontalHeight
-		* @param horizontalHeight Number
-		*/
-		setHorizontalHeight?( horizontalHeight?:number ): void;
-		/** [Method] Sets the value of inline
-		* @param inline Boolean
-		*/
-		setInline?( inline?:boolean ): void;
-		/** [Method] Sets the value of itemTpl
-		* @param itemTpl Array
-		*/
-		setItemTpl?( itemTpl?:any[] ): void;
-		/** [Method] Sets the value of padding
-		* @param padding Number
-		*/
-		setPadding?( padding?:number ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Sets the value of toggleable
-		* @param toggleable Boolean
-		*/
-		setToggleable?( toggleable?:boolean ): void;
-		/** [Method] Sets the value of verticalWidth
-		* @param verticalWidth Number
-		*/
-		setVerticalWidth?( verticalWidth?:number ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface IMarkerHolder extends Ext.mixin.IMixin {
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface IMarkers extends Ext.draw.sprite.IInstancing {
-		/** [Method] Clear the markers in the category
-		* @param category String
-		*/
-		clear?( category?:string ): void;
-		/** [Method] Not supported
-		* @returns null
-		*/
-		getBBox?(): any;
-		/** [Method]
-		* @param category String
-		* @param index Mixed
-		* @param isWithoutTransform Boolean
-		*/
-		getMarkerBBoxFor?( category?:string, index?:any, isWithoutTransform?:boolean ): void;
-		/** [Method] Put a marker in the category with additional attributes
-		* @param category String
-		* @param markerAttr Object
-		* @param index String|Number
-		* @param canonical Boolean
-		* @param keepRevision Boolean
-		*/
-		putMarkerFor?( category?:string, markerAttr?:any, index?:any, canonical?:boolean, keepRevision?:boolean ): void;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any ): any;
-	}
-}
-declare namespace Ext.chart {
-	export interface IPolarChart extends Ext.chart.IAbstractChart {
-		/** [Config Option] (Array) */
-		center?: any[];
-		/** [Config Option] (Number) */
-		radius?: number;
-		/** [Method] Returns the value of center
-		* @returns Array
-		*/
-		getCenter?(): any[];
-		/** [Method] Returns the value of radius
-		* @returns Number
-		*/
-		getRadius?(): number;
-		/** [Method] Redraw the chart  */
-		redraw?(): void;
-		/** [Method] Sets the value of center
-		* @param center Array
-		*/
-		setCenter?( center?:any[] ): void;
-		/** [Method] Sets the value of radius
-		* @param radius Number
-		*/
-		setRadius?( radius?:number ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IArea extends Ext.chart.series.IStackedCartesian {
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IBar extends Ext.chart.series.IStackedCartesian {
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Object
-		* @param y Object
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:any, y?:any ): any;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface ICandleStick extends Ext.chart.series.ICartesian {
-		/** [Config Option] (String) */
-		closeField?: string;
-		/** [Config Option] (String) */
-		highField?: string;
-		/** [Config Option] (String) */
-		lowField?: string;
-		/** [Config Option] (String) */
-		openField?: string;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of closeField
-		* @returns String
-		*/
-		getCloseField?(): string;
-		/** [Method] Returns the value of highField
-		* @returns String
-		*/
-		getHighField?(): string;
-		/** [Method] Returns the value of lowField
-		* @returns String
-		*/
-		getLowField?(): string;
-		/** [Method] Returns the value of openField
-		* @returns String
-		*/
-		getOpenField?(): string;
-		/** [Method] Sets the value of closeField
-		* @param closeField String
-		*/
-		setCloseField?( closeField?:string ): void;
-		/** [Method] Sets the value of highField
-		* @param highField String
-		*/
-		setHighField?( highField?:string ): void;
-		/** [Method] Sets the value of lowField
-		* @param lowField String
-		*/
-		setLowField?( lowField?:string ): void;
-		/** [Method] Sets the value of openField
-		* @param openField String
-		*/
-		setOpenField?( openField?:string ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface ICartesian extends Ext.chart.series.ISeries {
-		/** [Config Option] (Ext.chart.axis.Axis) */
-		xAxis?: Ext.chart.axis.IAxis;
-		/** [Config Option] (String) */
-		xField?: string;
-		/** [Config Option] (Ext.chart.axis.Axis) */
-		yAxis?: Ext.chart.axis.IAxis;
-		/** [Config Option] (String) */
-		yField?: string;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Object
-		* @param y Object
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:any, y?:any ): any;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of xAxis
-		* @returns Ext.chart.axis.Axis
-		*/
-		getXAxis?(): Ext.chart.axis.IAxis;
-		/** [Method] Returns the value of xField
-		* @returns String
-		*/
-		getXField?(): string;
-		/** [Method] Returns the value of yAxis
-		* @returns Ext.chart.axis.Axis
-		*/
-		getYAxis?(): Ext.chart.axis.IAxis;
-		/** [Method] Returns the value of yField
-		* @returns String
-		*/
-		getYField?(): string;
-		/** [Method] Provide legend information to target array
-		* @param target Object
-		*/
-		provideLegendInfo?( target?:any ): void;
-		/** [Method] Sets the value of xAxis
-		* @param xAxis Ext.chart.axis.Axis
-		*/
-		setXAxis?( xAxis?:Ext.chart.axis.IAxis ): void;
-		/** [Method] Sets the value of xField
-		* @param xField String
-		*/
-		setXField?( xField?:string ): void;
-		/** [Method] Sets the value of yAxis
-		* @param yAxis Ext.chart.axis.Axis
-		*/
-		setYAxis?( yAxis?:Ext.chart.axis.IAxis ): void;
-		/** [Method] Sets the value of yField
-		* @param yField String
-		*/
-		setYField?( yField?:string ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IGauge extends Ext.chart.series.ISeries {
-		/** [Config Option] (String) */
-		angleField?: string;
-		/** [Config Option] (Array) */
-		colors?: any[];
-		/** [Config Option] (Number) */
-		donut?: number;
-		/** [Config Option] (String) */
-		field?: string;
-		/** [Config Option] (Number) */
-		maximum?: number;
-		/** [Config Option] (Number) */
-		minimum?: number;
-		/** [Config Option] (Boolean) */
-		needle?: boolean;
-		/** [Config Option] (Number) */
-		needleLength?: number;
-		/** [Config Option] (Number) */
-		needleLengthRatio?: number;
-		/** [Config Option] (Number) */
-		needleWidth?: number;
-		/** [Config Option] (Array) */
-		sectors?: any[];
-		/** [Config Option] (Boolean) */
-		showInLegend?: boolean;
-		/** [Config Option] (Number) */
-		value?: number;
-		/** [Config Option] (Boolean) */
-		wholeDisk?: boolean;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of angleField
-		* @returns String
-		*/
-		getAngleField?(): string;
-		/** [Method] Returns the value of center
-		* @returns Array
-		*/
-		getCenter?(): any[];
-		/** [Method] Returns the value of colors
-		* @returns Array
-		*/
-		getColors?(): any[];
-		/** [Method] Returns the value of donut
-		* @returns Number
-		*/
-		getDonut?(): number;
-		/** [Method] Returns the value of field
-		* @returns String
-		*/
-		getField?(): string;
-		/** [Method] Returns the value of maximum
-		* @returns Number
-		*/
-		getMaximum?(): number;
-		/** [Method] Returns the value of minimum
-		* @returns Number
-		*/
-		getMinimum?(): number;
-		/** [Method] Returns the value of needle
-		* @returns Boolean
-		*/
-		getNeedle?(): boolean;
-		/** [Method] Returns the value of needleLength
-		* @returns Number
-		*/
-		getNeedleLength?(): number;
-		/** [Method] Returns the value of needleLengthRatio
-		* @returns Number
-		*/
-		getNeedleLengthRatio?(): number;
-		/** [Method] Returns the value of needleWidth
-		* @returns Number
-		*/
-		getNeedleWidth?(): number;
-		/** [Method] Returns the value of radius
-		* @returns Number
-		*/
-		getRadius?(): number;
-		/** [Method] Returns the value of region
-		* @returns Array
-		*/
-		getRegion?(): any[];
-		/** [Method] Returns the value of rotation
-		* @returns Number
-		*/
-		getRotation?(): number;
-		/** [Method] Returns the value of sectors
-		* @returns Array
-		*/
-		getSectors?(): any[];
-		/** [Method] Returns the value of showInLegend
-		* @returns Boolean
-		*/
-		getShowInLegend?(): boolean;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of totalAngle
-		* @returns Object
-		*/
-		getTotalAngle?(): any;
-		/** [Method] Returns the value of value
-		* @returns Number
-		*/
-		getValue?(): number;
-		/** [Method] Returns the value of wholeDisk
-		* @returns Boolean
-		*/
-		getWholeDisk?(): boolean;
-		/** [Method] Sets the value of angleField
-		* @param angleField String
-		*/
-		setAngleField?( angleField?:string ): void;
-		/** [Method] Sets the value of center
-		* @param center Array
-		*/
-		setCenter?( center?:any[] ): void;
-		/** [Method] Sets the value of colors
-		* @param colors Array
-		*/
-		setColors?( colors?:any[] ): void;
-		/** [Method] Sets the value of donut
-		* @param donut Number
-		*/
-		setDonut?( donut?:number ): void;
-		/** [Method] Sets the value of field
-		* @param field String
-		*/
-		setField?( field?:string ): void;
-		/** [Method] Sets the value of maximum
-		* @param maximum Number
-		*/
-		setMaximum?( maximum?:number ): void;
-		/** [Method] Sets the value of minimum
-		* @param minimum Number
-		*/
-		setMinimum?( minimum?:number ): void;
-		/** [Method] Sets the value of needle
-		* @param needle Boolean
-		*/
-		setNeedle?( needle?:boolean ): void;
-		/** [Method] Sets the value of needleLength
-		* @param needleLength Number
-		*/
-		setNeedleLength?( needleLength?:number ): void;
-		/** [Method] Sets the value of needleLengthRatio
-		* @param needleLengthRatio Number
-		*/
-		setNeedleLengthRatio?( needleLengthRatio?:number ): void;
-		/** [Method] Sets the value of needleWidth
-		* @param needleWidth Number
-		*/
-		setNeedleWidth?( needleWidth?:number ): void;
-		/** [Method] Sets the value of radius
-		* @param radius Number
-		*/
-		setRadius?( radius?:number ): void;
-		/** [Method] Sets the value of region
-		* @param region Array
-		*/
-		setRegion?( region?:any[] ): void;
-		/** [Method] Sets the value of rotation
-		* @param rotation Number
-		*/
-		setRotation?( rotation?:number ): void;
-		/** [Method] Sets the value of sectors
-		* @param sectors Array
-		*/
-		setSectors?( sectors?:any[] ): void;
-		/** [Method] Sets the value of showInLegend
-		* @param showInLegend Boolean
-		*/
-		setShowInLegend?( showInLegend?:boolean ): void;
-		/** [Method] Sets the value of totalAngle
-		* @param totalAngle Object
-		*/
-		setTotalAngle?( totalAngle?:any ): void;
-		/** [Method] Sets the value of value
-		* @param value Number
-		*/
-		setValue?( value?:number ): void;
-		/** [Method] Sets the value of wholeDisk
-		* @param wholeDisk Boolean
-		*/
-		setWholeDisk?( wholeDisk?:boolean ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IItemPublisher extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.chart.series {
-	export interface ILine extends Ext.chart.series.ICartesian {
-		/** [Config Option] (Boolean) */
-		fill?: boolean;
-		/** [Config Option] (Number) */
-		selectionTolerance?: number;
-		/** [Config Option] (Boolean/Number) */
-		smooth?: any;
-		/** [Config Option] (Boolean) */
-		step?: boolean;
-		/** [Config Option] (Object) */
-		style?: any;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of aggregator
-		* @returns Object
-		*/
-		getAggregator?(): any;
-		/** [Method] Returns the value of fill
-		* @returns Boolean
-		*/
-		getFill?(): boolean;
-		/** [Method] Returns the value of selectionTolerance
-		* @returns Number
-		*/
-		getSelectionTolerance?(): number;
-		/** [Method] Returns the value of smooth
-		* @returns Boolean/Number
-		*/
-		getSmooth?(): any;
-		/** [Method] Returns the value of step
-		* @returns Boolean
-		*/
-		getStep?(): boolean;
-		/** [Method] Sets the value of aggregator
-		* @param aggregator Object
-		*/
-		setAggregator?( aggregator?:any ): void;
-		/** [Method] Sets the value of fill
-		* @param fill Boolean
-		*/
-		setFill?( fill?:boolean ): void;
-		/** [Method] Sets the value of selectionTolerance
-		* @param selectionTolerance Number
-		*/
-		setSelectionTolerance?( selectionTolerance?:number ): void;
-		/** [Method] Sets the value of smooth
-		* @param smooth Boolean/Number
-		*/
-		setSmooth?( smooth?:any ): void;
-		/** [Method] Sets the value of step
-		* @param step Boolean
-		*/
-		setStep?( step?:boolean ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IPie extends Ext.chart.series.IPolar {
-		/** [Config Option] (Boolean/Number) */
-		donut?: any;
-		/** [Config Option] (String) */
-		field?: string;
-		/** [Config Option] (Array) */
-		hidden?: any[];
-		/** [Config Option] (String) */
-		labelField?: string;
-		/** [Config Option] (Number) */
-		rotation?: number;
-		/** [Config Option] (Object) */
-		style?: any;
-		/** [Config Option] (Number) */
-		totalAngle?: number;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of donut
-		* @returns Boolean/Number
-		*/
-		getDonut?(): any;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Object
-		* @param y Object
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:any, y?:any ): any;
-		/** [Method] Returns the value of labelField
-		* @returns String
-		*/
-		getLabelField?(): string;
-		/** [Method] Returns the value of rotation
-		* @returns Number
-		*/
-		getRotation?(): number;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of style
-		* @returns Object
-		*/
-		getStyle?(): any;
-		/** [Method] Returns the value of totalAngle
-		* @returns Number
-		*/
-		getTotalAngle?(): number;
-		/** [Method] Provide legend information to target array
-		* @param target Object
-		*/
-		provideLegendInfo?( target?:any ): void;
-		/** [Method] Sets the value of donut
-		* @param donut Boolean/Number
-		*/
-		setDonut?( donut?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Array
-		*/
-		setHidden?( hidden?:any[] ): void;
-		/** [Method] Sets the value of labelField
-		* @param labelField String
-		*/
-		setLabelField?( labelField?:string ): void;
-		/** [Method] Sets the value of rotation
-		* @param rotation Number
-		*/
-		setRotation?( rotation?:number ): void;
-		/** [Method] Sets the value of style
-		* @param style Object
-		*/
-		setStyle?( style?:any ): void;
-		/** [Method] Sets the value of totalAngle
-		* @param totalAngle Number
-		*/
-		setTotalAngle?( totalAngle?:number ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IPie3D extends Ext.chart.series.IPolar {
-		/** [Config Option] (Boolean/Number) */
-		donut?: any;
-		/** [Config Option] (String) */
-		field?: string;
-		/** [Config Option] (Number) */
-		rotation?: number;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of distortion
-		* @returns Number
-		*/
-		getDistortion?(): number;
-		/** [Method] Returns the value of donut
-		* @returns Boolean/Number
-		*/
-		getDonut?(): any;
-		/** [Method] Returns the value of field
-		* @returns String
-		*/
-		getField?(): string;
-		/** [Method] Returns the value of region
-		* @returns Array
-		*/
-		getRegion?(): any[];
-		/** [Method] Returns the value of rotation
-		* @returns Number
-		*/
-		getRotation?(): number;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of thickness
-		* @returns Number
-		*/
-		getThickness?(): number;
-		/** [Method] Sets the value of distortion
-		* @param distortion Number
-		*/
-		setDistortion?( distortion?:number ): void;
-		/** [Method] Sets the value of donut
-		* @param donut Boolean/Number
-		*/
-		setDonut?( donut?:any ): void;
-		/** [Method] Sets the value of field
-		* @param field String
-		*/
-		setField?( field?:string ): void;
-		/** [Method] Sets the value of region
-		* @param region Array
-		*/
-		setRegion?( region?:any[] ): void;
-		/** [Method] Sets the value of rotation
-		* @param rotation Number
-		*/
-		setRotation?( rotation?:number ): void;
-		/** [Method] Sets the value of thickness
-		* @param thickness Number
-		*/
-		setThickness?( thickness?:number ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IPolar extends Ext.chart.series.ISeries {
-		/** [Config Option] (Array) */
-		center?: any[];
-		/** [Config Option] (Number) */
-		offsetX?: number;
-		/** [Config Option] (Number) */
-		offsetY?: number;
-		/** [Config Option] (Number) */
-		radius?: number;
-		/** [Config Option] (Number) */
-		rotation?: number;
-		/** [Config Option] (Boolean) */
-		showInLegend?: boolean;
-		/** [Config Option] (String) */
-		xField?: string;
-		/** [Config Option] (String) */
-		yField?: string;
-		/** [Method] Returns the value of center
-		* @returns Array
-		*/
-		getCenter?(): any[];
-		/** [Method] Returns the value of offsetX
-		* @returns Number
-		*/
-		getOffsetX?(): number;
-		/** [Method] Returns the value of offsetY
-		* @returns Number
-		*/
-		getOffsetY?(): number;
-		/** [Method] Returns the value of radius
-		* @returns Number
-		*/
-		getRadius?(): number;
-		/** [Method] Returns the value of rotation
-		* @returns Number
-		*/
-		getRotation?(): number;
-		/** [Method] Returns the value of showInLegend
-		* @returns Boolean
-		*/
-		getShowInLegend?(): boolean;
-		/** [Method] Returns the value of xAxis
-		* @returns Object
-		*/
-		getXAxis?(): any;
-		/** [Method] Returns the value of xField
-		* @returns String
-		*/
-		getXField?(): string;
-		/** [Method] Returns the value of yAxis
-		* @returns Object
-		*/
-		getYAxis?(): any;
-		/** [Method] Returns the value of yField
-		* @returns String
-		*/
-		getYField?(): string;
-		/** [Method] Sets the value of center
-		* @param center Array
-		*/
-		setCenter?( center?:any[] ): void;
-		/** [Method] Sets the value of offsetX
-		* @param offsetX Number
-		*/
-		setOffsetX?( offsetX?:number ): void;
-		/** [Method] Sets the value of offsetY
-		* @param offsetY Number
-		*/
-		setOffsetY?( offsetY?:number ): void;
-		/** [Method] Sets the value of radius
-		* @param radius Number
-		*/
-		setRadius?( radius?:number ): void;
-		/** [Method] Sets the value of rotation
-		* @param rotation Number
-		*/
-		setRotation?( rotation?:number ): void;
-		/** [Method] Sets the value of showInLegend
-		* @param showInLegend Boolean
-		*/
-		setShowInLegend?( showInLegend?:boolean ): void;
-		/** [Method] Sets the value of xAxis
-		* @param xAxis Object
-		*/
-		setXAxis?( xAxis?:any ): void;
-		/** [Method] Sets the value of xField
-		* @param xField String
-		*/
-		setXField?( xField?:string ): void;
-		/** [Method] Sets the value of yAxis
-		* @param yAxis Object
-		*/
-		setYAxis?( yAxis?:any ): void;
-		/** [Method] Sets the value of yField
-		* @param yField String
-		*/
-		setYField?( yField?:string ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IRadar extends Ext.chart.series.IPolar {
-		/** [Config Option] (Object) */
-		style?: any;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Object
-		* @param y Object
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:any, y?:any ): any;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IScatter extends Ext.chart.series.ICartesian {
-		/** [Config Option] (Object) */
-		itemInstancing?: any;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Returns the value of itemInstancing
-		* @returns Object
-		*/
-		getItemInstancing?(): any;
-		/** [Method] Provide legend information to target array
-		* @param target Object
-		*/
-		provideLegendInfo?( target?:any ): void;
-		/** [Method] Sets the value of itemInstancing
-		* @param itemInstancing Object
-		*/
-		setItemInstancing?( itemInstancing?:any ): void;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface ISeries extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Object) */
-		animate?: any;
-		/** [Config Option] (Object) */
-		background?: any;
-		/** [Config Option] (Array) */
-		colors?: any[];
-		/** [Config Option] (Boolean|Array) */
-		hidden?: any;
-		/** [Config Option] (Object) */
-		highlightCfg?: any;
-		/** [Config Option] (Object) */
-		highlightItem?: any;
-		/** [Config Option] (Object) */
-		itemInstancing?: any;
-		/** [Config Option] (Object) */
-		label?: any;
-		/** [Config Option] (String) */
-		labelField?: string;
-		/** [Config Option] (Number) */
-		labelOverflowPadding?: number;
-		/** [Config Option] (Object) */
-		marker?: any;
-		/** [Config Option] (Object) */
-		markerSubStyle?: any;
-		/** [Config Option] (Object) */
-		overlaySurface?: any;
-		/** [Config Option] (Function) */
-		renderer?: any;
-		/** [Config Option] (Boolean) */
-		showInLegend?: boolean;
-		/** [Config Option] (Object) */
-		store?: any;
-		/** [Config Option] (Object) */
-		style?: any;
-		/** [Config Option] (Object) */
-		subStyle?: any;
-		/** [Config Option] (Object) */
-		surface?: any;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Property] (String) */
-		seriesType?: string;
-		/** [Property] (String) */
-		type?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of animate
-		* @returns Object
-		*/
-		getAnimate?(): any;
-		/** [Method] Returns the value of background
-		* @returns Object
-		*/
-		getBackground?(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of colors
-		* @returns Array
-		*/
-		getColors?(): any[];
-		/** [Method] Returns the value of hidden
-		* @returns Boolean|Array
-		*/
-		getHidden?(): any;
-		/** [Method] Returns the value of highlightCfg
-		* @returns Object
-		*/
-		getHighlightCfg?(): any;
-		/** [Method] Returns the value of highlightItem
-		* @returns Object
-		*/
-		getHighlightItem?(): any;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Number
-		* @param y Number
-		* @param target Object optional target to receive the result
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:number, y?:number, target?:any ): any;
-		/** [Method] Returns the value of itemInstancing
-		* @returns Object
-		*/
-		getItemInstancing?(): any;
-		/** [Method] Returns the value of label
-		* @returns Object
-		*/
-		getLabel?(): any;
-		/** [Method] Returns the value of labelField
-		* @returns String
-		*/
-		getLabelField?(): string;
-		/** [Method] Returns the value of labelOverflowPadding
-		* @returns Number
-		*/
-		getLabelOverflowPadding?(): number;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of marker
-		* @returns Object
-		*/
-		getMarker?(): any;
-		/** [Method] Returns the value of markerSubStyle
-		* @returns Object
-		*/
-		getMarkerSubStyle?(): any;
-		/** [Method] Returns the value of overlaySurface
-		* @returns Object
-		*/
-		getOverlaySurface?(): any;
-		/** [Method] Returns the value of renderer
-		* @returns Function
-		*/
-		getRenderer?(): any;
-		/** [Method] Returns the value of showInLegend
-		* @returns Boolean
-		*/
-		getShowInLegend?(): boolean;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of style
-		* @returns Object
-		*/
-		getStyle?(): any;
-		/** [Method] Returns the value of subStyle
-		* @returns Object
-		*/
-		getSubStyle?(): any;
-		/** [Method] Returns the value of surface
-		* @returns Object
-		*/
-		getSurface?(): any;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Provide legend information to target array
-		* @param target Array The information consists:
-		*/
-		provideLegendInfo?( target?:any[] ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of animate
-		* @param animate Object
-		*/
-		setAnimate?( animate?:any ): void;
-		/** [Method] Sets the value of background
-		* @param background Object
-		*/
-		setBackground?( background?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of colors
-		* @param colors Array
-		*/
-		setColors?( colors?:any[] ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean|Array
-		*/
-		setHidden?( hidden?:any ): void;
-		/** [Method]
-		* @param index Number
-		* @param value Boolean
-		*/
-		setHiddenByIndex?( index?:number, value?:boolean ): void;
-		/** [Method] Sets the value of highlightCfg
-		* @param highlightCfg Object
-		*/
-		setHighlightCfg?( highlightCfg?:any ): void;
-		/** [Method] Sets the value of highlightItem
-		* @param highlightItem Object
-		*/
-		setHighlightItem?( highlightItem?:any ): void;
-		/** [Method] Sets the value of itemInstancing
-		* @param itemInstancing Object
-		*/
-		setItemInstancing?( itemInstancing?:any ): void;
-		/** [Method] Sets the value of label
-		* @param label Object
-		*/
-		setLabel?( label?:any ): void;
-		/** [Method] Sets the value of labelField
-		* @param labelField String
-		*/
-		setLabelField?( labelField?:string ): void;
-		/** [Method] Sets the value of labelOverflowPadding
-		* @param labelOverflowPadding Number
-		*/
-		setLabelOverflowPadding?( labelOverflowPadding?:number ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of marker
-		* @param marker Object
-		*/
-		setMarker?( marker?:any ): void;
-		/** [Method] Sets the value of markerSubStyle
-		* @param markerSubStyle Object
-		*/
-		setMarkerSubStyle?( markerSubStyle?:any ): void;
-		/** [Method] Sets the value of overlaySurface
-		* @param overlaySurface Object
-		*/
-		setOverlaySurface?( overlaySurface?:any ): void;
-		/** [Method] Sets the value of renderer
-		* @param renderer Function
-		* @returns Object The attributes that have been changed or added. Note: it is usually possible to add or modify the attributes directly into the config parameter and not return anything, but returning an object with only those attributes that have been changed may allow for optimizations in the rendering of some series. Example to draw every other item in red: renderer: function (sprite, config, rendererData, index) { if (index % 2 == 0) { return { strokeStyle: 'red' }; } }
-		*/
-		setRenderer?( renderer?:any ): any;
-		/** [Method] Sets the value of showInLegend
-		* @param showInLegend Boolean
-		*/
-		setShowInLegend?( showInLegend?:boolean ): void;
-		/** [Method] Sets the value of store
-		* @param store Object
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of style
-		* @param style Object
-		*/
-		setStyle?( style?:any ): void;
-		/** [Method] Sets the value of subStyle
-		* @param subStyle Object
-		*/
-		setSubStyle?( subStyle?:any ): void;
-		/** [Method] Sets the value of surface
-		* @param surface Object
-		*/
-		setSurface?( surface?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IAggregative extends Ext.chart.series.sprite.ICartesian {
-		/** [Config Option] (Object) */
-		dataClose?: any;
-		/** [Config Option] (Object) */
-		dataHigh?: any;
-		/** [Config Option] (Object) */
-		dataLow?: any;
-		/** [Config Option] (Object) */
-		dataOpen?: any;
-		/** [Method] Returns the value of aggregator
-		* @returns Object
-		*/
-		getAggregator?(): any;
-		/** [Method] Render the given visible clip range
-		* @param surface Object
-		* @param ctx Object
-		* @param clip Object
-		* @param region Object
-		*/
-		renderClipped?( surface?:any, ctx?:any, clip?:any, region?:any ): void;
-		/** [Method] Sets the value of aggregator
-		* @param aggregator Object
-		*/
-		setAggregator?( aggregator?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IArea extends Ext.chart.series.sprite.IStackedCartesian {
-		/** [Config Option] (Boolean) */
-		step?: boolean;
-		/** [Method] Render the given visible clip range
-		* @param surface Object
-		* @param ctx Object
-		* @param clip Object
-		* @param clipRegion Object
-		*/
-		renderClipped?( surface?:any, ctx?:any, clip?:any, clipRegion?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IBar extends Ext.chart.series.sprite.IStackedCartesian {
-		/** [Config Option] (Number) */
-		inGroupGapWidth?: number;
-		/** [Config Option] (Number) */
-		maxBarWidth?: number;
-		/** [Config Option] (Number) */
-		minBarWidth?: number;
-		/** [Config Option] (Number) */
-		minGapWidth?: number;
-		/** [Config Option] (Number) */
-		radius?: number;
-		/** [Method] Get the nearest item index from point x y
-		* @param x Object
-		* @param y Object
-		* @returns Number The index
-		*/
-		getIndexNearPoint?( x?:any, y?:any ): number;
-		/** [Method] Render the given visible clip range
-		* @param surface Object
-		* @param ctx Object
-		* @param clip Object
-		*/
-		renderClipped?( surface?:any, ctx?:any, clip?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface ICandleStick extends Ext.chart.series.sprite.IAggregative {
-		/** [Config Option] (Number) */
-		barWidth?: number;
-		/** [Config Option] (String) */
-		ohlcType?: string;
-		/** [Config Option] (Number) */
-		padding?: number;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface ICartesian extends Ext.draw.sprite.ISprite,Ext.chart.IMarkerHolder {
-		/** [Config Option] (Number) */
-		dataMaxX?: number;
-		/** [Config Option] (Number) */
-		dataMaxY?: number;
-		/** [Config Option] (Number) */
-		dataMinX?: number;
-		/** [Config Option] (Number) */
-		dataMinY?: number;
-		/** [Config Option] (Object) */
-		dataX?: any;
-		/** [Config Option] (Object) */
-		dataY?: any;
-		/** [Config Option] (String) */
-		field?: string;
-		/** [Config Option] (Boolean) */
-		flipXY?: boolean;
-		/** [Config Option] (Number) */
-		labelOverflowPadding?: number;
-		/** [Config Option] (Object) */
-		labels?: any;
-		/** [Config Option] (Number) */
-		selectionTolerance?: number;
-		/** [Method] Does a binary search of the data on the x axis using the given key
-		* @param key Object
-		* @returns *
-		*/
-		binarySearch?( key?:any ): any;
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-		/** [Method] Returns the value of field
-		* @returns String
-		*/
-		getField?(): string;
-		/** [Method] Returns the value of flipXY
-		* @returns Boolean
-		*/
-		getFlipXY?(): boolean;
-		/** [Method] Get the nearest item index from point x y
-		* @param x Number
-		* @param y Number
-		* @returns Number The index
-		*/
-		getIndexNearPoint?( x?:number, y?:number ): number;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param region Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, region?:any ): any;
-		/** [Method] Render the given visible clip range
-		* @param surface Object
-		* @param ctx Object
-		* @param clip Object
-		* @param region Object
-		*/
-		renderClipped?( surface?:any, ctx?:any, clip?:any, region?:any ): void;
-		/** [Method] Sets the value of field
-		* @param field String
-		*/
-		setField?( field?:string ): void;
-		/** [Method] Sets the value of flipXY
-		* @param flipXY Boolean
-		*/
-		setFlipXY?( flipXY?:boolean ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface ILine extends Ext.chart.series.sprite.IAggregative {
-		/** [Config Option] (Boolean) */
-		fillArea?: boolean;
-		/** [Config Option] (Boolean) */
-		preciseStroke?: boolean;
-		/** [Config Option] (Boolean) */
-		smooth?: boolean;
-		/** [Config Option] (Boolean) */
-		step?: boolean;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IPie3DPart extends Ext.draw.sprite.IPath,Ext.chart.IMarkerHolder {
-		/** [Config Option] (Object) */
-		baseColor?: any;
-		/** [Config Option] (Number) */
-		baseRotation?: number;
-		/** [Config Option] (Number) */
-		centerX?: number;
-		/** [Config Option] (Number) */
-		centerY?: number;
-		/** [Config Option] (Number) */
-		distortion?: number;
-		/** [Config Option] (Number) */
-		endAngle?: number;
-		/** [Config Option] (Number) */
-		endRho?: number;
-		/** [Config Option] (Number) */
-		margin?: number;
-		/** [Config Option] (String) */
-		part?: string;
-		/** [Config Option] (Number) */
-		startAngle?: number;
-		/** [Config Option] (Number) */
-		startRho?: number;
-		/** [Config Option] (Number) */
-		thickness?: number;
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-		/** [Method] Update the path
-		* @param path Object
-		*/
-		updatePath?( path?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object
-		*/
-		updateTransformedBBox?( transform?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IPieSlice extends Ext.draw.sprite.ISector,Ext.chart.IMarkerHolder {
-		/** [Config Option] (Boolean) */
-		doCallout?: boolean;
-		/** [Config Option] (String) */
-		label?: string;
-		/** [Config Option] (Number) */
-		labelOverflowPadding?: number;
-		/** [Config Option] (Boolean) */
-		rotateLabels?: boolean;
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-		/** [Method] Returns the value of rendererIndex
-		* @returns Number
-		*/
-		getRendererIndex?(): number;
-		/** [Method] Render method
-		* @param ctx Object
-		* @param surface Object
-		* @param clipRegion Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( ctx?:any, surface?:any, clipRegion?:any ): any;
-		/** [Method] Sets the value of rendererIndex
-		* @param rendererIndex Number
-		*/
-		setRendererIndex?( rendererIndex?:number ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IPolar extends Ext.draw.sprite.ISprite,Ext.chart.IMarkerHolder {
-		/** [Config Option] (Number) */
-		baseRotation?: number;
-		/** [Config Option] (Number) */
-		centerX?: number;
-		/** [Config Option] (Number) */
-		centerY?: number;
-		/** [Config Option] (Number) */
-		dataMaxX?: number;
-		/** [Config Option] (Number) */
-		dataMaxY?: number;
-		/** [Config Option] (Number) */
-		dataMinX?: number;
-		/** [Config Option] (Number) */
-		dataMinY?: number;
-		/** [Config Option] (Object) */
-		dataX?: any;
-		/** [Config Option] (Object) */
-		dataY?: any;
-		/** [Config Option] (Number) */
-		endAngle?: number;
-		/** [Config Option] (Number) */
-		endRho?: number;
-		/** [Config Option] (Number) */
-		labelOverflowPadding?: number;
-		/** [Config Option] (Object) */
-		labels?: any;
-		/** [Config Option] (Number) */
-		startAngle?: number;
-		/** [Config Option] (Number) */
-		startRho?: number;
-		/** [Method]
-		* @param name Object {String}
-		* @param marker Object {Ext.chart.Markers}
-		*/
-		bindMarker?( name?:any, marker?:any ): void;
-		/** [Method] Returns the value of field
-		* @returns Object
-		*/
-		getField?(): any;
-		/** [Method] Sets the value of field
-		* @param field Object
-		*/
-		setField?( field?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IRadar extends Ext.chart.series.sprite.IPolar {
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any ): any;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IScatter extends Ext.chart.series.sprite.ICartesian {
-		/** [Method] Render the given visible clip range
-		* @param surface Object
-		* @param ctx Object
-		* @param clip Object
-		* @param clipRegion Object
-		*/
-		renderClipped?( surface?:any, ctx?:any, clip?:any, clipRegion?:any ): void;
-	}
-}
-declare namespace Ext.chart.series.sprite {
-	export interface IStackedCartesian extends Ext.chart.series.sprite.ICartesian {
-		/** [Method] Get the nearest item index from point x y
-		* @param x Object
-		* @param y Object
-		* @returns Number The index
-		*/
-		getIndexNearPoint?( x?:any, y?:any ): number;
-	}
-}
-declare namespace Ext.chart.series {
-	export interface IStackedCartesian extends Ext.chart.series.ICartesian {
-		/** [Config Option] (Array) */
-		hidden?: any[];
-		/** [Config Option] (Boolean) */
-		stacked?: boolean;
-		/** [Method] For a given x y point relative to the main region find a corresponding item from this series if any
-		* @param x Object
-		* @param y Object
-		* @returns Object An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
-		*/
-		getItemForPoint?( x?:any, y?:any ): any;
-		/** [Method] Performs drawing of this series  */
-		getSprites?(): void;
-		/** [Method] Returns the value of stacked
-		* @returns Boolean
-		*/
-		getStacked?(): boolean;
-		/** [Method] Provide legend information to target array
-		* @param target Object
-		*/
-		provideLegendInfo?( target?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Array
-		*/
-		setHidden?( hidden?:any[] ): void;
-		/** [Method] Sets the value of stacked
-		* @param stacked Boolean
-		*/
-		setStacked?( stacked?:boolean ): void;
-	}
-}
-declare namespace Ext.chart {
-	export interface ISpaceFillingChart extends Ext.chart.IAbstractChart {
-		/** [Method] Redraw the chart  */
-		redraw?(): void;
-	}
-}
-declare namespace Ext {
-	export interface IClass {
-		/** [Config Option] (String[]) */
-		alias?: string[];
-		/** [Config Option] (String/String[]) */
-		alternateClassName?: any;
-		/** [Config Option] (Object) */
-		config?: any;
-		/** [Config Option] (String) */
-		extend?: string;
-		/** [Config Option] (Object) */
-		inheritableStatics?: any;
-		/** [Config Option] (Object) */
-		mixins?: any;
-		/** [Config Option] (Object) */
-		platformConfig?: any;
-		/** [Config Option] (Boolean) */
-		singleton?: boolean;
-		/** [Config Option] (Object) */
-		statics?: any;
-		/** [Config Option] (String[]) */
-		uses?: string[];
-	}
-}
-declare namespace Ext {
-	export interface IClassManager {
-	}
-	export class ClassManager {
-		/** [Method] Adds a batch of class name to alias mappings
-		* @param aliases Object The set of mappings of the form className : [values...]
-		* @returns Ext.ClassManager this
-		*/
-		static addNameAliasMappings( aliases?:any ): Ext.IClassManager;
-		/** [Method]
-		* @param alternates Object The set of mappings of the form className : [values...]
-		* @returns Ext.ClassManager this
-		*/
-		static addNameAlternateMappings( alternates?:any ): Ext.IClassManager;
-		/** [Method] Retrieve a class by its name
-		* @param name String
-		* @returns Ext.Class class
-		*/
-		static get( name?:string ): Ext.IClass;
-		/** [Method] Get the aliases of a class by the class name
-		* @param name String
-		* @returns Array aliases
-		*/
-		static getAliasesByName( name?:string ): any[];
-		/** [Method] Get a reference to the class by its alias
-		* @param alias String
-		* @returns Ext.Class class
-		*/
-		static getByAlias( alias?:string ): Ext.IClass;
-		/** [Method] Get the class of the provided object returns null if it s not an instance of any class created with Ext define
-		* @param object Object
-		* @returns Ext.Class class
-		*/
-		static getClass( object?:any ): Ext.IClass;
-		/** [Method] Get the name of the class by its reference or its instance usually invoked by the shorthand Ext getClassName Ext Cl
-		* @param object Ext.Class/Object
-		* @returns String className
-		*/
-		static getName( object?:any ): string;
-		/** [Method] Get the name of a class by its alias
-		* @param alias String
-		* @returns String className
-		*/
-		static getNameByAlias( alias?:string ): string;
-		/** [Method] Get the name of a class by its alternate name
-		* @param alternate String
-		* @returns String className
-		*/
-		static getNameByAlternate( alternate?:string ): string;
-		/** [Method] Converts a string expression to an array of matching class names
-		* @param expression String
-		* @returns Array classNames
-		*/
-		static getNamesByExpression( expression?:string ): any[];
-		/** [Method] Instantiate a class by either full name alias or alternate name usually invoked by the convenient shorthand Ext cre
-		* @param name String
-		* @param args Mixed Additional arguments after the name will be passed to the class' constructor.
-		* @returns Object instance
-		*/
-		static instantiate( name?:string, args?:any ): any;
-		/** [Method] Instantiate a class by its alias usually invoked by the convenient shorthand Ext createByAlias If Ext Loader is enab
-		* @param alias String
-		* @param args Mixed... Additional arguments after the alias will be passed to the class constructor.
-		* @returns Object instance
-		*/
-		static instantiateByAlias( alias:string, ...args:any[] ): any;
-		/** [Method] Checks if a class has already been created
-		* @param className String
-		* @returns Boolean exist
-		*/
-		static isCreated( className?:string ): boolean;
-		/** [Method] Sets a name reference to a class
-		* @param name String
-		* @param value Object
-		* @returns Ext.ClassManager this
-		*/
-		static set( name?:string, value?:any ): Ext.IClassManager;
-		/** [Method] Register the alias for a class
-		* @param cls Ext.Class/String a reference to a class or a className.
-		* @param alias String Alias to use when referring to this class.
-		* @returns Ext.ClassManager this
-		*/
-		static setAlias( cls?:any, alias?:string ): Ext.IClassManager;
-		/** [Method] Creates a namespace and assign the value to the created object
-		* @param name String
-		* @param value Mixed
-		*/
-		static setNamespace( name?:string, value?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IComponent extends Ext.IAbstractComponent,Ext.mixin.ITraversable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/String) */
-		border?: any;
-		/** [Config Option] (Number/String) */
-		bottom?: any;
-		/** [Config Option] (Boolean) */
-		centered?: boolean;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		componentCls?: string;
-		/** [Config Option] (Ext.Element/HTMLElement/String) */
-		contentEl?: any;
-		/** [Config Option] (Object) */
-		data?: any;
-		/** [Config Option] (Boolean) */
-		disabled?: boolean;
-		/** [Config Option] (String) */
-		disabledCls?: string;
-		/** [Config Option] (String) */
-		dock?: string;
-		/** [Config Option] (String) */
-		docked?: string;
-		/** [Config Option] (String/Mixed) */
-		enterAnimation?: any;
-		/** [Config Option] (String/Mixed) */
-		exitAnimation?: any;
-		/** [Config Option] (Number) */
-		flex?: number;
-		/** [Config Option] (Boolean) */
-		floating?: boolean;
-		/** [Config Option] (String) */
-		floatingCls?: string;
-		/** [Config Option] (Boolean) */
-		fullscreen?: boolean;
-		/** [Config Option] (Number/String) */
-		height?: any;
-		/** [Config Option] (Boolean) */
-		hidden?: boolean;
-		/** [Config Option] (String) */
-		hiddenCls?: string;
-		/** [Config Option] (String/Mixed) */
-		hideAnimation?: any;
-		/** [Config Option] (Boolean) */
-		hideOnMaskTap?: boolean;
-		/** [Config Option] (String/Ext.Element/HTMLElement) */
-		html?: any;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Config Option] (String) */
-		itemId?: string;
-		/** [Config Option] (Boolean) */
-		layoutOnOrientationChange?: boolean;
-		/** [Config Option] (Number/String) */
-		left?: any;
-		/** [Config Option] (Number/String) */
-		margin?: any;
-		/** [Config Option] (Number/String) */
-		maxHeight?: any;
-		/** [Config Option] (Number/String) */
-		maxWidth?: any;
-		/** [Config Option] (Number/String) */
-		minHeight?: any;
-		/** [Config Option] (Number/String) */
-		minWidth?: any;
-		/** [Config Option] (Boolean) */
-		modal?: boolean;
-		/** [Config Option] (Boolean) */
-		monitorOrientation?: boolean;
-		/** [Config Option] (Number/String) */
-		padding?: any;
-		/** [Config Option] (Object/Array) */
-		plugins?: any;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Config Option] (Ext.Element) */
-		renderTo?: Ext.IElement;
-		/** [Config Option] (Number/String) */
-		right?: any;
-		/** [Config Option] (Boolean/String/Object) */
-		scroll?: any;
-		/** [Config Option] (String/Mixed) */
-		showAnimation?: any;
-		/** [Config Option] (Boolean) */
-		stopMaskTapEvent?: boolean;
-		/** [Config Option] (String/Object) */
-		style?: any;
-		/** [Config Option] (String) */
-		styleHtmlCls?: string;
-		/** [Config Option] (Boolean) */
-		styleHtmlContent?: boolean;
-		/** [Config Option] (Number/String) */
-		top?: any;
-		/** [Config Option] (String/String[]/Ext.Template[]/Ext.XTemplate[]) */
-		tpl?: any;
-		/** [Config Option] (String) */
-		tplWriteMode?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Number/String) */
-		width?: any;
-		/** [Config Option] (String) */
-		xtype?: string;
-		/** [Config Option] (Number) */
-		zIndex?: number;
-		/** [Method] Adds a CSS class or classes to this Component s rendered element
-		* @param cls String The CSS class to add.
-		* @param prefix String Optional prefix to add to each class.
-		* @param suffix String Optional suffix to add to each class.
-		*/
-		addCls?( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Disables this Component */
-		disable?(): void;
-		/** [Method] Enables this Component */
-		enable?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of border
-		* @returns Number/String
-		*/
-		getBorder?(): any;
-		/** [Method] Returns the value of bottom
-		* @returns any
-		*/
-		getBottom?(): any;
-		/** [Method] Returns the value of centered
-		* @returns Boolean
-		*/
-		getCentered?(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns any
-		*/
-		getCls?(): any;
-		/** [Method] Returns the value of contentEl
-		* @returns Ext.Element/HTMLElement/String
-		*/
-		getContentEl?(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		getDisabled?(): boolean;
-		/** [Method] Returns the value of disabledCls
-		* @returns String
-		*/
-		getDisabledCls?(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		getDocked?(): string;
-		/** [Method] Retrieves the top level element representing this component
-		* @returns Ext.dom.Element
-		*/
-		getEl?(): Ext.dom.IElement;
-		/** [Method] Returns the value of enterAnimation
-		* @returns String/Mixed
-		*/
-		getEnterAnimation?(): any;
-		/** [Method] Returns the value of exitAnimation
-		* @returns String/Mixed
-		*/
-		getExitAnimation?(): any;
-		/** [Method] Returns the value of flex
-		* @returns Number
-		*/
-		getFlex?(): number;
-		/** [Method] Returns the value of floatingCls
-		* @returns String
-		*/
-		getFloatingCls?(): string;
-		/** [Method] Returns the value of height
-		* @returns Number/String
-		*/
-		getHeight?(): any;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		getHidden?(): boolean;
-		/** [Method] Returns the value of hiddenCls
-		* @returns String
-		*/
-		getHiddenCls?(): string;
-		/** [Method] Returns the value of hideAnimation
-		* @returns String/Mixed
-		*/
-		getHideAnimation?(): any;
-		/** [Method] Returns the value of html
-		* @returns String/Ext.Element/HTMLElement
-		*/
-		getHtml?(): any;
-		/** [Method] Returns the value of itemId
-		* @returns String
-		*/
-		getItemId?(): string;
-		/** [Method] Returns the value of left
-		* @returns Number/String
-		*/
-		getLeft?(): any;
-		/** [Method] Returns the value of margin
-		* @returns Number/String
-		*/
-		getMargin?(): any;
-		/** [Method] Returns the value of maxHeight
-		* @returns Number/String
-		*/
-		getMaxHeight?(): any;
-		/** [Method] Returns the value of maxWidth
-		* @returns Number/String
-		*/
-		getMaxWidth?(): any;
-		/** [Method] Returns the value of minHeight
-		* @returns Number/String
-		*/
-		getMinHeight?(): any;
-		/** [Method] Returns the value of minWidth
-		* @returns Number/String
-		*/
-		getMinWidth?(): any;
-		/** [Method] Returns the value of padding
-		* @returns Number/String
-		*/
-		getPadding?(): any;
-		/** [Method] Returns the parent of this component if it has one
-		* @returns Ext.Component The parent of this component.
-		*/
-		getParent?(): Ext.IComponent;
-		/** [Method] Returns the value of plugins
-		* @returns Object/Array
-		*/
-		getPlugins?(): any;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of renderTo
-		* @returns Ext.Element
-		*/
-		getRenderTo?(): Ext.IElement;
-		/** [Method] Returns the value of right
-		* @returns Number/String
-		*/
-		getRight?(): any;
-		/** [Method] Returns the value of showAnimation
-		* @returns String/Mixed
-		*/
-		getShowAnimation?(): any;
-		/** [Method] Returns the height and width of the Component
-		* @returns Object The current height and width of the Component.
-		*/
-		getSize?(): any;
-		/** [Method] Returns the value of style
-		* @returns String/Object
-		*/
-		getStyle?(): any;
-		/** [Method] Returns the value of styleHtmlCls
-		* @returns String
-		*/
-		getStyleHtmlCls?(): string;
-		/** [Method] Returns the value of styleHtmlContent
-		* @returns Boolean
-		*/
-		getStyleHtmlContent?(): boolean;
-		/** [Method] Returns the value of top
-		* @returns Number/String
-		*/
-		getTop?(): any;
-		/** [Method] Returns the value of tpl
-		* @returns String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		getTpl?(): any;
-		/** [Method] Returns the value of tplWriteMode
-		* @returns String
-		*/
-		getTplWriteMode?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of width
-		* @returns Number/String
-		*/
-		getWidth?(): any;
-		/** [Method] Returns this Component s xtype hierarchy as a slash delimited string
-		* @returns String The xtype hierarchy string.
-		*/
-		getXTypes?(): string;
-		/** [Method] Returns the value of zIndex
-		* @returns Number
-		*/
-		getZIndex?(): number;
-		/** [Method] Returns true if this component has a parent
-		* @returns Boolean true if this component has a parent.
-		*/
-		hasParent?(): boolean;
-		/** [Method] Hides this Component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		hide?( animation?:any ): Ext.IComponent;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Returns true if this Component is currently disabled
-		* @returns Boolean true if currently disabled.
-		*/
-		isDisabled?(): boolean;
-		/** [Method] Returns true if this Component is currently hidden
-		* @returns Boolean true if currently hidden.
-		*/
-		isHidden?(): boolean;
-		/** [Method] Tests whether or not this Component is of a specific xtype
-		* @param xtype String The xtype to check for this Component.
-		* @param shallow Boolean false to check whether this Component is descended from the xtype (this is the default), or true to check whether this Component is directly of the specified xtype.
-		* @returns Boolean true if this component descends from the specified xtype, false otherwise.
-		*/
-		isXType?( xtype?:string, shallow?:boolean ): boolean;
-		/** [Method] Removes the given CSS class es from this Component s rendered element
-		* @param cls String The class(es) to remove.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		removeCls?( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Replaces specified classes with the newly specified classes
-		* @param oldCls String The class(es) to remove.
-		* @param newCls String The class(es) to add.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		replaceCls?( oldCls?:string, newCls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Resets top right bottom and left configurations to null which will un float this component  */
-		resetFloating?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of border
-		* @param border Number/String
-		*/
-		setBorder?( border?:any ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number/String
-		*/
-		setBottom?( bottom?:any ): void;
-		/** [Method] Sets the value of centered
-		* @param centered Boolean
-		*/
-		setCentered?( centered?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String/String[]
-		*/
-		setCls?( cls?:any ): void;
-		/** [Method] Sets the value of contentEl
-		* @param contentEl Ext.Element/HTMLElement/String
-		*/
-		setContentEl?( contentEl?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		setDisabled?( disabled?:boolean ): void;
-		/** [Method] Sets the value of disabledCls
-		* @param disabledCls String
-		*/
-		setDisabledCls?( disabledCls?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		setDocked?( docked?:string ): void;
-		/** [Method] Sets the value of draggable
-		* @param draggable Object
-		*/
-		setDraggable?( draggable?:any ): void;
-		/** [Method] Sets the value of enterAnimation
-		* @param enterAnimation String/Mixed
-		*/
-		setEnterAnimation?( enterAnimation?:any ): void;
-		/** [Method] Sets the value of exitAnimation
-		* @param exitAnimation String/Mixed
-		*/
-		setExitAnimation?( exitAnimation?:any ): void;
-		/** [Method] Sets the value of flex
-		* @param flex Number
-		*/
-		setFlex?( flex?:number ): void;
-		/** [Method] Used to update the floating state of this component
-		* @param floating Boolean true if you want to float this component.
-		*/
-		setFloating?( floating?:boolean ): void;
-		/** [Method] Sets the value of floatingCls
-		* @param floatingCls String
-		*/
-		setFloatingCls?( floatingCls?:string ): void;
-		/** [Method] Sets the value of height
-		* @param height Number/String
-		*/
-		setHeight?( height?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		setHidden?( hidden?:boolean ): void;
-		/** [Method] Sets the value of hiddenCls
-		* @param hiddenCls String
-		*/
-		setHiddenCls?( hiddenCls?:string ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation String/Mixed
-		*/
-		setHideAnimation?( hideAnimation?:any ): void;
-		/** [Method] Sets the value of html
-		* @param html String/Ext.Element/HTMLElement
-		*/
-		setHtml?( html?:any ): void;
-		/** [Method] Sets the value of itemId
-		* @param itemId String
-		*/
-		setItemId?( itemId?:string ): void;
-		/** [Method] Sets the value of left
-		* @param left Number/String
-		*/
-		setLeft?( left?:any ): void;
-		/** [Method] Sets the value of margin
-		* @param margin Number/String
-		*/
-		setMargin?( margin?:any ): void;
-		/** [Method] Sets the value of maxHeight
-		* @param maxHeight Number/String
-		*/
-		setMaxHeight?( maxHeight?:any ): void;
-		/** [Method] Sets the value of maxWidth
-		* @param maxWidth Number/String
-		*/
-		setMaxWidth?( maxWidth?:any ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight Number/String
-		*/
-		setMinHeight?( minHeight?:any ): void;
-		/** [Method] Sets the value of minWidth
-		* @param minWidth Number/String
-		*/
-		setMinWidth?( minWidth?:any ): void;
-		/** [Method] Sets the value of padding
-		* @param padding Number/String
-		*/
-		setPadding?( padding?:any ): void;
-		/** [Method] Sets the value of plugins
-		* @param plugins Object/Array
-		*/
-		setPlugins?( plugins?:any ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		setRecord?( record?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of renderTo
-		* @param renderTo Ext.Element
-		*/
-		setRenderTo?( renderTo?:Ext.IElement ): void;
-		/** [Method] Sets the value of right
-		* @param right Number/String
-		*/
-		setRight?( right?:any ): void;
-		/** [Method] This method has moved to Ext Container  */
-		setScrollable?(): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation String/Mixed
-		*/
-		setShowAnimation?( showAnimation?:any ): void;
-		/** [Method] Sets the size of the Component
-		* @param width Number The new width for the Component.
-		* @param height Number The new height for the Component.
-		*/
-		setSize?( width?:number, height?:number ): void;
-		/** [Method] Sets the value of style
-		* @param style String/Object
-		*/
-		setStyle?( style?:any ): void;
-		/** [Method] Sets the value of styleHtmlCls
-		* @param styleHtmlCls String
-		*/
-		setStyleHtmlCls?( styleHtmlCls?:string ): void;
-		/** [Method] Sets the value of styleHtmlContent
-		* @param styleHtmlContent Boolean
-		*/
-		setStyleHtmlContent?( styleHtmlContent?:boolean ): void;
-		/** [Method] Sets the value of top
-		* @param top Number/String
-		*/
-		setTop?( top?:any ): void;
-		/** [Method] Sets the value of tpl
-		* @param tpl String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		setTpl?( tpl?:any ): void;
-		/** [Method] Sets the value of tplWriteMode
-		* @param tplWriteMode String
-		*/
-		setTplWriteMode?( tplWriteMode?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of width
-		* @param width Number/String
-		*/
-		setWidth?( width?:any ): void;
-		/** [Method] Sets the value of zIndex
-		* @param zIndex Number
-		*/
-		setZIndex?( zIndex?:number ): void;
-		/** [Method] Shows this component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		show?( animation?:any ): Ext.IComponent;
-		/** [Method] Shows this component by another component
-		* @param component Ext.Component The target component to show this component by.
-		* @param alignment String The specific alignment.
-		*/
-		showBy?( component?:Ext.IComponent, alignment?:string ): void;
-		/** [Method] Walks up the ownerCt axis looking for an ancestor Container which matches the passed simple selector
-		* @param selector String The simple selector to test.
-		* @returns Ext.Container The matching ancestor Container (or undefined if no match was found).
-		*/
-		up?( selector?:string ): Ext.IContainer;
-		/** [Method] Updates the HTML content of the Component  */
-		update?(): void;
-		/** [Method] Updates the styleHtmlCls configuration
-		* @param newHtmlCls Object
-		* @param oldHtmlCls Object
-		*/
-		updateStyleHtmlCls?( newHtmlCls?:any, oldHtmlCls?:any ): void;
-	}
-}
-declare namespace Ext.lib {
-	export interface IComponent extends Ext.IAbstractComponent,Ext.mixin.ITraversable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/String) */
-		border?: any;
-		/** [Config Option] (Number/String) */
-		bottom?: any;
-		/** [Config Option] (Boolean) */
-		centered?: boolean;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		componentCls?: string;
-		/** [Config Option] (Ext.Element/HTMLElement/String) */
-		contentEl?: any;
-		/** [Config Option] (Object) */
-		data?: any;
-		/** [Config Option] (Boolean) */
-		disabled?: boolean;
-		/** [Config Option] (String) */
-		disabledCls?: string;
-		/** [Config Option] (String) */
-		dock?: string;
-		/** [Config Option] (String) */
-		docked?: string;
-		/** [Config Option] (String/Mixed) */
-		enterAnimation?: any;
-		/** [Config Option] (String/Mixed) */
-		exitAnimation?: any;
-		/** [Config Option] (Number) */
-		flex?: number;
-		/** [Config Option] (Boolean) */
-		floating?: boolean;
-		/** [Config Option] (String) */
-		floatingCls?: string;
-		/** [Config Option] (Boolean) */
-		fullscreen?: boolean;
-		/** [Config Option] (Number/String) */
-		height?: any;
-		/** [Config Option] (Boolean) */
-		hidden?: boolean;
-		/** [Config Option] (String) */
-		hiddenCls?: string;
-		/** [Config Option] (String/Mixed) */
-		hideAnimation?: any;
-		/** [Config Option] (Boolean) */
-		hideOnMaskTap?: boolean;
-		/** [Config Option] (String/Ext.Element/HTMLElement) */
-		html?: any;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Config Option] (String) */
-		itemId?: string;
-		/** [Config Option] (Boolean) */
-		layoutOnOrientationChange?: boolean;
-		/** [Config Option] (Number/String) */
-		left?: any;
-		/** [Config Option] (Number/String) */
-		margin?: any;
-		/** [Config Option] (Number/String) */
-		maxHeight?: any;
-		/** [Config Option] (Number/String) */
-		maxWidth?: any;
-		/** [Config Option] (Number/String) */
-		minHeight?: any;
-		/** [Config Option] (Number/String) */
-		minWidth?: any;
-		/** [Config Option] (Boolean) */
-		modal?: boolean;
-		/** [Config Option] (Boolean) */
-		monitorOrientation?: boolean;
-		/** [Config Option] (Number/String) */
-		padding?: any;
-		/** [Config Option] (Object/Array) */
-		plugins?: any;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Config Option] (Ext.Element) */
-		renderTo?: Ext.IElement;
-		/** [Config Option] (Number/String) */
-		right?: any;
-		/** [Config Option] (Boolean/String/Object) */
-		scroll?: any;
-		/** [Config Option] (String/Mixed) */
-		showAnimation?: any;
-		/** [Config Option] (Boolean) */
-		stopMaskTapEvent?: boolean;
-		/** [Config Option] (String/Object) */
-		style?: any;
-		/** [Config Option] (String) */
-		styleHtmlCls?: string;
-		/** [Config Option] (Boolean) */
-		styleHtmlContent?: boolean;
-		/** [Config Option] (Number/String) */
-		top?: any;
-		/** [Config Option] (String/String[]/Ext.Template[]/Ext.XTemplate[]) */
-		tpl?: any;
-		/** [Config Option] (String) */
-		tplWriteMode?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Number/String) */
-		width?: any;
-		/** [Config Option] (String) */
-		xtype?: string;
-		/** [Config Option] (Number) */
-		zIndex?: number;
-		/** [Method] Adds a CSS class or classes to this Component s rendered element
-		* @param cls String The CSS class to add.
-		* @param prefix String Optional prefix to add to each class.
-		* @param suffix String Optional suffix to add to each class.
-		*/
-		addCls?( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Disables this Component */
-		disable?(): void;
-		/** [Method] Enables this Component */
-		enable?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of border
-		* @returns Number/String
-		*/
-		getBorder?(): any;
-		/** [Method] Returns the value of bottom
-		* @returns any
-		*/
-		getBottom?(): any;
-		/** [Method] Returns the value of centered
-		* @returns Boolean
-		*/
-		getCentered?(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns any
-		*/
-		getCls?(): any;
-		/** [Method] Returns the value of contentEl
-		* @returns Ext.Element/HTMLElement/String
-		*/
-		getContentEl?(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		getDisabled?(): boolean;
-		/** [Method] Returns the value of disabledCls
-		* @returns String
-		*/
-		getDisabledCls?(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		getDocked?(): string;
-		/** [Method] Retrieves the top level element representing this component
-		* @returns Ext.dom.Element
-		*/
-		getEl?(): Ext.dom.IElement;
-		/** [Method] Returns the value of enterAnimation
-		* @returns String/Mixed
-		*/
-		getEnterAnimation?(): any;
-		/** [Method] Returns the value of exitAnimation
-		* @returns String/Mixed
-		*/
-		getExitAnimation?(): any;
-		/** [Method] Returns the value of flex
-		* @returns Number
-		*/
-		getFlex?(): number;
-		/** [Method] Returns the value of floatingCls
-		* @returns String
-		*/
-		getFloatingCls?(): string;
-		/** [Method] Returns the value of height
-		* @returns Number/String
-		*/
-		getHeight?(): any;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		getHidden?(): boolean;
-		/** [Method] Returns the value of hiddenCls
-		* @returns String
-		*/
-		getHiddenCls?(): string;
-		/** [Method] Returns the value of hideAnimation
-		* @returns String/Mixed
-		*/
-		getHideAnimation?(): any;
-		/** [Method] Returns the value of html
-		* @returns String/Ext.Element/HTMLElement
-		*/
-		getHtml?(): any;
-		/** [Method] Returns the value of itemId
-		* @returns String
-		*/
-		getItemId?(): string;
-		/** [Method] Returns the value of left
-		* @returns Number/String
-		*/
-		getLeft?(): any;
-		/** [Method] Returns the value of margin
-		* @returns Number/String
-		*/
-		getMargin?(): any;
-		/** [Method] Returns the value of maxHeight
-		* @returns Number/String
-		*/
-		getMaxHeight?(): any;
-		/** [Method] Returns the value of maxWidth
-		* @returns Number/String
-		*/
-		getMaxWidth?(): any;
-		/** [Method] Returns the value of minHeight
-		* @returns Number/String
-		*/
-		getMinHeight?(): any;
-		/** [Method] Returns the value of minWidth
-		* @returns Number/String
-		*/
-		getMinWidth?(): any;
-		/** [Method] Returns the value of padding
-		* @returns Number/String
-		*/
-		getPadding?(): any;
-		/** [Method] Returns the parent of this component if it has one
-		* @returns Ext.Component The parent of this component.
-		*/
-		getParent?(): Ext.IComponent;
-		/** [Method] Returns the value of plugins
-		* @returns Object/Array
-		*/
-		getPlugins?(): any;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of renderTo
-		* @returns Ext.Element
-		*/
-		getRenderTo?(): Ext.IElement;
-		/** [Method] Returns the value of right
-		* @returns Number/String
-		*/
-		getRight?(): any;
-		/** [Method] Returns the value of showAnimation
-		* @returns String/Mixed
-		*/
-		getShowAnimation?(): any;
-		/** [Method] Returns the height and width of the Component
-		* @returns Object The current height and width of the Component.
-		*/
-		getSize?(): any;
-		/** [Method] Returns the value of style
-		* @returns String/Object
-		*/
-		getStyle?(): any;
-		/** [Method] Returns the value of styleHtmlCls
-		* @returns String
-		*/
-		getStyleHtmlCls?(): string;
-		/** [Method] Returns the value of styleHtmlContent
-		* @returns Boolean
-		*/
-		getStyleHtmlContent?(): boolean;
-		/** [Method] Returns the value of top
-		* @returns Number/String
-		*/
-		getTop?(): any;
-		/** [Method] Returns the value of tpl
-		* @returns String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		getTpl?(): any;
-		/** [Method] Returns the value of tplWriteMode
-		* @returns String
-		*/
-		getTplWriteMode?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of width
-		* @returns Number/String
-		*/
-		getWidth?(): any;
-		/** [Method] Returns this Component s xtype hierarchy as a slash delimited string
-		* @returns String The xtype hierarchy string.
-		*/
-		getXTypes?(): string;
-		/** [Method] Returns the value of zIndex
-		* @returns Number
-		*/
-		getZIndex?(): number;
-		/** [Method] Returns true if this component has a parent
-		* @returns Boolean true if this component has a parent.
-		*/
-		hasParent?(): boolean;
-		/** [Method] Hides this Component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		hide?( animation?:any ): Ext.IComponent;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Returns true if this Component is currently disabled
-		* @returns Boolean true if currently disabled.
-		*/
-		isDisabled?(): boolean;
-		/** [Method] Returns true if this Component is currently hidden
-		* @returns Boolean true if currently hidden.
-		*/
-		isHidden?(): boolean;
-		/** [Method] Tests whether or not this Component is of a specific xtype
-		* @param xtype String The xtype to check for this Component.
-		* @param shallow Boolean false to check whether this Component is descended from the xtype (this is the default), or true to check whether this Component is directly of the specified xtype.
-		* @returns Boolean true if this component descends from the specified xtype, false otherwise.
-		*/
-		isXType?( xtype?:string, shallow?:boolean ): boolean;
-		/** [Method] Removes the given CSS class es from this Component s rendered element
-		* @param cls String The class(es) to remove.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		removeCls?( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Replaces specified classes with the newly specified classes
-		* @param oldCls String The class(es) to remove.
-		* @param newCls String The class(es) to add.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		replaceCls?( oldCls?:string, newCls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Resets top right bottom and left configurations to null which will un float this component  */
-		resetFloating?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of border
-		* @param border Number/String
-		*/
-		setBorder?( border?:any ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number/String
-		*/
-		setBottom?( bottom?:any ): void;
-		/** [Method] Sets the value of centered
-		* @param centered Boolean
-		*/
-		setCentered?( centered?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String/String[]
-		*/
-		setCls?( cls?:any ): void;
-		/** [Method] Sets the value of contentEl
-		* @param contentEl Ext.Element/HTMLElement/String
-		*/
-		setContentEl?( contentEl?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		setDisabled?( disabled?:boolean ): void;
-		/** [Method] Sets the value of disabledCls
-		* @param disabledCls String
-		*/
-		setDisabledCls?( disabledCls?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		setDocked?( docked?:string ): void;
-		/** [Method] Sets the value of draggable
-		* @param draggable Object
-		*/
-		setDraggable?( draggable?:any ): void;
-		/** [Method] Sets the value of enterAnimation
-		* @param enterAnimation String/Mixed
-		*/
-		setEnterAnimation?( enterAnimation?:any ): void;
-		/** [Method] Sets the value of exitAnimation
-		* @param exitAnimation String/Mixed
-		*/
-		setExitAnimation?( exitAnimation?:any ): void;
-		/** [Method] Sets the value of flex
-		* @param flex Number
-		*/
-		setFlex?( flex?:number ): void;
-		/** [Method] Used to update the floating state of this component
-		* @param floating Boolean true if you want to float this component.
-		*/
-		setFloating?( floating?:boolean ): void;
-		/** [Method] Sets the value of floatingCls
-		* @param floatingCls String
-		*/
-		setFloatingCls?( floatingCls?:string ): void;
-		/** [Method] Sets the value of height
-		* @param height Number/String
-		*/
-		setHeight?( height?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		setHidden?( hidden?:boolean ): void;
-		/** [Method] Sets the value of hiddenCls
-		* @param hiddenCls String
-		*/
-		setHiddenCls?( hiddenCls?:string ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation String/Mixed
-		*/
-		setHideAnimation?( hideAnimation?:any ): void;
-		/** [Method] Sets the value of html
-		* @param html String/Ext.Element/HTMLElement
-		*/
-		setHtml?( html?:any ): void;
-		/** [Method] Sets the value of itemId
-		* @param itemId String
-		*/
-		setItemId?( itemId?:string ): void;
-		/** [Method] Sets the value of left
-		* @param left Number/String
-		*/
-		setLeft?( left?:any ): void;
-		/** [Method] Sets the value of margin
-		* @param margin Number/String
-		*/
-		setMargin?( margin?:any ): void;
-		/** [Method] Sets the value of maxHeight
-		* @param maxHeight Number/String
-		*/
-		setMaxHeight?( maxHeight?:any ): void;
-		/** [Method] Sets the value of maxWidth
-		* @param maxWidth Number/String
-		*/
-		setMaxWidth?( maxWidth?:any ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight Number/String
-		*/
-		setMinHeight?( minHeight?:any ): void;
-		/** [Method] Sets the value of minWidth
-		* @param minWidth Number/String
-		*/
-		setMinWidth?( minWidth?:any ): void;
-		/** [Method] Sets the value of padding
-		* @param padding Number/String
-		*/
-		setPadding?( padding?:any ): void;
-		/** [Method] Sets the value of plugins
-		* @param plugins Object/Array
-		*/
-		setPlugins?( plugins?:any ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		setRecord?( record?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of renderTo
-		* @param renderTo Ext.Element
-		*/
-		setRenderTo?( renderTo?:Ext.IElement ): void;
-		/** [Method] Sets the value of right
-		* @param right Number/String
-		*/
-		setRight?( right?:any ): void;
-		/** [Method] This method has moved to Ext Container  */
-		setScrollable?(): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation String/Mixed
-		*/
-		setShowAnimation?( showAnimation?:any ): void;
-		/** [Method] Sets the size of the Component
-		* @param width Number The new width for the Component.
-		* @param height Number The new height for the Component.
-		*/
-		setSize?( width?:number, height?:number ): void;
-		/** [Method] Sets the value of style
-		* @param style String/Object
-		*/
-		setStyle?( style?:any ): void;
-		/** [Method] Sets the value of styleHtmlCls
-		* @param styleHtmlCls String
-		*/
-		setStyleHtmlCls?( styleHtmlCls?:string ): void;
-		/** [Method] Sets the value of styleHtmlContent
-		* @param styleHtmlContent Boolean
-		*/
-		setStyleHtmlContent?( styleHtmlContent?:boolean ): void;
-		/** [Method] Sets the value of top
-		* @param top Number/String
-		*/
-		setTop?( top?:any ): void;
-		/** [Method] Sets the value of tpl
-		* @param tpl String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		setTpl?( tpl?:any ): void;
-		/** [Method] Sets the value of tplWriteMode
-		* @param tplWriteMode String
-		*/
-		setTplWriteMode?( tplWriteMode?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of width
-		* @param width Number/String
-		*/
-		setWidth?( width?:any ): void;
-		/** [Method] Sets the value of zIndex
-		* @param zIndex Number
-		*/
-		setZIndex?( zIndex?:number ): void;
-		/** [Method] Shows this component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		show?( animation?:any ): Ext.IComponent;
-		/** [Method] Shows this component by another component
-		* @param component Ext.Component The target component to show this component by.
-		* @param alignment String The specific alignment.
-		*/
-		showBy?( component?:Ext.IComponent, alignment?:string ): void;
-		/** [Method] Walks up the ownerCt axis looking for an ancestor Container which matches the passed simple selector
-		* @param selector String The simple selector to test.
-		* @returns Ext.Container The matching ancestor Container (or undefined if no match was found).
-		*/
-		up?( selector?:string ): Ext.IContainer;
-		/** [Method] Updates the HTML content of the Component  */
-		update?(): void;
-		/** [Method] Updates the styleHtmlCls configuration
-		* @param newHtmlCls Object
-		* @param oldHtmlCls Object
-		*/
-		updateStyleHtmlCls?( newHtmlCls?:any, oldHtmlCls?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IComponentManager extends Ext.IBase {
-	}
-	export class ComponentManager {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Creates a new Component from the specified config object using the config object s xtype to determine the class to in
-		* @param component Object A configuration object for the Component you wish to create.
-		* @param defaultType Function The constructor to provide the default Component type if the config object does not contain a xtype. (Optional if the config contains an xtype).
-		* @returns Ext.Component The newly instantiated Component.
-		*/
-		static create( component?:any, defaultType?:any ): Ext.IComponent;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, or undefined if not found.
-		*/
-		static get( id?:string ): any;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Checks if an item type is registered
-		* @param component String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		static isRegistered( component?:string ): boolean;
-		/** [Method] Registers an item to be managed
-		* @param component Object The item to register.
-		*/
-		static register( component?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param component Object The item to unregister.
-		*/
-		static unregister( component?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IComponentMgr extends Ext.IBase {
-	}
-	export class ComponentMgr {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Creates a new Component from the specified config object using the config object s xtype to determine the class to in
-		* @param component Object A configuration object for the Component you wish to create.
-		* @param defaultType Function The constructor to provide the default Component type if the config object does not contain a xtype. (Optional if the config contains an xtype).
-		* @returns Ext.Component The newly instantiated Component.
-		*/
-		static create( component?:any, defaultType?:any ): Ext.IComponent;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, or undefined if not found.
-		*/
-		static get( id?:string ): any;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Checks if an item type is registered
-		* @param component String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		static isRegistered( component?:string ): boolean;
-		/** [Method] Registers an item to be managed
-		* @param component Object The item to register.
-		*/
-		static register( component?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param component Object The item to unregister.
-		*/
-		static unregister( component?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IComponentQuery {
-	}
-	export class ComponentQuery {
-		/** [Method] Tests whether the passed Component matches the selector string
-		* @param component Ext.Component The Component to test.
-		* @param selector String The selector string to test against.
-		* @returns Boolean true if the Component matches the selector.
-		*/
-		static is( component?:Ext.IComponent, selector?:string ): boolean;
-		/** [Method] Returns an array of matched Components from within the passed root object
-		* @param selector String The selector string to filter returned Components
-		* @param root Ext.Container The Container within which to perform the query. If omitted, all Components within the document are included in the search. This parameter may also be an array of Components to filter according to the selector.
-		* @returns Ext.Component[] The matched Components.
-		*/
-		static query( selector?:string, root?:Ext.IContainer ): Ext.IComponent[];
-	}
-}
-declare namespace Ext {
-	export interface IContainer extends Ext.IComponent {
-		/** [Config Option] (Object/String/Number) */
-		activeItem?: any;
-		/** [Config Option] (Boolean) */
-		autoDestroy?: boolean;
-		/** [Config Option] (String/Object/Boolean) */
-		cardSwitchAnimation?: any;
-		/** [Config Option] (Object) */
-		control?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Object) */
-		defaults?: any;
-		/** [Config Option] (Boolean) */
-		hideOnMaskTap?: boolean;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Boolean/Object/Ext.Mask/Ext.LoadMask) */
-		masked?: any;
-		/** [Config Option] (Boolean) */
-		modal?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scroll?: any;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Method] Adds one or more Components to this Container
-		* @param newItems Object/Object[]/Ext.Component/Ext.Component[] The new items to add to the Container.
-		* @returns Ext.Component The last item added to the Container from the newItems array.
-		*/
-		add?( newItems?:any ): Ext.IComponent;
-		/** [Method] Adds an array of Components to this Container
-		* @param items Array The array of items to add to this container.
-		* @returns Array The array of items after they have been added.
-		*/
-		addAll?( items?:any[] ): any[];
-		/** [Method] Animates to the supplied activeItem with a specified animation
-		* @param activeItem Object/Number The item or item index to make active.
-		* @param animation Object/Ext.fx.layout.Card Card animation configuration or instance.
-		*/
-		animateActiveItem?( activeItem?:any, animation?:any ): void;
-		/** [Method] Changes the masked configuration when its setter is called which will convert the value into a proper object instanc
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		* @returns Object
-		*/
-		applyMasked?( masked?:any ): any;
-		/** [Method] Retrieves the first direct child of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		child?( selector?:string ): Ext.IComponent;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Retrieves the first descendant of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		down?( selector?:string ): Ext.IComponent;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		getActiveItem?(): any;
-		/** [Method] Returns the Component for a given index in the Container s items
-		* @param index Number The index of the Component to return.
-		* @returns Ext.Component The item at the specified index, if found.
-		*/
-		getAt?( index?:number ): Ext.IComponent;
-		/** [Method] Returns the value of autoDestroy
-		* @returns Boolean
-		*/
-		getAutoDestroy?(): boolean;
-		/** [Method] Examines this container s items property and gets a direct child component of this container
-		* @param component String/Number This parameter may be any of the following:  {String} : representing the itemId or id of the child component. {Number} : representing the position of the child component within the items property. For additional information see Ext.util.MixedCollection.get.
-		* @returns Ext.Component The component (if found).
-		*/
-		getComponent?( component?:any ): Ext.IComponent;
-		/** [Method] Returns the value of control
-		* @returns Object
-		*/
-		getControl?(): any;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		getDefaults?(): any;
-		/** [Method] Finds a docked item of this container using a reference idor an index of its location in getDockedItems
-		* @param component String/Number The id or index of the component to find.
-		* @returns Ext.Component/Boolean The docked component, if found.
-		*/
-		getDockedComponent?( component?:any ): any;
-		/** [Method] Returns all the Ext Component docked items in this container
-		* @returns Array The docked items of this container.
-		*/
-		getDockedItems?(): any[];
-		/** [Method] Returns the value of hideOnMaskTap
-		* @returns Boolean
-		*/
-		getHideOnMaskTap?(): boolean;
-		/** [Method] Returns all inner items of this container
-		* @returns Array The inner items of this container.
-		*/
-		getInnerItems?(): any[];
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		getItems?(): any;
-		/** [Method] Returns the value of masked
-		* @returns Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		getMasked?(): any;
-		/** [Method] Returns the value of modal
-		* @returns Boolean
-		*/
-		getModal?(): boolean;
-		/** [Method] Returns an the scrollable instance for this container which is a Ext scroll View class
-		* @returns Ext.scroll.View The scroll view.
-		*/
-		getScrollable?(): Ext.scroll.IView;
-		/** [Method] Adds a child Component at the given index
-		* @param index Number The index to insert the Component at.
-		* @param item Object The Component to insert.
-		*/
-		insert?( index?:number, item?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of true to show the mask
-		* @param mask Object
-		*/
-		mask?( mask?:any ): void;
-		/** [Method] Retrieves all descendant components which match the passed selector
-		* @param selector String Selector complying to an Ext.ComponentQuery selector.
-		* @returns Array Ext.Component's which matched the selector.
-		*/
-		query?( selector?:string ): any[];
-		/** [Method] Removes an item from this Container optionally destroying it
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		remove?( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes all items currently in the Container optionally destroying them all
-		* @param destroy Boolean If true, destroys each removed Component.
-		* @param everything Boolean If true, completely remove all items including docked / centered and floating items.
-		* @returns Ext.Component this
-		*/
-		removeAll?( destroy?:boolean, everything?:boolean ): Ext.IComponent;
-		/** [Method] Removes the Component at the specified index  myContainer removeAt 0 removes the first item
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		removeAt?( index?:number ): Ext.IContainer;
-		/** [Method] Removes a docked item from this Container
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		removeDocked?( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes an inner Component at the specified index  myContainer removeInnerAt 0 removes the first item of the in
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		removeInnerAt?( index?:number ): Ext.IContainer;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		setActiveItem?( activeItem?:any ): void;
-		/** [Method] Sets the value of autoDestroy
-		* @param autoDestroy Boolean
-		*/
-		setAutoDestroy?( autoDestroy?:boolean ): void;
-		/** [Method] Sets the value of control
-		* @param control Object
-		*/
-		setControl?( control?:any ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		setDefaults?( defaults?:any ): void;
-		/** [Method] Sets the value of hideOnMaskTap
-		* @param hideOnMaskTap Boolean
-		*/
-		setHideOnMaskTap?( hideOnMaskTap?:boolean ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object/String
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of masked
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		setMasked?( masked?:any ): void;
-		/** [Method] Sets the value of modal
-		* @param modal Boolean
-		*/
-		setModal?( modal?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean/String/Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of false to hide the mask */
-		unmask?(): void;
-	}
-}
-declare namespace Ext.lib {
-	export interface IContainer extends Ext.IComponent {
-		/** [Config Option] (Object/String/Number) */
-		activeItem?: any;
-		/** [Config Option] (Boolean) */
-		autoDestroy?: boolean;
-		/** [Config Option] (String/Object/Boolean) */
-		cardSwitchAnimation?: any;
-		/** [Config Option] (Object) */
-		control?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Object) */
-		defaults?: any;
-		/** [Config Option] (Boolean) */
-		hideOnMaskTap?: boolean;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Boolean/Object/Ext.Mask/Ext.LoadMask) */
-		masked?: any;
-		/** [Config Option] (Boolean) */
-		modal?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scroll?: any;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Method] Adds one or more Components to this Container
-		* @param newItems Object/Object[]/Ext.Component/Ext.Component[] The new items to add to the Container.
-		* @returns Ext.Component The last item added to the Container from the newItems array.
-		*/
-		add?( newItems?:any ): Ext.IComponent;
-		/** [Method] Adds an array of Components to this Container
-		* @param items Array The array of items to add to this container.
-		* @returns Array The array of items after they have been added.
-		*/
-		addAll?( items?:any[] ): any[];
-		/** [Method] Animates to the supplied activeItem with a specified animation
-		* @param activeItem Object/Number The item or item index to make active.
-		* @param animation Object/Ext.fx.layout.Card Card animation configuration or instance.
-		*/
-		animateActiveItem?( activeItem?:any, animation?:any ): void;
-		/** [Method] Changes the masked configuration when its setter is called which will convert the value into a proper object instanc
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		* @returns Object
-		*/
-		applyMasked?( masked?:any ): any;
-		/** [Method] Retrieves the first direct child of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		child?( selector?:string ): Ext.IComponent;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Retrieves the first descendant of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		down?( selector?:string ): Ext.IComponent;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		getActiveItem?(): any;
-		/** [Method] Returns the Component for a given index in the Container s items
-		* @param index Number The index of the Component to return.
-		* @returns Ext.Component The item at the specified index, if found.
-		*/
-		getAt?( index?:number ): Ext.IComponent;
-		/** [Method] Returns the value of autoDestroy
-		* @returns Boolean
-		*/
-		getAutoDestroy?(): boolean;
-		/** [Method] Examines this container s items property and gets a direct child component of this container
-		* @param component String/Number This parameter may be any of the following:  {String} : representing the itemId or id of the child component. {Number} : representing the position of the child component within the items property. For additional information see Ext.util.MixedCollection.get.
-		* @returns Ext.Component The component (if found).
-		*/
-		getComponent?( component?:any ): Ext.IComponent;
-		/** [Method] Returns the value of control
-		* @returns Object
-		*/
-		getControl?(): any;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		getDefaults?(): any;
-		/** [Method] Finds a docked item of this container using a reference idor an index of its location in getDockedItems
-		* @param component String/Number The id or index of the component to find.
-		* @returns Ext.Component/Boolean The docked component, if found.
-		*/
-		getDockedComponent?( component?:any ): any;
-		/** [Method] Returns all the Ext Component docked items in this container
-		* @returns Array The docked items of this container.
-		*/
-		getDockedItems?(): any[];
-		/** [Method] Returns the value of hideOnMaskTap
-		* @returns Boolean
-		*/
-		getHideOnMaskTap?(): boolean;
-		/** [Method] Returns all inner items of this container
-		* @returns Array The inner items of this container.
-		*/
-		getInnerItems?(): any[];
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		getItems?(): any;
-		/** [Method] Returns the value of masked
-		* @returns Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		getMasked?(): any;
-		/** [Method] Returns the value of modal
-		* @returns Boolean
-		*/
-		getModal?(): boolean;
-		/** [Method] Returns an the scrollable instance for this container which is a Ext scroll View class
-		* @returns Ext.scroll.View The scroll view.
-		*/
-		getScrollable?(): Ext.scroll.IView;
-		/** [Method] Adds a child Component at the given index
-		* @param index Number The index to insert the Component at.
-		* @param item Object The Component to insert.
-		*/
-		insert?( index?:number, item?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of true to show the mask
-		* @param mask Object
-		*/
-		mask?( mask?:any ): void;
-		/** [Method] Retrieves all descendant components which match the passed selector
-		* @param selector String Selector complying to an Ext.ComponentQuery selector.
-		* @returns Array Ext.Component's which matched the selector.
-		*/
-		query?( selector?:string ): any[];
-		/** [Method] Removes an item from this Container optionally destroying it
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		remove?( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes all items currently in the Container optionally destroying them all
-		* @param destroy Boolean If true, destroys each removed Component.
-		* @param everything Boolean If true, completely remove all items including docked / centered and floating items.
-		* @returns Ext.Component this
-		*/
-		removeAll?( destroy?:boolean, everything?:boolean ): Ext.IComponent;
-		/** [Method] Removes the Component at the specified index  myContainer removeAt 0 removes the first item
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		removeAt?( index?:number ): Ext.IContainer;
-		/** [Method] Removes a docked item from this Container
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		removeDocked?( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes an inner Component at the specified index  myContainer removeInnerAt 0 removes the first item of the in
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		removeInnerAt?( index?:number ): Ext.IContainer;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		setActiveItem?( activeItem?:any ): void;
-		/** [Method] Sets the value of autoDestroy
-		* @param autoDestroy Boolean
-		*/
-		setAutoDestroy?( autoDestroy?:boolean ): void;
-		/** [Method] Sets the value of control
-		* @param control Object
-		*/
-		setControl?( control?:any ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		setDefaults?( defaults?:any ): void;
-		/** [Method] Sets the value of hideOnMaskTap
-		* @param hideOnMaskTap Boolean
-		*/
-		setHideOnMaskTap?( hideOnMaskTap?:boolean ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object/String
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of masked
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		setMasked?( masked?:any ): void;
-		/** [Method] Sets the value of modal
-		* @param modal Boolean
-		*/
-		setModal?( modal?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean/String/Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of false to hide the mask */
-		unmask?(): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IArrayStore extends Ext.data.IStore {
-		/** [Config Option] (String/Ext.data.proxy.Proxy/Object) */
-		proxy?: any;
-		/** [Method] Returns the value of proxy
-		* @returns Object
-		*/
-		getProxy?(): any;
-		/** [Method] Loads an array of data straight into the Store
-		* @param data Object
-		* @param append Object
-		*/
-		loadData?( data?:any, append?:any ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy Object
-		*/
-		setProxy?( proxy?:any ): void;
-	}
-}
-declare namespace Ext.data.association {
-	export interface IAssociation extends Ext.IBase {
-		/** [Config Option] (String) */
-		associatedModel?: string;
-		/** [Config Option] (String) */
-		associatedName?: string;
-		/** [Config Option] (String) */
-		associationKey?: string;
-		/** [Config Option] (Ext.data.Model/String) */
-		ownerModel?: any;
-		/** [Config Option] (String) */
-		primaryKey?: string;
-		/** [Config Option] (Ext.data.reader.Reader) */
-		reader?: Ext.data.reader.IReader;
-		/** [Config Option] (String) */
-		type?: string;
-		/** [Method] Returns the value of associatedModel
-		* @returns String
-		*/
-		getAssociatedModel?(): string;
-		/** [Method] Returns the value of associatedName
-		* @returns String
-		*/
-		getAssociatedName?(): string;
-		/** [Method] Returns the value of associationKey
-		* @returns String
-		*/
-		getAssociationKey?(): string;
-		/** [Method] Returns the value of name
-		* @returns Object
-		*/
-		getName?(): any;
-		/** [Method] Returns the value of ownerModel
-		* @returns Ext.data.Model/String
-		*/
-		getOwnerModel?(): any;
-		/** [Method] Returns the value of ownerName
-		* @returns String
-		*/
-		getOwnerName?(): string;
-		/** [Method] Returns the value of primaryKey
-		* @returns String
-		*/
-		getPrimaryKey?(): string;
-		/** [Method] Returns the value of reader
-		* @returns Ext.data.reader.Reader
-		*/
-		getReader?(): Ext.data.reader.IReader;
-		/** [Method] Returns the value of type
-		* @returns String
-		*/
-		getType?(): string;
-		/** [Method] Sets the value of associatedModel
-		* @param associatedModel String
-		*/
-		setAssociatedModel?( associatedModel?:string ): void;
-		/** [Method] Sets the value of associatedName
-		* @param associatedName String
-		*/
-		setAssociatedName?( associatedName?:string ): void;
-		/** [Method] Sets the value of associationKey
-		* @param associationKey String
-		*/
-		setAssociationKey?( associationKey?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name Object
-		*/
-		setName?( name?:any ): void;
-		/** [Method] Sets the value of ownerModel
-		* @param ownerModel Ext.data.Model/String
-		*/
-		setOwnerModel?( ownerModel?:any ): void;
-		/** [Method] Sets the value of ownerName
-		* @param ownerName String
-		*/
-		setOwnerName?( ownerName?:string ): void;
-		/** [Method] Sets the value of primaryKey
-		* @param primaryKey String
-		*/
-		setPrimaryKey?( primaryKey?:string ): void;
-		/** [Method] Sets the value of reader
-		* @param reader Ext.data.reader.Reader
-		*/
-		setReader?( reader?:Ext.data.reader.IReader ): void;
-		/** [Method] Sets the value of type
-		* @param type String
-		*/
-		setType?( type?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IAssociation extends Ext.IBase {
-		/** [Config Option] (String) */
-		associatedModel?: string;
-		/** [Config Option] (String) */
-		associatedName?: string;
-		/** [Config Option] (String) */
-		associationKey?: string;
-		/** [Config Option] (Ext.data.Model/String) */
-		ownerModel?: any;
-		/** [Config Option] (String) */
-		primaryKey?: string;
-		/** [Config Option] (Ext.data.reader.Reader) */
-		reader?: Ext.data.reader.IReader;
-		/** [Config Option] (String) */
-		type?: string;
-		/** [Method] Returns the value of associatedModel
-		* @returns String
-		*/
-		getAssociatedModel?(): string;
-		/** [Method] Returns the value of associatedName
-		* @returns String
-		*/
-		getAssociatedName?(): string;
-		/** [Method] Returns the value of associationKey
-		* @returns String
-		*/
-		getAssociationKey?(): string;
-		/** [Method] Returns the value of name
-		* @returns Object
-		*/
-		getName?(): any;
-		/** [Method] Returns the value of ownerModel
-		* @returns Ext.data.Model/String
-		*/
-		getOwnerModel?(): any;
-		/** [Method] Returns the value of ownerName
-		* @returns String
-		*/
-		getOwnerName?(): string;
-		/** [Method] Returns the value of primaryKey
-		* @returns String
-		*/
-		getPrimaryKey?(): string;
-		/** [Method] Returns the value of reader
-		* @returns Ext.data.reader.Reader
-		*/
-		getReader?(): Ext.data.reader.IReader;
-		/** [Method] Returns the value of type
-		* @returns String
-		*/
-		getType?(): string;
-		/** [Method] Sets the value of associatedModel
-		* @param associatedModel String
-		*/
-		setAssociatedModel?( associatedModel?:string ): void;
-		/** [Method] Sets the value of associatedName
-		* @param associatedName String
-		*/
-		setAssociatedName?( associatedName?:string ): void;
-		/** [Method] Sets the value of associationKey
-		* @param associationKey String
-		*/
-		setAssociationKey?( associationKey?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name Object
-		*/
-		setName?( name?:any ): void;
-		/** [Method] Sets the value of ownerModel
-		* @param ownerModel Ext.data.Model/String
-		*/
-		setOwnerModel?( ownerModel?:any ): void;
-		/** [Method] Sets the value of ownerName
-		* @param ownerName String
-		*/
-		setOwnerName?( ownerName?:string ): void;
-		/** [Method] Sets the value of primaryKey
-		* @param primaryKey String
-		*/
-		setPrimaryKey?( primaryKey?:string ): void;
-		/** [Method] Sets the value of reader
-		* @param reader Ext.data.reader.Reader
-		*/
-		setReader?( reader?:Ext.data.reader.IReader ): void;
-		/** [Method] Sets the value of type
-		* @param type String
-		*/
-		setType?( type?:string ): void;
-	}
-}
-declare namespace Ext.data.association {
-	export interface IBelongsTo extends Ext.data.association.IAssociation {
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		getterName?: string;
-		/** [Config Option] (String) */
-		setterName?: string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of getterName
-		* @returns String
-		*/
-		getGetterName?(): string;
-		/** [Method] Returns the value of instanceName
-		* @returns Object
-		*/
-		getInstanceName?(): any;
-		/** [Method] Returns the value of setterName
-		* @returns String
-		*/
-		getSetterName?(): string;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of getterName
-		* @param getterName String
-		*/
-		setGetterName?( getterName?:string ): void;
-		/** [Method] Sets the value of instanceName
-		* @param instanceName Object
-		*/
-		setInstanceName?( instanceName?:any ): void;
-		/** [Method] Sets the value of setterName
-		* @param setterName String
-		*/
-		setSetterName?( setterName?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IBelongsToAssociation extends Ext.data.association.IAssociation {
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		getterName?: string;
-		/** [Config Option] (String) */
-		setterName?: string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of getterName
-		* @returns String
-		*/
-		getGetterName?(): string;
-		/** [Method] Returns the value of instanceName
-		* @returns Object
-		*/
-		getInstanceName?(): any;
-		/** [Method] Returns the value of setterName
-		* @returns String
-		*/
-		getSetterName?(): string;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of getterName
-		* @param getterName String
-		*/
-		setGetterName?( getterName?:string ): void;
-		/** [Method] Sets the value of instanceName
-		* @param instanceName Object
-		*/
-		setInstanceName?( instanceName?:any ): void;
-		/** [Method] Sets the value of setterName
-		* @param setterName String
-		*/
-		setSetterName?( setterName?:string ): void;
-	}
-}
-declare namespace Ext.data.association {
-	export interface IHasMany extends Ext.data.association.IAssociation {
-		/** [Config Option] (Boolean) */
-		autoLoad?: boolean;
-		/** [Config Option] (Boolean) */
-		autoSync?: boolean;
-		/** [Config Option] (String) */
-		filterProperty?: string;
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Object) */
-		store?: any;
-		/** [Config Option] (Object) */
-		storeConfig?: any;
-		/** [Config Option] (String) */
-		storeName?: string;
-		/** [Method] Returns the value of autoLoad
-		* @returns Boolean
-		*/
-		getAutoLoad?(): boolean;
-		/** [Method] Returns the value of autoSync
-		* @returns Boolean
-		*/
-		getAutoSync?(): boolean;
-		/** [Method] Returns the value of filterProperty
-		* @returns String
-		*/
-		getFilterProperty?(): string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of store
-		* @returns Object
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of storeName
-		* @returns String
-		*/
-		getStoreName?(): string;
-		/** [Method] Sets the value of autoLoad
-		* @param autoLoad Boolean
-		*/
-		setAutoLoad?( autoLoad?:boolean ): void;
-		/** [Method] Sets the value of autoSync
-		* @param autoSync Boolean
-		*/
-		setAutoSync?( autoSync?:boolean ): void;
-		/** [Method] Sets the value of filterProperty
-		* @param filterProperty String
-		*/
-		setFilterProperty?( filterProperty?:string ): void;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of store
-		* @param store Object
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of storeName
-		* @param storeName String
-		*/
-		setStoreName?( storeName?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IHasManyAssociation extends Ext.data.association.IAssociation {
-		/** [Config Option] (Boolean) */
-		autoLoad?: boolean;
-		/** [Config Option] (Boolean) */
-		autoSync?: boolean;
-		/** [Config Option] (String) */
-		filterProperty?: string;
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Object) */
-		store?: any;
-		/** [Config Option] (Object) */
-		storeConfig?: any;
-		/** [Config Option] (String) */
-		storeName?: string;
-		/** [Method] Returns the value of autoLoad
-		* @returns Boolean
-		*/
-		getAutoLoad?(): boolean;
-		/** [Method] Returns the value of autoSync
-		* @returns Boolean
-		*/
-		getAutoSync?(): boolean;
-		/** [Method] Returns the value of filterProperty
-		* @returns String
-		*/
-		getFilterProperty?(): string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of store
-		* @returns Object
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of storeName
-		* @returns String
-		*/
-		getStoreName?(): string;
-		/** [Method] Sets the value of autoLoad
-		* @param autoLoad Boolean
-		*/
-		setAutoLoad?( autoLoad?:boolean ): void;
-		/** [Method] Sets the value of autoSync
-		* @param autoSync Boolean
-		*/
-		setAutoSync?( autoSync?:boolean ): void;
-		/** [Method] Sets the value of filterProperty
-		* @param filterProperty String
-		*/
-		setFilterProperty?( filterProperty?:string ): void;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of store
-		* @param store Object
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of storeName
-		* @param storeName String
-		*/
-		setStoreName?( storeName?:string ): void;
-	}
-}
-declare namespace Ext.data.association {
-	export interface IHasOne extends Ext.data.association.IAssociation {
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		getterName?: string;
-		/** [Config Option] (String) */
-		setterName?: string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of getterName
-		* @returns String
-		*/
-		getGetterName?(): string;
-		/** [Method] Returns the value of instanceName
-		* @returns Object
-		*/
-		getInstanceName?(): any;
-		/** [Method] Returns the value of setterName
-		* @returns String
-		*/
-		getSetterName?(): string;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of getterName
-		* @param getterName String
-		*/
-		setGetterName?( getterName?:string ): void;
-		/** [Method] Sets the value of instanceName
-		* @param instanceName Object
-		*/
-		setInstanceName?( instanceName?:any ): void;
-		/** [Method] Sets the value of setterName
-		* @param setterName String
-		*/
-		setSetterName?( setterName?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IHasOneAssociation extends Ext.data.association.IAssociation {
-		/** [Config Option] (String) */
-		foreignKey?: string;
-		/** [Config Option] (String) */
-		getterName?: string;
-		/** [Config Option] (String) */
-		setterName?: string;
-		/** [Method] Returns the value of foreignKey
-		* @returns String
-		*/
-		getForeignKey?(): string;
-		/** [Method] Returns the value of getterName
-		* @returns String
-		*/
-		getGetterName?(): string;
-		/** [Method] Returns the value of instanceName
-		* @returns Object
-		*/
-		getInstanceName?(): any;
-		/** [Method] Returns the value of setterName
-		* @returns String
-		*/
-		getSetterName?(): string;
-		/** [Method] Sets the value of foreignKey
-		* @param foreignKey String
-		*/
-		setForeignKey?( foreignKey?:string ): void;
-		/** [Method] Sets the value of getterName
-		* @param getterName String
-		*/
-		setGetterName?( getterName?:string ): void;
-		/** [Method] Sets the value of instanceName
-		* @param instanceName Object
-		*/
-		setInstanceName?( instanceName?:any ): void;
-		/** [Method] Sets the value of setterName
-		* @param setterName String
-		*/
-		setSetterName?( setterName?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IBatch extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Boolean) */
-		autoStart?: boolean;
-		/** [Config Option] (Boolean) */
-		pauseOnException?: boolean;
-		/** [Config Option] (Ext.data.Proxy) */
-		proxy?: Ext.data.IProxy;
-		/** [Property] (Number) */
-		current?: number;
-		/** [Property] (Boolean) */
-		hasException?: boolean;
-		/** [Property] (Boolean) */
-		isComplete?: boolean;
-		/** [Property] (Boolean) */
-		isRunning?: boolean;
-		/** [Property] (Ext.data.Operation[]) */
-		operations?: Ext.data.IOperation[];
-		/** [Property] (Number) */
-		total?: number;
-		/** [Method] Adds a new operation to this batch
-		* @param operation Object The Operation object.
-		*/
-		add?( operation?:any ): void;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of autoStart
-		* @returns Boolean
-		*/
-		getAutoStart?(): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of pauseOnException
-		* @returns Boolean
-		*/
-		getPauseOnException?(): boolean;
-		/** [Method] Returns the value of proxy
-		* @returns Ext.data.Proxy
-		*/
-		getProxy?(): Ext.data.IProxy;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Pauses execution of the batch but does not cancel the current operation  */
-		pause?(): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Executes a operation by its numeric index
-		* @param index Number The operation index to run.
-		*/
-		runOperation?( index?:number ): void;
-		/** [Method] Sets the value of autoStart
-		* @param autoStart Boolean
-		*/
-		setAutoStart?( autoStart?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of pauseOnException
-		* @param pauseOnException Boolean
-		*/
-		setPauseOnException?( pauseOnException?:boolean ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy Ext.data.Proxy
-		*/
-		setProxy?( proxy?:Ext.data.IProxy ): void;
-		/** [Method] Kicks off the execution of the batch continuing from the next operation if the previous operation encountered an exc  */
-		start?(): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IConnection extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Object) */
-		defaultHeaders?: any;
-		/** [Config Option] (String) */
-		defaultXhrHeader?: string;
-		/** [Config Option] (Boolean) */
-		disableCaching?: boolean;
-		/** [Config Option] (String) */
-		disableCachingParam?: string;
-		/** [Config Option] (Object) */
-		extraParams?: any;
-		/** [Config Option] (String) */
-		method?: string;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Config Option] (Boolean) */
-		useDefaultXhrHeader?: boolean;
-		/** [Method] Aborts any outstanding request
-		* @param request Object Defaults to the last request.
-		*/
-		abort?( request?:any ): void;
-		/** [Method] Aborts all outstanding requests  */
-		abortAll?(): void;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of async
-		* @returns Boolean
-		*/
-		getAsync?(): boolean;
-		/** [Method] Returns the value of autoAbort
-		* @returns Boolean
-		*/
-		getAutoAbort?(): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of defaultHeaders
-		* @returns Object
-		*/
-		getDefaultHeaders?(): any;
-		/** [Method] Returns the value of defaultPostHeader
-		* @returns String
-		*/
-		getDefaultPostHeader?(): string;
-		/** [Method] Returns the value of defaultXhrHeader
-		* @returns String
-		*/
-		getDefaultXhrHeader?(): string;
-		/** [Method] Returns the value of disableCaching
-		* @returns Boolean
-		*/
-		getDisableCaching?(): boolean;
-		/** [Method] Returns the value of disableCachingParam
-		* @returns String
-		*/
-		getDisableCachingParam?(): string;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		getExtraParams?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of method
-		* @returns String
-		*/
-		getMethod?(): string;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		getPassword?(): string;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns the value of useDefaultHeader
-		* @returns Boolean
-		*/
-		getUseDefaultHeader?(): boolean;
-		/** [Method] Returns the value of useDefaultXhrHeader
-		* @returns Boolean
-		*/
-		getUseDefaultXhrHeader?(): boolean;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		getUsername?(): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Determines whether this object has a request outstanding
-		* @param request Object The request to check.
-		* @returns Boolean True if there is an outstanding request.
-		*/
-		isLoading?( request?:any ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Checks if the response status was successful
-		* @param status Number The status code.
-		* @param xhr Object
-		* @returns Object An object containing success/status state.
-		*/
-		parseStatus?( status?:number, xhr?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Sends an HTTP request to a remote server
-		* @param options Object An object which may contain the following properties: (The options object may also contain any other property which might be needed to perform post-processing in a callback because it is passed to callback functions.)
-		* @returns Object/null The request object. This may be used to cancel the request.
-		*/
-		request?( options?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of async
-		* @param async Boolean
-		*/
-		setAsync?( async?:boolean ): void;
-		/** [Method] Sets the value of autoAbort
-		* @param autoAbort Boolean
-		*/
-		setAutoAbort?( autoAbort?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of defaultHeaders
-		* @param defaultHeaders Object
-		*/
-		setDefaultHeaders?( defaultHeaders?:any ): void;
-		/** [Method] Sets the value of defaultPostHeader
-		* @param defaultPostHeader String
-		*/
-		setDefaultPostHeader?( defaultPostHeader?:string ): void;
-		/** [Method] Sets the value of defaultXhrHeader
-		* @param defaultXhrHeader String
-		*/
-		setDefaultXhrHeader?( defaultXhrHeader?:string ): void;
-		/** [Method] Sets the value of disableCaching
-		* @param disableCaching Boolean
-		*/
-		setDisableCaching?( disableCaching?:boolean ): void;
-		/** [Method] Sets the value of disableCachingParam
-		* @param disableCachingParam String
-		*/
-		setDisableCachingParam?( disableCachingParam?:string ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		setExtraParams?( extraParams?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method String
-		*/
-		setMethod?( method?:string ): void;
-		/** [Method] Sets various options such as the url params for the request
-		* @param options Object The initial options.
-		* @param scope Object The scope to execute in.
-		* @returns Object The params for the request.
-		*/
-		setOptions?( options?:any, scope?:any ): any;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		setPassword?( password?:string ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Sets the value of useDefaultHeader
-		* @param useDefaultHeader Boolean
-		*/
-		setUseDefaultHeader?( useDefaultHeader?:boolean ): void;
-		/** [Method] Sets the value of useDefaultXhrHeader
-		* @param useDefaultXhrHeader Boolean
-		*/
-		setUseDefaultXhrHeader?( useDefaultXhrHeader?:boolean ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		setUsername?( username?:string ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Uploads a form using a hidden iframe
-		* @param form String/HTMLElement/Ext.Element The form to upload.
-		* @param url String The url to post to.
-		* @param params String Any extra parameters to pass.
-		* @param options Object The initial options.
-		*/
-		upload?( form?:any, url?:string, params?:string, options?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IDirectStore extends Ext.data.IStore {
-		/** [Config Option] (String/Ext.data.proxy.Proxy/Object) */
-		proxy?: any;
-		/** [Method] Returns the value of proxy
-		* @returns Object
-		*/
-		getProxy?(): any;
-		/** [Method] Sets the value of proxy
-		* @param proxy Object
-		*/
-		setProxy?( proxy?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IError extends Ext.IBase {
-		/** [Config Option] (String) */
-		field?: string;
-		/** [Config Option] (String) */
-		message?: string;
-		/** [Method] Returns the value of field
-		* @returns String
-		*/
-		getField?(): string;
-		/** [Method] Returns the value of message
-		* @returns String
-		*/
-		getMessage?(): string;
-		/** [Method] Sets the value of field
-		* @param field String
-		*/
-		setField?( field?:string ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		setMessage?( message?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IErrors extends Ext.util.ICollection {
-		/** [Method] Adds an item to the collection
-		* @returns Object The item added.
-		*/
-		add?(): any;
-		/** [Method] Returns all of the errors for the given field
-		* @param fieldName String The field to get errors for.
-		* @returns Object[] All errors for the given field.
-		*/
-		getByField?( fieldName?:string ): any[];
-		/** [Method] Returns true if there are no errors in the collection
-		* @returns Boolean
-		*/
-		isValid?(): boolean;
-	}
-}
-declare namespace Ext.data {
-	export interface IField extends Ext.IBase {
-		/** [Config Option] (Boolean) */
-		allowNull?: boolean;
-		/** [Config Option] (Function) */
-		convert?: any;
-		/** [Config Option] (String) */
-		dateFormat?: string;
-		/** [Config Option] (Object) */
-		defaultValue?: any;
-		/** [Config Option] (String/Number) */
-		mapping?: any;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Boolean) */
-		persist?: boolean;
-		/** [Config Option] (String) */
-		sortDir?: string;
-		/** [Config Option] (Function) */
-		sortType?: any;
-		/** [Config Option] (String/Object) */
-		type?: any;
-		/** [Config Option] (Boolean) */
-		useNull?: boolean;
-		/** [Method] Returns the value of allowNull
-		* @returns Boolean
-		*/
-		getAllowNull?(): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String
-		*/
-		getBubbleEvents?(): string;
-		/** [Method] Returns the value of convert
-		* @returns Function
-		*/
-		getConvert?(): any;
-		/** [Method] Returns the value of dateFormat
-		* @returns String
-		*/
-		getDateFormat?(): string;
-		/** [Method] Returns the value of decode
-		* @returns Object
-		*/
-		getDecode?(): any;
-		/** [Method] Returns the value of defaultValue
-		* @returns Object
-		*/
-		getDefaultValue?(): any;
-		/** [Method] Returns the value of encode
-		* @returns Object
-		*/
-		getEncode?(): any;
-		/** [Method] Returns the value of mapping
-		* @returns String/Number
-		*/
-		getMapping?(): any;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of persist
-		* @returns Boolean
-		*/
-		getPersist?(): boolean;
-		/** [Method] Returns the value of sortDir
-		* @returns String
-		*/
-		getSortDir?(): string;
-		/** [Method] Returns the value of sortType
-		* @returns Function
-		*/
-		getSortType?(): any;
-		/** [Method] Returns the value of type
-		* @returns String/Object
-		*/
-		getType?(): any;
-		/** [Method] Sets the value of allowNull
-		* @param allowNull Boolean
-		*/
-		setAllowNull?( allowNull?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String
-		*/
-		setBubbleEvents?( bubbleEvents?:string ): void;
-		/** [Method] Sets the value of convert
-		* @param convert Function
-		*/
-		setConvert?( convert?:any ): void;
-		/** [Method] Sets the value of dateFormat
-		* @param dateFormat String
-		*/
-		setDateFormat?( dateFormat?:string ): void;
-		/** [Method] Sets the value of decode
-		* @param decode Object
-		*/
-		setDecode?( decode?:any ): void;
-		/** [Method] Sets the value of defaultValue
-		* @param defaultValue Object
-		*/
-		setDefaultValue?( defaultValue?:any ): void;
-		/** [Method] Sets the value of encode
-		* @param encode Object
-		*/
-		setEncode?( encode?:any ): void;
-		/** [Method] Sets the value of mapping
-		* @param mapping String/Number
-		*/
-		setMapping?( mapping?:any ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of persist
-		* @param persist Boolean
-		*/
-		setPersist?( persist?:boolean ): void;
-		/** [Method] Sets the value of sortDir
-		* @param sortDir String
-		*/
-		setSortDir?( sortDir?:string ): void;
-		/** [Method] Sets the value of sortType
-		* @param sortType Function
-		*/
-		setSortType?( sortType?:any ): void;
-		/** [Method] Sets the value of type
-		* @param type String/Object
-		*/
-		setType?( type?:any ): void;
-	}
-}
-declare namespace Ext.data.identifier {
-	export interface ISequential extends Ext.data.identifier.ISimple {
-		/** [Config Option] (String) */
-		prefix?: string;
-		/** [Config Option] (Number) */
-		seed?: number;
-		/** [Method] Returns the value of prefix
-		* @returns String
-		*/
-		getPrefix?(): string;
-		/** [Method] Returns the value of seed
-		* @returns Number
-		*/
-		getSeed?(): number;
-		/** [Method] Sets the value of prefix
-		* @param prefix String
-		*/
-		setPrefix?( prefix?:string ): void;
-		/** [Method] Sets the value of seed
-		* @param seed Number
-		*/
-		setSeed?( seed?:number ): void;
-	}
-}
-declare namespace Ext.data.identifier {
-	export interface ISimple extends Ext.IBase {
-		/** [Method] Returns the value of prefix
-		* @returns String
-		*/
-		getPrefix?(): string;
-		/** [Method] Sets the value of prefix
-		* @param prefix String
-		*/
-		setPrefix?( prefix?:string ): void;
-	}
-}
-declare namespace Ext.data.identifier {
-	export interface IUuid extends Ext.data.identifier.ISimple {
-		/** [Config Option] (Object) */
-		id?: any;
-		/** [Config Option] (Number) */
-		version?: number;
-		/** [Property] (Number/Object) */
-		salt?: any;
-		/** [Property] (Number/Object) */
-		timestamp?: any;
-		/** [Method] Returns the value of id
-		* @returns Object
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of version
-		* @returns Number
-		*/
-		getVersion?(): number;
-		/** [Method] Reconfigures this generator given new config properties
-		* @param config Object
-		*/
-		reconfigure?( config?:any ): void;
-		/** [Method] Sets the value of id
-		* @param id Object
-		*/
-		setId?( id?:any ): void;
-		/** [Method] Sets the value of version
-		* @param version Number
-		*/
-		setVersion?( version?:number ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IJsonP extends Ext.IBase {
-	}
-	export class JsonP {
-		/** [Property] (String) */
-		static callbackKey: string;
-		/** [Property] (Boolean) */
-		static disableCaching: boolean;
-		/** [Property] (String) */
-		static disableCachingParam: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Number) */
-		static timeout: number;
-		/** [Method] Abort a request
-		* @param request Object/String The request to abort.
-		*/
-		static abort( request?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Makes a JSONP request
-		* @param options Object An object which may contain the following properties. Note that options will take priority over any defaults that are specified in the class.
-		* @returns Object request An object containing the request details.
-		*/
-		static request( options?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.util {
-	export interface IJSONP extends Ext.IBase {
-	}
-	export class JSONP {
-		/** [Property] (String) */
-		static callbackKey: string;
-		/** [Property] (Boolean) */
-		static disableCaching: boolean;
-		/** [Property] (String) */
-		static disableCachingParam: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Number) */
-		static timeout: number;
-		/** [Method] Abort a request
-		* @param request Object/String The request to abort.
-		*/
-		static abort( request?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Makes a JSONP request
-		* @param options Object An object which may contain the following properties. Note that options will take priority over any defaults that are specified in the class.
-		* @returns Object request An object containing the request details.
-		*/
-		static request( options?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.data {
-	export interface IJsonStore extends Ext.data.IStore {
-		/** [Config Option] (String/Ext.data.proxy.Proxy/Object) */
-		proxy?: any;
-		/** [Method] Returns the value of proxy
-		* @returns Object
-		*/
-		getProxy?(): any;
-		/** [Method] Sets the value of proxy
-		* @param proxy Object
-		*/
-		setProxy?( proxy?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IModel extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Object[]) */
-		associations?: any[];
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		belongsTo?: any;
-		/** [Config Option] (String) */
-		clientIdProperty?: string;
-		/** [Config Option] (Object[]/String[]) */
-		fields?: any;
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		hasMany?: any;
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		hasOne?: any;
-		/** [Config Option] (String) */
-		idProperty?: string;
-		/** [Config Option] (Object/String) */
-		identifier?: any;
-		/** [Config Option] (Object/Ext.data.Proxy) */
-		proxy?: any;
-		/** [Config Option] (Boolean) */
-		useCache?: boolean;
-		/** [Config Option] (Object[]) */
-		validations?: any[];
-		/** [Property] (Boolean) */
-		dirty?: boolean;
-		/** [Property] (Boolean) */
-		editing?: boolean;
-		/** [Property] (Object) */
-		modified?: any;
-		/** [Property] (Boolean) */
-		phantom?: boolean;
-		/** [Property] (Object) */
-		raw?: any;
-		/** [Property] (Array) */
-		stores?: any[];
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Begins an edit  */
-		beginEdit?(): void;
-		/** [Method] Cancels all changes made in the current edit operation  */
-		cancelEdit?(): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Usually called by the Ext data Store which owns the model instance
-		* @param silent Boolean true to skip notification of the owning store of the change.
-		*/
-		commit?( silent?:boolean ): void;
-		/** [Method] Creates a copy clone of this Model instance
-		* @param id String A new id. If you don't specify this a new id will be generated for you. To generate a phantom instance with a new id use: var rec = record.copy(); // clone the record with a new id
-		* @returns Ext.data.Model
-		*/
-		copy?( id?:string ): Ext.data.IModel;
-		/** [Method] Destroys this model instance  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Ends an edit
-		* @param silent Boolean true to not notify the store of the change.
-		* @param modifiedFieldNames String[] Array of field names changed during edit.
-		*/
-		endEdit?( silent?:boolean, modifiedFieldNames?:string[] ): void;
-		/** [Method] Destroys the record using the configured proxy
-		* @param options Object/Function Options to pass to the proxy. Config object for Ext.data.Operation. If you pass a function, this will automatically become the callback method. For convenience the config object may also contain success and failure methods in addition to callback - they will all be invoked with the Model and Operation as arguments.
-		* @param scope Object The scope to run your callback method in. This is only used if you passed a function as the first argument.
-		* @returns Ext.data.Model The Model instance.
-		*/
-		erase?( options?:any, scope?:any ): Ext.data.IModel;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of the given field
-		* @param fieldName String The field to fetch the value for.
-		* @returns Object The value.
-		*/
-		get?( fieldName?:string ): any;
-		/** [Method] Gets all of the data from this Models loaded associations
-		* @returns Object The nested data set for the Model's loaded associations.
-		*/
-		getAssociatedData?(): any;
-		/** [Method] Returns the value of associations
-		* @returns Object[]
-		*/
-		getAssociations?(): any[];
-		/** [Method] Returns the value of belongsTo
-		* @returns String/Object/String[]/Object[]
-		*/
-		getBelongsTo?(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Gets a hash of only the fields that have been modified since this Model was created or committed
-		* @returns Object
-		*/
-		getChanges?(): any;
-		/** [Method] Returns the value of clientIdProperty
-		* @returns String
-		*/
-		getClientIdProperty?(): string;
-		/** [Method] Returns an object containing the data set on this record
-		* @param includeAssociated Boolean true to include the associated data.
-		* @returns Object The data.
-		*/
-		getData?( includeAssociated?:boolean ): any;
-		/** [Method] Returns the value of fields
-		* @returns Object[]/String[]
-		*/
-		getFields?(): any;
-		/** [Method] Returns the value of hasMany
-		* @returns String/Object/String[]/Object[]
-		*/
-		getHasMany?(): any;
-		/** [Method] Returns the value of hasOne
-		* @returns String/Object/String[]/Object[]
-		*/
-		getHasOne?(): any;
-		/** [Method] Returns the unique ID allocated to this model instance as defined by idProperty
-		* @returns Number/String The id.
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of idProperty
-		* @returns String
-		*/
-		getIdProperty?(): string;
-		/** [Method] Returns the value of identifier
-		* @returns Object/String
-		*/
-		getIdentifier?(): any;
-		/** [Method] Returns true if the record has been erased on the server  */
-		getIsErased?(): void;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of proxy
-		* @returns Object/Ext.data.Proxy
-		*/
-		getProxy?(): any;
-		/** [Method] Returns the value of useCache
-		* @returns Boolean
-		*/
-		getUseCache?(): boolean;
-		/** [Method] Returns the value of validations
-		* @returns Object[]
-		*/
-		getValidations?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Returns true if the passed field name has been modified since the load or last commit
-		* @param fieldName String Ext.data.Field.name
-		* @returns Boolean
-		*/
-		isModified?( fieldName?:string ): boolean;
-		/** [Method] Checks if the model is valid
-		* @returns Boolean true if the model is valid.
-		*/
-		isValid?(): boolean;
-		/** [Method] By joining this model to an instance of a class this model will automatically try to call certain template methods o
-		* @param store Ext.data.Store The store to which this model has been added.
-		*/
-		join?( store?:Ext.data.IStore ): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Usually called by the Ext data Store to which this model instance has been joined
-		* @param silent Boolean true to skip notification of the owning store of the change.
-		*/
-		reject?( silent?:boolean ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Saves the model instance using the configured proxy
-		* @param options Object/Function Options to pass to the proxy. Config object for Ext.data.Operation. If you pass a function, this will automatically become the callback method. For convenience the config object may also contain success and failure methods in addition to callback - they will all be invoked with the Model and Operation as arguments.
-		* @param scope Object The scope to run your callback method in. This is only used if you passed a function as the first argument.
-		* @returns Ext.data.Model The Model instance
-		*/
-		save?( options?:any, scope?:any ): Ext.data.IModel;
-		/** [Method] Sets the given field to the given value marks the instance as dirty
-		* @param fieldName String/Object The field to set, or an object containing key/value pairs.
-		* @param value Object The value to set.
-		*/
-		set?( fieldName?:any, value?:any ): void;
-		/** [Method] Sets the value of associations
-		* @param associations Object[]
-		*/
-		setAssociations?( associations?:any[] ): void;
-		/** [Method] Sets the value of belongsTo
-		* @param belongsTo String/Object/String[]/Object[]
-		*/
-		setBelongsTo?( belongsTo?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of clientIdProperty
-		* @param clientIdProperty String
-		*/
-		setClientIdProperty?( clientIdProperty?:string ): void;
-		/** [Method] This sets the data directly without converting and applying default values
-		* @param data Object
-		* @returns Ext.data.Model This Record.
-		*/
-		setConvertedData?( data?:any ): Ext.data.IModel;
-		/** [Method] This method is used to set the data for this Record instance
-		* @param rawData Object
-		* @returns Ext.data.Model This record.
-		*/
-		setData?( rawData?:any ): Ext.data.IModel;
-		/** [Method] Marks this Record as dirty  */
-		setDirty?(): void;
-		/** [Method] Updates the collection of Fields that all instances of this Model use
-		* @param fields Array
-		* @returns any
-		*/
-		setFields?( fields?:any[] ): any;
-		/** [Method] Sets the value of hasMany
-		* @param hasMany String/Object/String[]/Object[]
-		*/
-		setHasMany?( hasMany?:any ): void;
-		/** [Method] Sets the value of hasOne
-		* @param hasOne String/Object/String[]/Object[]
-		*/
-		setHasOne?( hasOne?:any ): void;
-		/** [Method] Sets the model instance s id field to the given id
-		* @param id Number/String The new id
-		*/
-		setId?( id?:any ): void;
-		/** [Method] Sets the value of idProperty
-		* @param idProperty String
-		*/
-		setIdProperty?( idProperty?:string ): void;
-		/** [Method] Sets the value of identifier
-		* @param identifier Object/String
-		*/
-		setIdentifier?( identifier?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy Object/Ext.data.Proxy
-		*/
-		setProxy?( proxy?:any ): void;
-		/** [Method] Sets the value of useCache
-		* @param useCache Boolean
-		*/
-		setUseCache?( useCache?:boolean ): void;
-		/** [Method] Sets the value of validations
-		* @param validations Object[]
-		*/
-		setValidations?( validations?:any[] ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Returns a url suitable string for this model instance
-		* @returns String The url string for this model instance.
-		*/
-		toUrl?(): string;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] This un joins this record from an instance of a class
-		* @param store Ext.data.Store The store from which this model has been removed.
-		*/
-		unjoin?( store?:Ext.data.IStore ): void;
-		/** [Method] Validates the current data against all of its configured validations
-		* @returns Ext.data.Errors The errors object.
-		*/
-		validate?(): Ext.data.IErrors;
-	}
-	export class Model {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Asynchronously loads a model instance by id
-		* @param id Number The id of the model to load
-		* @param config Object Config object containing fields:
-		* @param scope Object Same as config.scope.
-		*/
-		static load( id?:number, config?:any, scope?:any ): void;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.data {
-	export interface IRecord extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Object[]) */
-		associations?: any[];
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		belongsTo?: any;
-		/** [Config Option] (String) */
-		clientIdProperty?: string;
-		/** [Config Option] (Object[]/String[]) */
-		fields?: any;
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		hasMany?: any;
-		/** [Config Option] (String/Object/String[]/Object[]) */
-		hasOne?: any;
-		/** [Config Option] (String) */
-		idProperty?: string;
-		/** [Config Option] (Object/String) */
-		identifier?: any;
-		/** [Config Option] (Object/Ext.data.Proxy) */
-		proxy?: any;
-		/** [Config Option] (Boolean) */
-		useCache?: boolean;
-		/** [Config Option] (Object[]) */
-		validations?: any[];
-		/** [Property] (Boolean) */
-		dirty?: boolean;
-		/** [Property] (Boolean) */
-		editing?: boolean;
-		/** [Property] (Object) */
-		modified?: any;
-		/** [Property] (Boolean) */
-		phantom?: boolean;
-		/** [Property] (Object) */
-		raw?: any;
-		/** [Property] (Array) */
-		stores?: any[];
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Begins an edit  */
-		beginEdit?(): void;
-		/** [Method] Cancels all changes made in the current edit operation  */
-		cancelEdit?(): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Usually called by the Ext data Store which owns the model instance
-		* @param silent Boolean true to skip notification of the owning store of the change.
-		*/
-		commit?( silent?:boolean ): void;
-		/** [Method] Creates a copy clone of this Model instance
-		* @param id String A new id. If you don't specify this a new id will be generated for you. To generate a phantom instance with a new id use: var rec = record.copy(); // clone the record with a new id
-		* @returns Ext.data.Model
-		*/
-		copy?( id?:string ): Ext.data.IModel;
-		/** [Method] Destroys this model instance  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Ends an edit
-		* @param silent Boolean true to not notify the store of the change.
-		* @param modifiedFieldNames String[] Array of field names changed during edit.
-		*/
-		endEdit?( silent?:boolean, modifiedFieldNames?:string[] ): void;
-		/** [Method] Destroys the record using the configured proxy
-		* @param options Object/Function Options to pass to the proxy. Config object for Ext.data.Operation. If you pass a function, this will automatically become the callback method. For convenience the config object may also contain success and failure methods in addition to callback - they will all be invoked with the Model and Operation as arguments.
-		* @param scope Object The scope to run your callback method in. This is only used if you passed a function as the first argument.
-		* @returns Ext.data.Model The Model instance.
-		*/
-		erase?( options?:any, scope?:any ): Ext.data.IModel;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of the given field
-		* @param fieldName String The field to fetch the value for.
-		* @returns Object The value.
-		*/
-		get?( fieldName?:string ): any;
-		/** [Method] Gets all of the data from this Models loaded associations
-		* @returns Object The nested data set for the Model's loaded associations.
-		*/
-		getAssociatedData?(): any;
-		/** [Method] Returns the value of associations
-		* @returns Object[]
-		*/
-		getAssociations?(): any[];
-		/** [Method] Returns the value of belongsTo
-		* @returns String/Object/String[]/Object[]
-		*/
-		getBelongsTo?(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Gets a hash of only the fields that have been modified since this Model was created or committed
-		* @returns Object
-		*/
-		getChanges?(): any;
-		/** [Method] Returns the value of clientIdProperty
-		* @returns String
-		*/
-		getClientIdProperty?(): string;
-		/** [Method] Returns an object containing the data set on this record
-		* @param includeAssociated Boolean true to include the associated data.
-		* @returns Object The data.
-		*/
-		getData?( includeAssociated?:boolean ): any;
-		/** [Method] Returns the value of fields
-		* @returns Object[]/String[]
-		*/
-		getFields?(): any;
-		/** [Method] Returns the value of hasMany
-		* @returns String/Object/String[]/Object[]
-		*/
-		getHasMany?(): any;
-		/** [Method] Returns the value of hasOne
-		* @returns String/Object/String[]/Object[]
-		*/
-		getHasOne?(): any;
-		/** [Method] Returns the unique ID allocated to this model instance as defined by idProperty
-		* @returns Number/String The id.
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of idProperty
-		* @returns String
-		*/
-		getIdProperty?(): string;
-		/** [Method] Returns the value of identifier
-		* @returns Object/String
-		*/
-		getIdentifier?(): any;
-		/** [Method] Returns true if the record has been erased on the server  */
-		getIsErased?(): void;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of proxy
-		* @returns Object/Ext.data.Proxy
-		*/
-		getProxy?(): any;
-		/** [Method] Returns the value of useCache
-		* @returns Boolean
-		*/
-		getUseCache?(): boolean;
-		/** [Method] Returns the value of validations
-		* @returns Object[]
-		*/
-		getValidations?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Returns true if the passed field name has been modified since the load or last commit
-		* @param fieldName String Ext.data.Field.name
-		* @returns Boolean
-		*/
-		isModified?( fieldName?:string ): boolean;
-		/** [Method] Checks if the model is valid
-		* @returns Boolean true if the model is valid.
-		*/
-		isValid?(): boolean;
-		/** [Method] By joining this model to an instance of a class this model will automatically try to call certain template methods o
-		* @param store Ext.data.Store The store to which this model has been added.
-		*/
-		join?( store?:Ext.data.IStore ): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Usually called by the Ext data Store to which this model instance has been joined
-		* @param silent Boolean true to skip notification of the owning store of the change.
-		*/
-		reject?( silent?:boolean ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Saves the model instance using the configured proxy
-		* @param options Object/Function Options to pass to the proxy. Config object for Ext.data.Operation. If you pass a function, this will automatically become the callback method. For convenience the config object may also contain success and failure methods in addition to callback - they will all be invoked with the Model and Operation as arguments.
-		* @param scope Object The scope to run your callback method in. This is only used if you passed a function as the first argument.
-		* @returns Ext.data.Model The Model instance
-		*/
-		save?( options?:any, scope?:any ): Ext.data.IModel;
-		/** [Method] Sets the given field to the given value marks the instance as dirty
-		* @param fieldName String/Object The field to set, or an object containing key/value pairs.
-		* @param value Object The value to set.
-		*/
-		set?( fieldName?:any, value?:any ): void;
-		/** [Method] Sets the value of associations
-		* @param associations Object[]
-		*/
-		setAssociations?( associations?:any[] ): void;
-		/** [Method] Sets the value of belongsTo
-		* @param belongsTo String/Object/String[]/Object[]
-		*/
-		setBelongsTo?( belongsTo?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of clientIdProperty
-		* @param clientIdProperty String
-		*/
-		setClientIdProperty?( clientIdProperty?:string ): void;
-		/** [Method] This sets the data directly without converting and applying default values
-		* @param data Object
-		* @returns Ext.data.Model This Record.
-		*/
-		setConvertedData?( data?:any ): Ext.data.IModel;
-		/** [Method] This method is used to set the data for this Record instance
-		* @param rawData Object
-		* @returns Ext.data.Model This record.
-		*/
-		setData?( rawData?:any ): Ext.data.IModel;
-		/** [Method] Marks this Record as dirty  */
-		setDirty?(): void;
-		/** [Method] Updates the collection of Fields that all instances of this Model use
-		* @param fields Array
-		* @returns any
-		*/
-		setFields?( fields?:any[] ): any;
-		/** [Method] Sets the value of hasMany
-		* @param hasMany String/Object/String[]/Object[]
-		*/
-		setHasMany?( hasMany?:any ): void;
-		/** [Method] Sets the value of hasOne
-		* @param hasOne String/Object/String[]/Object[]
-		*/
-		setHasOne?( hasOne?:any ): void;
-		/** [Method] Sets the model instance s id field to the given id
-		* @param id Number/String The new id
-		*/
-		setId?( id?:any ): void;
-		/** [Method] Sets the value of idProperty
-		* @param idProperty String
-		*/
-		setIdProperty?( idProperty?:string ): void;
-		/** [Method] Sets the value of identifier
-		* @param identifier Object/String
-		*/
-		setIdentifier?( identifier?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy Object/Ext.data.Proxy
-		*/
-		setProxy?( proxy?:any ): void;
-		/** [Method] Sets the value of useCache
-		* @param useCache Boolean
-		*/
-		setUseCache?( useCache?:boolean ): void;
-		/** [Method] Sets the value of validations
-		* @param validations Object[]
-		*/
-		setValidations?( validations?:any[] ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Returns a url suitable string for this model instance
-		* @returns String The url string for this model instance.
-		*/
-		toUrl?(): string;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] This un joins this record from an instance of a class
-		* @param store Ext.data.Store The store from which this model has been removed.
-		*/
-		unjoin?( store?:Ext.data.IStore ): void;
-		/** [Method] Validates the current data against all of its configured validations
-		* @returns Ext.data.Errors The errors object.
-		*/
-		validate?(): Ext.data.IErrors;
-	}
-	export class Record {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Asynchronously loads a model instance by id
-		* @param id Number The id of the model to load
-		* @param config Object Config object containing fields:
-		* @param scope Object Same as config.scope.
-		*/
-		static load( id?:number, config?:any, scope?:any ): void;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.data {
-	export interface IModelManager extends Ext.IAbstractManager {
-	}
-	export class ModelManager {
-		/** [Property] (Ext.util.HashMap) */
-		static all: Ext.util.IHashMap;
-		/** [Property] (Object) */
-		static associationStack: any;
-		/** [Property] (Object) */
-		static defaultProxyType: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Creates a new instance of a Model using the given data
-		* @param data Object Data to initialize the Model's fields with.
-		* @param name String The name of the model to create.
-		* @param id Number Unique id of the Model instance (see Ext.data.Model).
-		* @returns Object
-		*/
-		static create( data?:any, name?:string, id?:number ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for each item in the collection
-		* @param fn Function The function to execute.
-		* @param scope Object The scope to execute in.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, undefined if not found.
-		*/
-		static get( id?:string ): any;
-		/** [Method] Gets the number of items in the collection
-		* @returns Number The number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the Ext data Model for a given model name
-		* @param id String/Object The id of the model or the model instance.
-		* @returns Ext.data.Model A model class.
-		*/
-		static getModel( id?:any ): Ext.data.IModel;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Checks if an item type is registered
-		* @param type String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		static isRegistered( type?:string ): boolean;
-		/** [Method] Registers a function that will be called when an item with the specified id is added to the manager
-		* @param id String The item id.
-		* @param fn Function The callback function. Called with a single parameter, the item.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to the item.
-		*/
-		static onAvailable( id?:string, fn?:any, scope?:any ): void;
-		/** [Method] Registers an item to be managed
-		* @param item Object The item to register.
-		*/
-		static register( item?:any ): void;
-		/** [Method] Registers a model definition
-		* @param name Object
-		* @param config Object
-		* @returns Object
-		*/
-		static registerType( name?:any, config?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param item Object The item to unregister.
-		*/
-		static unregister( item?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IModelMgr extends Ext.IAbstractManager {
-	}
-	export class ModelMgr {
-		/** [Property] (Ext.util.HashMap) */
-		static all: Ext.util.IHashMap;
-		/** [Property] (Object) */
-		static associationStack: any;
-		/** [Property] (Object) */
-		static defaultProxyType: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Creates a new instance of a Model using the given data
-		* @param data Object Data to initialize the Model's fields with.
-		* @param name String The name of the model to create.
-		* @param id Number Unique id of the Model instance (see Ext.data.Model).
-		* @returns Object
-		*/
-		static create( data?:any, name?:string, id?:number ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for each item in the collection
-		* @param fn Function The function to execute.
-		* @param scope Object The scope to execute in.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, undefined if not found.
-		*/
-		static get( id?:string ): any;
-		/** [Method] Gets the number of items in the collection
-		* @returns Number The number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the Ext data Model for a given model name
-		* @param id String/Object The id of the model or the model instance.
-		* @returns Ext.data.Model A model class.
-		*/
-		static getModel( id?:any ): Ext.data.IModel;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Checks if an item type is registered
-		* @param type String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		static isRegistered( type?:string ): boolean;
-		/** [Method] Registers a function that will be called when an item with the specified id is added to the manager
-		* @param id String The item id.
-		* @param fn Function The callback function. Called with a single parameter, the item.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to the item.
-		*/
-		static onAvailable( id?:string, fn?:any, scope?:any ): void;
-		/** [Method] Registers an item to be managed
-		* @param item Object The item to register.
-		*/
-		static register( item?:any ): void;
-		/** [Method] Registers a model definition
-		* @param name Object
-		* @param config Object
-		* @returns Object
-		*/
-		static registerType( name?:any, config?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param item Object The item to unregister.
-		*/
-		static unregister( item?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IModelManager extends Ext.IAbstractManager {
-	}
-	export class ModelManager {
-		/** [Property] (Ext.util.HashMap) */
-		static all: Ext.util.IHashMap;
-		/** [Property] (Object) */
-		static associationStack: any;
-		/** [Property] (Object) */
-		static defaultProxyType: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Creates a new instance of a Model using the given data
-		* @param data Object Data to initialize the Model's fields with.
-		* @param name String The name of the model to create.
-		* @param id Number Unique id of the Model instance (see Ext.data.Model).
-		* @returns Object
-		*/
-		static create( data?:any, name?:string, id?:number ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for each item in the collection
-		* @param fn Function The function to execute.
-		* @param scope Object The scope to execute in.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Returns an item by id
-		* @param id String The id of the item.
-		* @returns Object The item, undefined if not found.
-		*/
-		static get( id?:string ): any;
-		/** [Method] Gets the number of items in the collection
-		* @returns Number The number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the Ext data Model for a given model name
-		* @param id String/Object The id of the model or the model instance.
-		* @returns Ext.data.Model A model class.
-		*/
-		static getModel( id?:any ): Ext.data.IModel;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Checks if an item type is registered
-		* @param type String The mnemonic string by which the class may be looked up.
-		* @returns Boolean Whether the type is registered.
-		*/
-		static isRegistered( type?:string ): boolean;
-		/** [Method] Registers a function that will be called when an item with the specified id is added to the manager
-		* @param id String The item id.
-		* @param fn Function The callback function. Called with a single parameter, the item.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to the item.
-		*/
-		static onAvailable( id?:string, fn?:any, scope?:any ): void;
-		/** [Method] Registers an item to be managed
-		* @param item Object The item to register.
-		*/
-		static register( item?:any ): void;
-		/** [Method] Registers a model definition
-		* @param name Object
-		* @param config Object
-		* @returns Object
-		*/
-		static registerType( name?:any, config?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters an item by removing it from this manager
-		* @param item Object The item to unregister.
-		*/
-		static unregister( item?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface INodeInterface extends Ext.IBase {
-		/** [Property] (Object) */
-		childNodes?: any;
-		/** [Property] (Object) */
-		firstChild?: any;
-		/** [Property] (Object) */
-		lastChild?: any;
-		/** [Property] (Object) */
-		nextSibling?: any;
-		/** [Property] (Object) */
-		parentNode?: any;
-		/** [Property] (Object) */
-		previousSibling?: any;
-		/** [Method] Insert node s as the last child node of this node
-		* @param node Ext.data.NodeInterface/Ext.data.NodeInterface[] The node or Array of nodes to append.
-		* @returns Ext.data.NodeInterface The appended node if single append, or null if an array was passed.
-		*/
-		appendChild?( node?:any ): Ext.data.INodeInterface;
-		/** [Method] Bubbles up the tree from this node calling the specified function with each node
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		bubble?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Cascades down the tree from this node calling the specified function with each node
-		* @param fn Function The function to call
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		cascadeBy?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Collapse this node
-		* @param recursive Function true to recursively collapse all the children.
-		* @param callback Function The function to execute once the collapse completes.
-		* @param scope Object The scope to run the callback in.
-		*/
-		collapse?( recursive?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns true if this node is an ancestor at any point of the passed node
-		* @param node Ext.data.NodeInterface
-		* @returns Boolean
-		*/
-		contains?( node?:Ext.data.INodeInterface ): boolean;
-		/** [Method] Creates a copy clone of this Node
-		* @param newId String A new id, defaults to this Node's id.
-		* @param deep Boolean If passed as true, all child Nodes are recursively copied into the new Node. If omitted or false, the copy will have no child Nodes.
-		* @returns Ext.data.NodeInterface A copy of this Node.
-		*/
-		copy?( newId?:string, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Destroys the node
-		* @param silent Object
-		*/
-		destroy?( silent?:any ): void;
-		/** [Method] Iterates the child nodes of this node calling the specified function with each node
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node in the iteration.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		eachChild?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Expand this node
-		* @param recursive Function true to recursively expand all the children.
-		* @param callback Function The function to execute once the expand completes.
-		* @param scope Object The scope to run the callback in.
-		*/
-		expand?( recursive?:any, callback?:any, scope?:any ): void;
-		/** [Method] Finds the first child that has the attribute with the specified value
-		* @param attribute String The attribute name.
-		* @param value Object The value to search for.
-		* @param deep Boolean true to search through nodes deeper than the immediate children.
-		* @returns Ext.data.NodeInterface The found child or null if none was found.
-		*/
-		findChild?( attribute?:string, value?:any, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Finds the first child by a custom function
-		* @param fn Function A function which must return true if the passed Node is the required Node.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the Node being tested.
-		* @param deep Boolean True to search through nodes deeper than the immediate children.
-		* @returns Ext.data.NodeInterface The found child or null if none was found.
-		*/
-		findChildBy?( fn?:any, scope?:any, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Returns the child node at the specified index
-		* @param index Number
-		* @returns Ext.data.NodeInterface
-		*/
-		getChildAt?( index?:number ): Ext.data.INodeInterface;
-		/** [Method] Returns depth of this node the root node has a depth of 0
-		* @returns Number
-		*/
-		getDepth?(): number;
-		/** [Method] Gets the hierarchical path from the root of the current node
-		* @param field String The field to construct the path from. Defaults to the model idProperty.
-		* @param separator String A separator to use.
-		* @returns String The node path
-		*/
-		getPath?( field?:string, separator?:string ): string;
-		/** [Method] Returns true if this node has one or more child nodes else false
-		* @returns Boolean
-		*/
-		hasChildNodes?(): boolean;
-		/** [Method] Returns the index of a child node
-		* @param child Ext.data.NodeInterface
-		* @returns Number The index of the node or -1 if it was not found.
-		*/
-		indexOf?( child?:Ext.data.INodeInterface ): number;
-		/** [Method] Inserts the first node before the second node in this nodes childNodes collection
-		* @param node Ext.data.NodeInterface The node to insert.
-		* @param refNode Ext.data.NodeInterface The node to insert before (if null the node is appended).
-		* @returns Ext.data.NodeInterface The inserted node.
-		*/
-		insertBefore?( node?:Ext.data.INodeInterface, refNode?:Ext.data.INodeInterface ): Ext.data.INodeInterface;
-		/** [Method] Insert a node into this node
-		* @param index Number The zero-based index to insert the node at.
-		* @param node Ext.data.Model The node to insert.
-		* @returns Ext.data.Model The record you just inserted.
-		*/
-		insertChild?( index?:number, node?:Ext.data.IModel ): Ext.data.IModel;
-		/** [Method] Returns true if the passed node is an ancestor at any point of this node
-		* @param node Ext.data.NodeInterface
-		* @returns Boolean
-		*/
-		isAncestor?( node?:Ext.data.INodeInterface ): boolean;
-		/** [Method] Returns true if this node has one or more child nodes or if the expandable node attribute is explicitly specified as
-		* @returns Boolean
-		*/
-		isExpandable?(): boolean;
-		/** [Method] Returns true if this node is expanded
-		* @returns Boolean
-		*/
-		isExpanded?(): boolean;
-		/** [Method] Returns true if this node is the first child of its parent
-		* @returns Boolean
-		*/
-		isFirst?(): boolean;
-		/** [Method] Returns true if this node is the last child of its parent
-		* @returns Boolean
-		*/
-		isLast?(): boolean;
-		/** [Method] Returns true if this node is a leaf
-		* @returns Boolean
-		*/
-		isLeaf?(): boolean;
-		/** [Method] Returns true if this node is loaded
-		* @returns Boolean
-		*/
-		isLoaded?(): boolean;
-		/** [Method] Returns true if this node is loading
-		* @returns Boolean
-		*/
-		isLoading?(): boolean;
-		/** [Method] Returns true if this node is the root node
-		* @returns Boolean
-		*/
-		isRoot?(): boolean;
-		/** [Method] Returns true if this node is visible
-		* @returns Boolean
-		*/
-		isVisible?(): boolean;
-		/** [Method] Removes this node from its parent
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface this
-		*/
-		remove?( destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Removes all child nodes from this node
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface this
-		*/
-		removeAll?( destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Removes a child node from this node
-		* @param node Ext.data.NodeInterface The node to remove.
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface The removed node.
-		*/
-		removeChild?( node?:Ext.data.INodeInterface, destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Replaces one child node in this node with another
-		* @param newChild Ext.data.NodeInterface The replacement node.
-		* @param oldChild Ext.data.NodeInterface The node to replace.
-		* @returns Ext.data.NodeInterface The replaced node.
-		*/
-		replaceChild?( newChild?:Ext.data.INodeInterface, oldChild?:Ext.data.INodeInterface ): Ext.data.INodeInterface;
-		/** [Method] Sorts this nodes children using the supplied sort function
-		* @param sortFn Function A function which, when passed two Nodes, returns -1, 0 or 1 depending upon required sort order.
-		* @param recursive Boolean Whether or not to apply this sort recursively.
-		* @param suppressEvent Boolean Set to true to not fire a sort event.
-		*/
-		sort?( sortFn?:any, recursive?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Updates general data of this node like isFirst isLast depth
-		* @param silent Object
-		* @returns Boolean
-		*/
-		updateInfo?( silent?:any ): boolean;
-	}
-	export class NodeInterface {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] This method allows you to decorate a Record s prototype to implement the NodeInterface
-		* @param record Ext.data.Model The Record you want to decorate the prototype of.
-		*/
-		static decorate( record?:Ext.data.IModel ): void;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.data {
-	export interface INode extends Ext.IBase {
-		/** [Property] (Object) */
-		childNodes?: any;
-		/** [Property] (Object) */
-		firstChild?: any;
-		/** [Property] (Object) */
-		lastChild?: any;
-		/** [Property] (Object) */
-		nextSibling?: any;
-		/** [Property] (Object) */
-		parentNode?: any;
-		/** [Property] (Object) */
-		previousSibling?: any;
-		/** [Method] Insert node s as the last child node of this node
-		* @param node Ext.data.NodeInterface/Ext.data.NodeInterface[] The node or Array of nodes to append.
-		* @returns Ext.data.NodeInterface The appended node if single append, or null if an array was passed.
-		*/
-		appendChild?( node?:any ): Ext.data.INodeInterface;
-		/** [Method] Bubbles up the tree from this node calling the specified function with each node
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		bubble?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Cascades down the tree from this node calling the specified function with each node
-		* @param fn Function The function to call
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		cascadeBy?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Collapse this node
-		* @param recursive Function true to recursively collapse all the children.
-		* @param callback Function The function to execute once the collapse completes.
-		* @param scope Object The scope to run the callback in.
-		*/
-		collapse?( recursive?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns true if this node is an ancestor at any point of the passed node
-		* @param node Ext.data.NodeInterface
-		* @returns Boolean
-		*/
-		contains?( node?:Ext.data.INodeInterface ): boolean;
-		/** [Method] Creates a copy clone of this Node
-		* @param newId String A new id, defaults to this Node's id.
-		* @param deep Boolean If passed as true, all child Nodes are recursively copied into the new Node. If omitted or false, the copy will have no child Nodes.
-		* @returns Ext.data.NodeInterface A copy of this Node.
-		*/
-		copy?( newId?:string, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Destroys the node
-		* @param silent Object
-		*/
-		destroy?( silent?:any ): void;
-		/** [Method] Iterates the child nodes of this node calling the specified function with each node
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Node in the iteration.
-		* @param args Array The args to call the function with (default to passing the current Node).
-		*/
-		eachChild?( fn?:any, scope?:any, args?:any[] ): void;
-		/** [Method] Expand this node
-		* @param recursive Function true to recursively expand all the children.
-		* @param callback Function The function to execute once the expand completes.
-		* @param scope Object The scope to run the callback in.
-		*/
-		expand?( recursive?:any, callback?:any, scope?:any ): void;
-		/** [Method] Finds the first child that has the attribute with the specified value
-		* @param attribute String The attribute name.
-		* @param value Object The value to search for.
-		* @param deep Boolean true to search through nodes deeper than the immediate children.
-		* @returns Ext.data.NodeInterface The found child or null if none was found.
-		*/
-		findChild?( attribute?:string, value?:any, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Finds the first child by a custom function
-		* @param fn Function A function which must return true if the passed Node is the required Node.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the Node being tested.
-		* @param deep Boolean True to search through nodes deeper than the immediate children.
-		* @returns Ext.data.NodeInterface The found child or null if none was found.
-		*/
-		findChildBy?( fn?:any, scope?:any, deep?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Returns the child node at the specified index
-		* @param index Number
-		* @returns Ext.data.NodeInterface
-		*/
-		getChildAt?( index?:number ): Ext.data.INodeInterface;
-		/** [Method] Returns depth of this node the root node has a depth of 0
-		* @returns Number
-		*/
-		getDepth?(): number;
-		/** [Method] Gets the hierarchical path from the root of the current node
-		* @param field String The field to construct the path from. Defaults to the model idProperty.
-		* @param separator String A separator to use.
-		* @returns String The node path
-		*/
-		getPath?( field?:string, separator?:string ): string;
-		/** [Method] Returns true if this node has one or more child nodes else false
-		* @returns Boolean
-		*/
-		hasChildNodes?(): boolean;
-		/** [Method] Returns the index of a child node
-		* @param child Ext.data.NodeInterface
-		* @returns Number The index of the node or -1 if it was not found.
-		*/
-		indexOf?( child?:Ext.data.INodeInterface ): number;
-		/** [Method] Inserts the first node before the second node in this nodes childNodes collection
-		* @param node Ext.data.NodeInterface The node to insert.
-		* @param refNode Ext.data.NodeInterface The node to insert before (if null the node is appended).
-		* @returns Ext.data.NodeInterface The inserted node.
-		*/
-		insertBefore?( node?:Ext.data.INodeInterface, refNode?:Ext.data.INodeInterface ): Ext.data.INodeInterface;
-		/** [Method] Insert a node into this node
-		* @param index Number The zero-based index to insert the node at.
-		* @param node Ext.data.Model The node to insert.
-		* @returns Ext.data.Model The record you just inserted.
-		*/
-		insertChild?( index?:number, node?:Ext.data.IModel ): Ext.data.IModel;
-		/** [Method] Returns true if the passed node is an ancestor at any point of this node
-		* @param node Ext.data.NodeInterface
-		* @returns Boolean
-		*/
-		isAncestor?( node?:Ext.data.INodeInterface ): boolean;
-		/** [Method] Returns true if this node has one or more child nodes or if the expandable node attribute is explicitly specified as
-		* @returns Boolean
-		*/
-		isExpandable?(): boolean;
-		/** [Method] Returns true if this node is expanded
-		* @returns Boolean
-		*/
-		isExpanded?(): boolean;
-		/** [Method] Returns true if this node is the first child of its parent
-		* @returns Boolean
-		*/
-		isFirst?(): boolean;
-		/** [Method] Returns true if this node is the last child of its parent
-		* @returns Boolean
-		*/
-		isLast?(): boolean;
-		/** [Method] Returns true if this node is a leaf
-		* @returns Boolean
-		*/
-		isLeaf?(): boolean;
-		/** [Method] Returns true if this node is loaded
-		* @returns Boolean
-		*/
-		isLoaded?(): boolean;
-		/** [Method] Returns true if this node is loading
-		* @returns Boolean
-		*/
-		isLoading?(): boolean;
-		/** [Method] Returns true if this node is the root node
-		* @returns Boolean
-		*/
-		isRoot?(): boolean;
-		/** [Method] Returns true if this node is visible
-		* @returns Boolean
-		*/
-		isVisible?(): boolean;
-		/** [Method] Removes this node from its parent
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface this
-		*/
-		remove?( destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Removes all child nodes from this node
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface this
-		*/
-		removeAll?( destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Removes a child node from this node
-		* @param node Ext.data.NodeInterface The node to remove.
-		* @param destroy Boolean true to destroy the node upon removal.
-		* @returns Ext.data.NodeInterface The removed node.
-		*/
-		removeChild?( node?:Ext.data.INodeInterface, destroy?:boolean ): Ext.data.INodeInterface;
-		/** [Method] Replaces one child node in this node with another
-		* @param newChild Ext.data.NodeInterface The replacement node.
-		* @param oldChild Ext.data.NodeInterface The node to replace.
-		* @returns Ext.data.NodeInterface The replaced node.
-		*/
-		replaceChild?( newChild?:Ext.data.INodeInterface, oldChild?:Ext.data.INodeInterface ): Ext.data.INodeInterface;
-		/** [Method] Sorts this nodes children using the supplied sort function
-		* @param sortFn Function A function which, when passed two Nodes, returns -1, 0 or 1 depending upon required sort order.
-		* @param recursive Boolean Whether or not to apply this sort recursively.
-		* @param suppressEvent Boolean Set to true to not fire a sort event.
-		*/
-		sort?( sortFn?:any, recursive?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Updates general data of this node like isFirst isLast depth
-		* @param silent Object
-		* @returns Boolean
-		*/
-		updateInfo?( silent?:any ): boolean;
-	}
-	export class Node {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] This method allows you to decorate a Record s prototype to implement the NodeInterface
-		* @param record Ext.data.Model The Record you want to decorate the prototype of.
-		*/
-		static decorate( record?:Ext.data.IModel ): void;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.data {
-	export interface INodeStore extends Ext.data.IStore {
-		/** [Config Option] (Object[]) */
-		filters?: any[];
-		/** [Config Option] (Boolean) */
-		folderSort?: boolean;
-		/** [Config Option] (Ext.data.Model) */
-		node?: Ext.data.IModel;
-		/** [Config Option] (Boolean) */
-		recursive?: boolean;
-		/** [Config Option] (Boolean) */
-		rootVisible?: boolean;
-		/** [Config Option] (Object[]) */
-		sorters?: any[];
-		/** [Method] Returns the value of filters
-		* @returns Object
-		*/
-		getFilters?(): any;
-		/** [Method] Returns the value of folderSort
-		* @returns Boolean
-		*/
-		getFolderSort?(): boolean;
-		/** [Method] Returns the value of node
-		* @returns Ext.data.Model
-		*/
-		getNode?(): Ext.data.IModel;
-		/** [Method] Returns the value of recursive
-		* @returns Boolean
-		*/
-		getRecursive?(): boolean;
-		/** [Method] Returns the value of rootVisible
-		* @returns Boolean
-		*/
-		getRootVisible?(): boolean;
-		/** [Method] Returns the value of sorters
-		* @returns Object
-		*/
-		getSorters?(): any;
-		/** [Method]
-		* @param node Object
-		* @returns Boolean
-		*/
-		isVisible?( node?:any ): boolean;
-		/** [Method] Sets the value of filters
-		* @param filters Object
-		*/
-		setFilters?( filters?:any ): void;
-		/** [Method] Sets the value of folderSort
-		* @param folderSort Boolean
-		*/
-		setFolderSort?( folderSort?:boolean ): void;
-		/** [Method] Sets the value of node
-		* @param node Ext.data.Model
-		*/
-		setNode?( node?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of recursive
-		* @param recursive Boolean
-		*/
-		setRecursive?( recursive?:boolean ): void;
-		/** [Method] Sets the value of rootVisible
-		* @param rootVisible Boolean
-		*/
-		setRootVisible?( rootVisible?:boolean ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Object
-		*/
-		setSorters?( sorters?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IOperation extends Ext.IBase {
-		/** [Config Option] (String) */
-		action?: string;
-		/** [Config Option] (Ext.data.Batch) */
-		batch?: Ext.data.IBatch;
-		/** [Config Option] (Function) */
-		callback?: any;
-		/** [Config Option] (Ext.util.Filter[]) */
-		filters?: Ext.util.IFilter[];
-		/** [Config Option] (Boolean) */
-		group?: boolean;
-		/** [Config Option] (Ext.util.Grouper) */
-		grouper?: Ext.util.IGrouper;
-		/** [Config Option] (Number) */
-		limit?: number;
-		/** [Config Option] (Ext.data.Model) */
-		model?: Ext.data.IModel;
-		/** [Config Option] (Object) */
-		params?: any;
-		/** [Config Option] (Array) */
-		records?: any[];
-		/** [Config Option] (Ext.data.Request) */
-		request?: Ext.data.IRequest;
-		/** [Config Option] (Object) */
-		response?: any;
-		/** [Config Option] (Ext.data.ResultSet) */
-		resultSet?: Ext.data.IResultSet;
-		/** [Config Option] (Object) */
-		scope?: any;
-		/** [Config Option] (Ext.util.Sorter[]) */
-		sorters?: Ext.util.ISorter[];
-		/** [Config Option] (Number) */
-		start?: number;
-		/** [Config Option] (Boolean) */
-		synchronous?: boolean;
-		/** [Config Option] (Boolean) */
-		withCredentials?: boolean;
-		/** [Method] Checks whether this operation should cause writing to occur
-		* @returns Boolean Whether the operation should cause a write to occur.
-		*/
-		allowWrite?(): boolean;
-		/** [Method] Returns the value of action
-		* @returns String
-		*/
-		getAction?(): string;
-		/** [Method] Returns the value of addRecords
-		* @returns Boolean
-		*/
-		getAddRecords?(): boolean;
-		/** [Method] Returns the value of batch
-		* @returns Ext.data.Batch
-		*/
-		getBatch?(): Ext.data.IBatch;
-		/** [Method] Returns the value of callback
-		* @returns Function
-		*/
-		getCallback?(): any;
-		/** [Method] Returns the error string or object that was set using setException
-		* @returns String/Object The error object.
-		*/
-		getError?(): any;
-		/** [Method] Returns the value of filters
-		* @returns Ext.util.Filter[]
-		*/
-		getFilters?(): Ext.util.IFilter[];
-		/** [Method] Returns the value of grouper
-		* @returns Ext.util.Grouper
-		*/
-		getGrouper?(): Ext.util.IGrouper;
-		/** [Method] Returns the value of limit
-		* @returns Number
-		*/
-		getLimit?(): number;
-		/** [Method] Returns the value of model
-		* @returns Ext.data.Model
-		*/
-		getModel?(): Ext.data.IModel;
-		/** [Method] Returns the value of node
-		* @returns Object
-		*/
-		getNode?(): any;
-		/** [Method] Returns the value of page
-		* @returns Object
-		*/
-		getPage?(): any;
-		/** [Method] Returns the value of params
-		* @returns Object
-		*/
-		getParams?(): any;
-		/** [Method] Returns the value of request
-		* @returns Ext.data.Request
-		*/
-		getRequest?(): Ext.data.IRequest;
-		/** [Method] Returns the value of response
-		* @returns Object
-		*/
-		getResponse?(): any;
-		/** [Method] Returns the value of resultSet
-		* @returns Ext.data.ResultSet
-		*/
-		getResultSet?(): Ext.data.IResultSet;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Returns the value of sorters
-		* @returns Ext.util.Sorter[]
-		*/
-		getSorters?(): Ext.util.ISorter[];
-		/** [Method] Returns the value of start
-		* @returns Number
-		*/
-		getStart?(): number;
-		/** [Method] Returns the value of synchronous
-		* @returns Boolean
-		*/
-		getSynchronous?(): boolean;
-		/** [Method] Returns the value of url
-		* @returns Object
-		*/
-		getUrl?(): any;
-		/** [Method] Returns the value of withCredentials
-		* @returns Boolean
-		*/
-		getWithCredentials?(): boolean;
-		/** [Method] Returns true if this Operation encountered an exception see also getError
-		* @returns Boolean true if there was an exception.
-		*/
-		hasException?(): boolean;
-		/** [Method] Returns true if the Operation has been completed
-		* @returns Boolean true if the Operation is complete
-		*/
-		isComplete?(): boolean;
-		/** [Method] Returns true if the Operation has been started but has not yet completed
-		* @returns Boolean true if the Operation is currently running
-		*/
-		isRunning?(): boolean;
-		/** [Method] Returns true if the Operation has been started
-		* @returns Boolean true if the Operation has started
-		*/
-		isStarted?(): boolean;
-		/** [Method] Sets the value of action
-		* @param action String
-		*/
-		setAction?( action?:string ): void;
-		/** [Method] Sets the value of addRecords
-		* @param addRecords Boolean
-		*/
-		setAddRecords?( addRecords?:boolean ): void;
-		/** [Method] Sets the value of batch
-		* @param batch Ext.data.Batch
-		*/
-		setBatch?( batch?:Ext.data.IBatch ): void;
-		/** [Method] Sets the value of callback
-		* @param callback Function
-		*/
-		setCallback?( callback?:any ): void;
-		/** [Method] Marks the Operation as completed  */
-		setCompleted?(): void;
-		/** [Method] Marks the Operation as having experienced an exception
-		* @param error String/Object error string/object
-		*/
-		setException?( error?:any ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Ext.util.Filter[]
-		*/
-		setFilters?( filters?:Ext.util.IFilter[] ): void;
-		/** [Method] Sets the value of grouper
-		* @param grouper Ext.util.Grouper
-		*/
-		setGrouper?( grouper?:Ext.util.IGrouper ): void;
-		/** [Method] Sets the value of limit
-		* @param limit Number
-		*/
-		setLimit?( limit?:number ): void;
-		/** [Method] Sets the value of model
-		* @param model Ext.data.Model
-		*/
-		setModel?( model?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of node
-		* @param node Object
-		*/
-		setNode?( node?:any ): void;
-		/** [Method] Sets the value of page
-		* @param page Object
-		*/
-		setPage?( page?:any ): void;
-		/** [Method] Sets the value of params
-		* @param params Object
-		*/
-		setParams?( params?:any ): void;
-		/** [Method] Sets the value of records
-		* @param records Array
-		*/
-		setRecords?( records?:any[] ): void;
-		/** [Method] Sets the value of request
-		* @param request Ext.data.Request
-		*/
-		setRequest?( request?:Ext.data.IRequest ): void;
-		/** [Method] Sets the value of response
-		* @param response Object
-		*/
-		setResponse?( response?:any ): void;
-		/** [Method] Sets the value of resultSet
-		* @param resultSet Ext.data.ResultSet
-		*/
-		setResultSet?( resultSet?:Ext.data.IResultSet ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Ext.util.Sorter[]
-		*/
-		setSorters?( sorters?:Ext.util.ISorter[] ): void;
-		/** [Method] Sets the value of start
-		* @param start Number
-		*/
-		setStart?( start?:number ): void;
-		/** [Method] Marks the Operation as started  */
-		setStarted?(): void;
-		/** [Method] Marks the Operation as successful  */
-		setSuccessful?(): void;
-		/** [Method] Sets the value of synchronous
-		* @param synchronous Boolean
-		*/
-		setSynchronous?( synchronous?:boolean ): void;
-		/** [Method] Sets the value of url
-		* @param url Object
-		*/
-		setUrl?( url?:any ): void;
-		/** [Method] Sets the value of withCredentials
-		* @param withCredentials Boolean
-		*/
-		setWithCredentials?( withCredentials?:boolean ): void;
-		/** [Method] Returns true if the Operation has completed and was successful
-		* @returns Boolean true if successful
-		*/
-		wasSuccessful?(): boolean;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IAjax extends Ext.data.proxy.IServer {
-		/** [Config Option] (Object) */
-		headers?: any;
-		/** [Config Option] (String) */
-		password?: string;
-		/** [Config Option] (Boolean) */
-		useDefaultXhrHeader?: boolean;
-		/** [Config Option] (String) */
-		username?: string;
-		/** [Config Option] (Boolean) */
-		withCredentials?: boolean;
-		/** [Property] (Object) */
-		actionMethods?: any;
-		/** [Method] Performs Ajax request
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		* @returns Object
-		*/
-		doRequest?( operation?:any, callback?:any, scope?:any ): any;
-		/** [Method] Returns the value of headers
-		* @returns Object
-		*/
-		getHeaders?(): any;
-		/** [Method] Returns the HTTP method name for a given request
-		* @param request Ext.data.Request The request object.
-		* @returns String The HTTP method to use (should be one of 'GET', 'POST', 'PUT' or 'DELETE').
-		*/
-		getMethod?( request?:Ext.data.IRequest ): string;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		getPassword?(): string;
-		/** [Method] Returns the value of useDefaultXhrHeader
-		* @returns Boolean
-		*/
-		getUseDefaultXhrHeader?(): boolean;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		getUsername?(): string;
-		/** [Method] Returns the value of withCredentials
-		* @returns Boolean
-		*/
-		getWithCredentials?(): boolean;
-		/** [Method] Sets the value of headers
-		* @param headers Object
-		*/
-		setHeaders?( headers?:any ): void;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		setPassword?( password?:string ): void;
-		/** [Method] Sets the value of useDefaultXhrHeader
-		* @param useDefaultXhrHeader Boolean
-		*/
-		setUseDefaultXhrHeader?( useDefaultXhrHeader?:boolean ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		setUsername?( username?:string ): void;
-		/** [Method] Sets the value of withCredentials
-		* @param withCredentials Boolean
-		*/
-		setWithCredentials?( withCredentials?:boolean ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IHttpProxy extends Ext.data.proxy.IServer {
-		/** [Config Option] (Object) */
-		headers?: any;
-		/** [Config Option] (String) */
-		password?: string;
-		/** [Config Option] (Boolean) */
-		useDefaultXhrHeader?: boolean;
-		/** [Config Option] (String) */
-		username?: string;
-		/** [Config Option] (Boolean) */
-		withCredentials?: boolean;
-		/** [Property] (Object) */
-		actionMethods?: any;
-		/** [Method] Performs Ajax request
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		* @returns Object
-		*/
-		doRequest?( operation?:any, callback?:any, scope?:any ): any;
-		/** [Method] Returns the value of headers
-		* @returns Object
-		*/
-		getHeaders?(): any;
-		/** [Method] Returns the HTTP method name for a given request
-		* @param request Ext.data.Request The request object.
-		* @returns String The HTTP method to use (should be one of 'GET', 'POST', 'PUT' or 'DELETE').
-		*/
-		getMethod?( request?:Ext.data.IRequest ): string;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		getPassword?(): string;
-		/** [Method] Returns the value of useDefaultXhrHeader
-		* @returns Boolean
-		*/
-		getUseDefaultXhrHeader?(): boolean;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		getUsername?(): string;
-		/** [Method] Returns the value of withCredentials
-		* @returns Boolean
-		*/
-		getWithCredentials?(): boolean;
-		/** [Method] Sets the value of headers
-		* @param headers Object
-		*/
-		setHeaders?( headers?:any ): void;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		setPassword?( password?:string ): void;
-		/** [Method] Sets the value of useDefaultXhrHeader
-		* @param useDefaultXhrHeader Boolean
-		*/
-		setUseDefaultXhrHeader?( useDefaultXhrHeader?:boolean ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		setUsername?( username?:string ): void;
-		/** [Method] Sets the value of withCredentials
-		* @param withCredentials Boolean
-		*/
-		setWithCredentials?( withCredentials?:boolean ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IAjaxProxy extends Ext.data.proxy.IServer {
-		/** [Config Option] (Object) */
-		headers?: any;
-		/** [Config Option] (String) */
-		password?: string;
-		/** [Config Option] (Boolean) */
-		useDefaultXhrHeader?: boolean;
-		/** [Config Option] (String) */
-		username?: string;
-		/** [Config Option] (Boolean) */
-		withCredentials?: boolean;
-		/** [Property] (Object) */
-		actionMethods?: any;
-		/** [Method] Performs Ajax request
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		* @returns Object
-		*/
-		doRequest?( operation?:any, callback?:any, scope?:any ): any;
-		/** [Method] Returns the value of headers
-		* @returns Object
-		*/
-		getHeaders?(): any;
-		/** [Method] Returns the HTTP method name for a given request
-		* @param request Ext.data.Request The request object.
-		* @returns String The HTTP method to use (should be one of 'GET', 'POST', 'PUT' or 'DELETE').
-		*/
-		getMethod?( request?:Ext.data.IRequest ): string;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		getPassword?(): string;
-		/** [Method] Returns the value of useDefaultXhrHeader
-		* @returns Boolean
-		*/
-		getUseDefaultXhrHeader?(): boolean;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		getUsername?(): string;
-		/** [Method] Returns the value of withCredentials
-		* @returns Boolean
-		*/
-		getWithCredentials?(): boolean;
-		/** [Method] Sets the value of headers
-		* @param headers Object
-		*/
-		setHeaders?( headers?:any ): void;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		setPassword?( password?:string ): void;
-		/** [Method] Sets the value of useDefaultXhrHeader
-		* @param useDefaultXhrHeader Boolean
-		*/
-		setUseDefaultXhrHeader?( useDefaultXhrHeader?:boolean ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		setUsername?( username?:string ): void;
-		/** [Method] Sets the value of withCredentials
-		* @param withCredentials Boolean
-		*/
-		setWithCredentials?( withCredentials?:boolean ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IClient extends Ext.data.proxy.IProxy {
-		/** [Method] Abstract function that must be implemented by each ClientProxy subclass  */
-		clear?(): void;
-	}
-}
-declare namespace Ext.proxy {
-	export interface IClientProxy extends Ext.data.proxy.IProxy {
-		/** [Method] Abstract function that must be implemented by each ClientProxy subclass  */
-		clear?(): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IDirect extends Ext.data.proxy.IServer {
-		/** [Config Option] (Object) */
-		api?: any;
-		/** [Config Option] (Function/String) */
-		directFn?: any;
-		/** [Config Option] (Object) */
-		extraParams?: any;
-		/** [Config Option] (String/String[]) */
-		paramOrder?: any;
-		/** [Config Option] (Boolean) */
-		paramsAsHash?: boolean;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @returns String The url
-		*/
-		buildUrl?(): string;
-		/** [Method] In ServerProxy subclasses the create read update and destroy methods all pass through to doRequest
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		doRequest?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of api
-		* @returns Object
-		*/
-		getApi?(): any;
-		/** [Method] Returns the value of directFn
-		* @returns Function/String
-		*/
-		getDirectFn?(): any;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		getExtraParams?(): any;
-		/** [Method] Returns the value of paramOrder
-		* @returns String/String[]
-		*/
-		getParamOrder?(): any;
-		/** [Method] Returns the value of paramsAsHash
-		* @returns Boolean
-		*/
-		getParamsAsHash?(): boolean;
-		/** [Method] Sets the value of api
-		* @param api Object
-		*/
-		setApi?( api?:any ): void;
-		/** [Method] Sets the value of directFn
-		* @param directFn Function/String
-		*/
-		setDirectFn?( directFn?:any ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		setExtraParams?( extraParams?:any ): void;
-		/** [Method] Sets the value of paramOrder
-		* @param paramOrder String/String[]
-		*/
-		setParamOrder?( paramOrder?:any ): void;
-		/** [Method] Sets the value of paramsAsHash
-		* @param paramsAsHash Boolean
-		*/
-		setParamsAsHash?( paramsAsHash?:boolean ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IDirectProxy extends Ext.data.proxy.IServer {
-		/** [Config Option] (Object) */
-		api?: any;
-		/** [Config Option] (Function/String) */
-		directFn?: any;
-		/** [Config Option] (Object) */
-		extraParams?: any;
-		/** [Config Option] (String/String[]) */
-		paramOrder?: any;
-		/** [Config Option] (Boolean) */
-		paramsAsHash?: boolean;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @returns String The url
-		*/
-		buildUrl?(): string;
-		/** [Method] In ServerProxy subclasses the create read update and destroy methods all pass through to doRequest
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		doRequest?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of api
-		* @returns Object
-		*/
-		getApi?(): any;
-		/** [Method] Returns the value of directFn
-		* @returns Function/String
-		*/
-		getDirectFn?(): any;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		getExtraParams?(): any;
-		/** [Method] Returns the value of paramOrder
-		* @returns String/String[]
-		*/
-		getParamOrder?(): any;
-		/** [Method] Returns the value of paramsAsHash
-		* @returns Boolean
-		*/
-		getParamsAsHash?(): boolean;
-		/** [Method] Sets the value of api
-		* @param api Object
-		*/
-		setApi?( api?:any ): void;
-		/** [Method] Sets the value of directFn
-		* @param directFn Function/String
-		*/
-		setDirectFn?( directFn?:any ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		setExtraParams?( extraParams?:any ): void;
-		/** [Method] Sets the value of paramOrder
-		* @param paramOrder String/String[]
-		*/
-		setParamOrder?( paramOrder?:any ): void;
-		/** [Method] Sets the value of paramsAsHash
-		* @param paramsAsHash Boolean
-		*/
-		setParamsAsHash?( paramsAsHash?:boolean ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IJsonP extends Ext.data.proxy.IServer {
-		/** [Config Option] (Boolean) */
-		autoAppendParams?: boolean;
-		/** [Config Option] (String) */
-		callbackKey?: string;
-		/** [Config Option] (String) */
-		recordParam?: string;
-		/** [Method] Aborts the current server request if one is currently running  */
-		abort?(): void;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @param request Ext.data.Request The request object.
-		* @returns String The url.
-		*/
-		buildUrl?( request?:Ext.data.IRequest ): string;
-		/** [Method] Performs the given destroy operation  */
-		destroy?(): void;
-		/** [Method] Performs the read request to the remote domain
-		* @param operation Ext.data.Operation The Operation object to execute.
-		* @param callback Function A callback function to execute when the Operation has been completed.
-		* @param scope Object The scope to execute the callback in.
-		* @returns Object
-		*/
-		doRequest?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): any;
-		/** [Method] Returns the value of autoAppendParams
-		* @returns Boolean
-		*/
-		getAutoAppendParams?(): boolean;
-		/** [Method] Returns the value of callbackKey
-		* @returns String
-		*/
-		getCallbackKey?(): string;
-		/** [Method] Returns the value of defaultWriterType
-		* @returns String
-		*/
-		getDefaultWriterType?(): string;
-		/** [Method] Returns the value of recordParam
-		* @returns String
-		*/
-		getRecordParam?(): string;
-		/** [Method] Sets the value of autoAppendParams
-		* @param autoAppendParams Boolean
-		*/
-		setAutoAppendParams?( autoAppendParams?:boolean ): void;
-		/** [Method] Sets the value of callbackKey
-		* @param callbackKey String
-		*/
-		setCallbackKey?( callbackKey?:string ): void;
-		/** [Method] Sets the value of defaultWriterType
-		* @param defaultWriterType String
-		*/
-		setDefaultWriterType?( defaultWriterType?:string ): void;
-		/** [Method] Sets the value of recordParam
-		* @param recordParam String
-		*/
-		setRecordParam?( recordParam?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IScriptTagProxy extends Ext.data.proxy.IServer {
-		/** [Config Option] (Boolean) */
-		autoAppendParams?: boolean;
-		/** [Config Option] (String) */
-		callbackKey?: string;
-		/** [Config Option] (String) */
-		recordParam?: string;
-		/** [Method] Aborts the current server request if one is currently running  */
-		abort?(): void;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @param request Ext.data.Request The request object.
-		* @returns String The url.
-		*/
-		buildUrl?( request?:Ext.data.IRequest ): string;
-		/** [Method] Performs the given destroy operation  */
-		destroy?(): void;
-		/** [Method] Performs the read request to the remote domain
-		* @param operation Ext.data.Operation The Operation object to execute.
-		* @param callback Function A callback function to execute when the Operation has been completed.
-		* @param scope Object The scope to execute the callback in.
-		* @returns Object
-		*/
-		doRequest?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): any;
-		/** [Method] Returns the value of autoAppendParams
-		* @returns Boolean
-		*/
-		getAutoAppendParams?(): boolean;
-		/** [Method] Returns the value of callbackKey
-		* @returns String
-		*/
-		getCallbackKey?(): string;
-		/** [Method] Returns the value of defaultWriterType
-		* @returns String
-		*/
-		getDefaultWriterType?(): string;
-		/** [Method] Returns the value of recordParam
-		* @returns String
-		*/
-		getRecordParam?(): string;
-		/** [Method] Sets the value of autoAppendParams
-		* @param autoAppendParams Boolean
-		*/
-		setAutoAppendParams?( autoAppendParams?:boolean ): void;
-		/** [Method] Sets the value of callbackKey
-		* @param callbackKey String
-		*/
-		setCallbackKey?( callbackKey?:string ): void;
-		/** [Method] Sets the value of defaultWriterType
-		* @param defaultWriterType String
-		*/
-		setDefaultWriterType?( defaultWriterType?:string ): void;
-		/** [Method] Sets the value of recordParam
-		* @param recordParam String
-		*/
-		setRecordParam?( recordParam?:string ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface ILocalStorage extends Ext.data.proxy.IWebStorage {
-	}
-}
-declare namespace Ext.data {
-	export interface ILocalStorageProxy extends Ext.data.proxy.IWebStorage {
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IMemory extends Ext.data.proxy.IClient {
-		/** [Config Option] (Object) */
-		data?: any;
-		/** [Method] Abstract function that must be implemented by each ClientProxy subclass  */
-		clear?(): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		create?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		destroy?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Reads data from the configured data object
-		* @param operation Ext.data.Operation The read Operation
-		* @param callback Function The callback to call when reading has completed
-		* @param scope Object The scope to call the callback function in
-		*/
-		read?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		update?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IMemoryProxy extends Ext.data.proxy.IClient {
-		/** [Config Option] (Object) */
-		data?: any;
-		/** [Method] Abstract function that must be implemented by each ClientProxy subclass  */
-		clear?(): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		create?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		destroy?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Reads data from the configured data object
-		* @param operation Ext.data.Operation The read Operation
-		* @param callback Function The callback to call when reading has completed
-		* @param scope Object The scope to call the callback function in
-		*/
-		read?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Currently this is a hard coded method that simply commits any records and sets the operation to successful then call
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		update?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IProxy extends Ext.IEvented {
-		/** [Config Option] (Boolean) */
-		batchActions?: boolean;
-		/** [Config Option] (String) */
-		batchOrder?: string;
-		/** [Config Option] (String/Ext.data.Model) */
-		model?: any;
-		/** [Config Option] (Object/String/Ext.data.reader.Reader) */
-		reader?: any;
-		/** [Config Option] (Object/String/Ext.data.writer.Writer) */
-		writer?: any;
-		/** [Method] Performs a batch of Operations in the order specified by batchOrder
-		* @param options Object Object containing one or more properties supported by the batch method:
-		* @returns Ext.data.Batch The newly created Batch
-		*/
-		batch?( options?:any ): Ext.data.IBatch;
-		/** [Method] Performs the given create operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		create?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given destroy operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		destroy?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of batchActions
-		* @returns Boolean
-		*/
-		getBatchActions?(): boolean;
-		/** [Method] Returns the value of batchOrder
-		* @returns String
-		*/
-		getBatchOrder?(): string;
-		/** [Method] Returns the value of model
-		* @returns String/Ext.data.Model
-		*/
-		getModel?(): any;
-		/** [Method] Returns the value of reader
-		* @returns Object/String/Ext.data.reader.Reader
-		*/
-		getReader?(): any;
-		/** [Method] Returns the value of writer
-		* @returns Object/String/Ext.data.writer.Writer
-		*/
-		getWriter?(): any;
-		/** [Method] Performs the given read operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		read?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of batchActions
-		* @param batchActions Boolean
-		*/
-		setBatchActions?( batchActions?:boolean ): void;
-		/** [Method] Sets the value of batchOrder
-		* @param batchOrder String
-		*/
-		setBatchOrder?( batchOrder?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model String/Ext.data.Model
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of reader
-		* @param reader Object/String/Ext.data.reader.Reader
-		*/
-		setReader?( reader?:any ): void;
-		/** [Method] Sets the value of writer
-		* @param writer Object/String/Ext.data.writer.Writer
-		*/
-		setWriter?( writer?:any ): void;
-		/** [Method] Performs the given update operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		update?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IDataProxy extends Ext.IEvented {
-		/** [Config Option] (Boolean) */
-		batchActions?: boolean;
-		/** [Config Option] (String) */
-		batchOrder?: string;
-		/** [Config Option] (String/Ext.data.Model) */
-		model?: any;
-		/** [Config Option] (Object/String/Ext.data.reader.Reader) */
-		reader?: any;
-		/** [Config Option] (Object/String/Ext.data.writer.Writer) */
-		writer?: any;
-		/** [Method] Performs a batch of Operations in the order specified by batchOrder
-		* @param options Object Object containing one or more properties supported by the batch method:
-		* @returns Ext.data.Batch The newly created Batch
-		*/
-		batch?( options?:any ): Ext.data.IBatch;
-		/** [Method] Performs the given create operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		create?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given destroy operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		destroy?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of batchActions
-		* @returns Boolean
-		*/
-		getBatchActions?(): boolean;
-		/** [Method] Returns the value of batchOrder
-		* @returns String
-		*/
-		getBatchOrder?(): string;
-		/** [Method] Returns the value of model
-		* @returns String/Ext.data.Model
-		*/
-		getModel?(): any;
-		/** [Method] Returns the value of reader
-		* @returns Object/String/Ext.data.reader.Reader
-		*/
-		getReader?(): any;
-		/** [Method] Returns the value of writer
-		* @returns Object/String/Ext.data.writer.Writer
-		*/
-		getWriter?(): any;
-		/** [Method] Performs the given read operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		read?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of batchActions
-		* @param batchActions Boolean
-		*/
-		setBatchActions?( batchActions?:boolean ): void;
-		/** [Method] Sets the value of batchOrder
-		* @param batchOrder String
-		*/
-		setBatchOrder?( batchOrder?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model String/Ext.data.Model
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of reader
-		* @param reader Object/String/Ext.data.reader.Reader
-		*/
-		setReader?( reader?:any ): void;
-		/** [Method] Sets the value of writer
-		* @param writer Object/String/Ext.data.writer.Writer
-		*/
-		setWriter?( writer?:any ): void;
-		/** [Method] Performs the given update operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		update?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IProxy extends Ext.IEvented {
-		/** [Config Option] (Boolean) */
-		batchActions?: boolean;
-		/** [Config Option] (String) */
-		batchOrder?: string;
-		/** [Config Option] (String/Ext.data.Model) */
-		model?: any;
-		/** [Config Option] (Object/String/Ext.data.reader.Reader) */
-		reader?: any;
-		/** [Config Option] (Object/String/Ext.data.writer.Writer) */
-		writer?: any;
-		/** [Method] Performs a batch of Operations in the order specified by batchOrder
-		* @param options Object Object containing one or more properties supported by the batch method:
-		* @returns Ext.data.Batch The newly created Batch
-		*/
-		batch?( options?:any ): Ext.data.IBatch;
-		/** [Method] Performs the given create operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		create?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given destroy operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		destroy?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of batchActions
-		* @returns Boolean
-		*/
-		getBatchActions?(): boolean;
-		/** [Method] Returns the value of batchOrder
-		* @returns String
-		*/
-		getBatchOrder?(): string;
-		/** [Method] Returns the value of model
-		* @returns String/Ext.data.Model
-		*/
-		getModel?(): any;
-		/** [Method] Returns the value of reader
-		* @returns Object/String/Ext.data.reader.Reader
-		*/
-		getReader?(): any;
-		/** [Method] Returns the value of writer
-		* @returns Object/String/Ext.data.writer.Writer
-		*/
-		getWriter?(): any;
-		/** [Method] Performs the given read operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		read?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of batchActions
-		* @param batchActions Boolean
-		*/
-		setBatchActions?( batchActions?:boolean ): void;
-		/** [Method] Sets the value of batchOrder
-		* @param batchOrder String
-		*/
-		setBatchOrder?( batchOrder?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model String/Ext.data.Model
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of reader
-		* @param reader Object/String/Ext.data.reader.Reader
-		*/
-		setReader?( reader?:any ): void;
-		/** [Method] Sets the value of writer
-		* @param writer Object/String/Ext.data.writer.Writer
-		*/
-		setWriter?( writer?:any ): void;
-		/** [Method] Performs the given update operation
-		* @param operation Ext.data.Operation The Operation to perform
-		* @param callback Function Callback function to be called when the Operation has completed (whether successful or not)
-		* @param scope Object Scope to execute the callback function in
-		*/
-		update?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IRest extends Ext.data.proxy.IAjax {
-		/** [Config Option] (Boolean) */
-		appendId?: boolean;
-		/** [Config Option] (Boolean) */
-		batchActions?: boolean;
-		/** [Config Option] (String) */
-		format?: string;
-		/** [Method] Returns the value of actionMethods
-		* @returns Object
-		*/
-		getActionMethods?(): any;
-		/** [Method] Returns the value of appendId
-		* @returns Boolean
-		*/
-		getAppendId?(): boolean;
-		/** [Method] Returns the value of batchActions
-		* @returns Boolean
-		*/
-		getBatchActions?(): boolean;
-		/** [Method] Returns the value of format
-		* @returns String
-		*/
-		getFormat?(): string;
-		/** [Method] Sets the value of actionMethods
-		* @param actionMethods Object
-		*/
-		setActionMethods?( actionMethods?:any ): void;
-		/** [Method] Sets the value of appendId
-		* @param appendId Boolean
-		*/
-		setAppendId?( appendId?:boolean ): void;
-		/** [Method] Sets the value of batchActions
-		* @param batchActions Boolean
-		*/
-		setBatchActions?( batchActions?:boolean ): void;
-		/** [Method] Sets the value of format
-		* @param format String
-		*/
-		setFormat?( format?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IRestProxy extends Ext.data.proxy.IAjax {
-		/** [Config Option] (Boolean) */
-		appendId?: boolean;
-		/** [Config Option] (Boolean) */
-		batchActions?: boolean;
-		/** [Config Option] (String) */
-		format?: string;
-		/** [Method] Returns the value of actionMethods
-		* @returns Object
-		*/
-		getActionMethods?(): any;
-		/** [Method] Returns the value of appendId
-		* @returns Boolean
-		*/
-		getAppendId?(): boolean;
-		/** [Method] Returns the value of batchActions
-		* @returns Boolean
-		*/
-		getBatchActions?(): boolean;
-		/** [Method] Returns the value of format
-		* @returns String
-		*/
-		getFormat?(): string;
-		/** [Method] Sets the value of actionMethods
-		* @param actionMethods Object
-		*/
-		setActionMethods?( actionMethods?:any ): void;
-		/** [Method] Sets the value of appendId
-		* @param appendId Boolean
-		*/
-		setAppendId?( appendId?:boolean ): void;
-		/** [Method] Sets the value of batchActions
-		* @param batchActions Boolean
-		*/
-		setBatchActions?( batchActions?:boolean ): void;
-		/** [Method] Sets the value of format
-		* @param format String
-		*/
-		setFormat?( format?:string ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IServer extends Ext.data.proxy.IProxy {
-		/** [Config Option] (Object) */
-		api?: any;
-		/** [Config Option] (String) */
-		cacheString?: string;
-		/** [Config Option] (String) */
-		directionParam?: string;
-		/** [Config Option] (Boolean) */
-		enablePagingParams?: boolean;
-		/** [Config Option] (Object) */
-		extraParams?: any;
-		/** [Config Option] (String) */
-		filterParam?: string;
-		/** [Config Option] (String) */
-		groupParam?: string;
-		/** [Config Option] (String) */
-		limitParam?: string;
-		/** [Config Option] (Boolean) */
-		noCache?: boolean;
-		/** [Config Option] (String) */
-		pageParam?: string;
-		/** [Config Option] (Boolean) */
-		simpleSortMode?: boolean;
-		/** [Config Option] (String) */
-		sortParam?: string;
-		/** [Config Option] (String) */
-		startParam?: string;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Method] Optional callback function which can be used to clean up after a request has been completed
-		* @param request Ext.data.Request The Request object
-		* @param success Boolean True if the request was successful
-		*/
-		afterRequest?( request?:Ext.data.IRequest, success?:boolean ): void;
-		/** [Method] Creates and returns an Ext data Request object based on the options passed by the Store that this Proxy is attached to
-		* @param operation Ext.data.Operation The Operation object to execute
-		* @returns Ext.data.Request The request object
-		*/
-		buildRequest?( operation?:Ext.data.IOperation ): Ext.data.IRequest;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @param request Ext.data.Request The request object
-		* @returns String The url
-		*/
-		buildUrl?( request?:Ext.data.IRequest ): string;
-		/** [Method] in a ServerProxy all four CRUD operations are executed in the same manner so we delegate to doRequest in each case */
-		create?(): void;
-		/** [Method] Performs the given destroy operation  */
-		destroy?(): void;
-		/** [Method] In ServerProxy subclasses the create read update and destroy methods all pass through to doRequest
-		* @param operation Ext.data.Operation The Ext.data.Operation object
-		* @param callback Function The callback function to call when the Operation has completed
-		* @param scope Object The scope in which to execute the callback
-		*/
-		doRequest?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Encodes the array of Ext util Filter objects into a string to be sent in the request url
-		* @param filters Ext.util.Filter[] The array of Filter objects
-		* @returns String The encoded filters
-		*/
-		encodeFilters?( filters?:Ext.util.IFilter[] ): string;
-		/** [Method] Encodes the array of Ext util Sorter objects into a string to be sent in the request url
-		* @param sorters Ext.util.Sorter[] The array of Sorter objects
-		* @returns String The encoded sorters
-		*/
-		encodeSorters?( sorters?:Ext.util.ISorter[] ): string;
-		/** [Method] Returns the value of api
-		* @returns Object
-		*/
-		getApi?(): any;
-		/** [Method] Returns the value of cacheString
-		* @returns String
-		*/
-		getCacheString?(): string;
-		/** [Method] Returns the value of directionParam
-		* @returns String
-		*/
-		getDirectionParam?(): string;
-		/** [Method] Returns the value of enablePagingParams
-		* @returns Boolean
-		*/
-		getEnablePagingParams?(): boolean;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		getExtraParams?(): any;
-		/** [Method] Returns the value of filterParam
-		* @returns String
-		*/
-		getFilterParam?(): string;
-		/** [Method] Returns the value of groupParam
-		* @returns String
-		*/
-		getGroupParam?(): string;
-		/** [Method] Returns the value of limitParam
-		* @returns String
-		*/
-		getLimitParam?(): string;
-		/** [Method] Returns the value of noCache
-		* @returns Boolean
-		*/
-		getNoCache?(): boolean;
-		/** [Method] Returns the value of pageParam
-		* @returns String
-		*/
-		getPageParam?(): string;
-		/** [Method] Returns the value of simpleSortMode
-		* @returns Boolean
-		*/
-		getSimpleSortMode?(): boolean;
-		/** [Method] Returns the value of sortParam
-		* @returns String
-		*/
-		getSortParam?(): string;
-		/** [Method] Returns the value of startParam
-		* @returns String
-		*/
-		getStartParam?(): string;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] This method handles the processing of the response and is usually overridden by subclasses to do additional processing
-		* @param success Boolean Whether or not this request was successful
-		* @param operation Ext.data.Operation The operation we made this request for
-		* @param request Ext.data.Request The request that was made
-		* @param response Object The response that we got
-		* @param callback Function The callback to be fired onces the response is processed
-		* @param scope Object The scope in which we call the callback
-		*/
-		processResponse?( success?:boolean, operation?:Ext.data.IOperation, request?:Ext.data.IRequest, response?:any, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given read operation  */
-		read?(): void;
-		/** [Method] Sets the value of api
-		* @param api Object
-		*/
-		setApi?( api?:any ): void;
-		/** [Method] Sets the value of cacheString
-		* @param cacheString String
-		*/
-		setCacheString?( cacheString?:string ): void;
-		/** [Method] Sets the value of directionParam
-		* @param directionParam String
-		*/
-		setDirectionParam?( directionParam?:string ): void;
-		/** [Method] Sets the value of enablePagingParams
-		* @param enablePagingParams Boolean
-		*/
-		setEnablePagingParams?( enablePagingParams?:boolean ): void;
-		/** [Method] Sets a value in the underlying extraParams
-		* @param name String The key for the new value
-		* @param value Object The value
-		*/
-		setExtraParam?( name?:string, value?:any ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		setExtraParams?( extraParams?:any ): void;
-		/** [Method] Sets the value of filterParam
-		* @param filterParam String
-		*/
-		setFilterParam?( filterParam?:string ): void;
-		/** [Method] Sets the value of groupParam
-		* @param groupParam String
-		*/
-		setGroupParam?( groupParam?:string ): void;
-		/** [Method] Sets the value of limitParam
-		* @param limitParam String
-		*/
-		setLimitParam?( limitParam?:string ): void;
-		/** [Method] Sets the value of noCache
-		* @param noCache Boolean
-		*/
-		setNoCache?( noCache?:boolean ): void;
-		/** [Method] Sets the value of pageParam
-		* @param pageParam String
-		*/
-		setPageParam?( pageParam?:string ): void;
-		/** [Method] Sets the value of simpleSortMode
-		* @param simpleSortMode Boolean
-		*/
-		setSimpleSortMode?( simpleSortMode?:boolean ): void;
-		/** [Method] Sets the value of sortParam
-		* @param sortParam String
-		*/
-		setSortParam?( sortParam?:string ): void;
-		/** [Method] Sets the value of startParam
-		* @param startParam String
-		*/
-		setStartParam?( startParam?:string ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Performs the given update operation  */
-		update?(): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IServerProxy extends Ext.data.proxy.IProxy {
-		/** [Config Option] (Object) */
-		api?: any;
-		/** [Config Option] (String) */
-		cacheString?: string;
-		/** [Config Option] (String) */
-		directionParam?: string;
-		/** [Config Option] (Boolean) */
-		enablePagingParams?: boolean;
-		/** [Config Option] (Object) */
-		extraParams?: any;
-		/** [Config Option] (String) */
-		filterParam?: string;
-		/** [Config Option] (String) */
-		groupParam?: string;
-		/** [Config Option] (String) */
-		limitParam?: string;
-		/** [Config Option] (Boolean) */
-		noCache?: boolean;
-		/** [Config Option] (String) */
-		pageParam?: string;
-		/** [Config Option] (Boolean) */
-		simpleSortMode?: boolean;
-		/** [Config Option] (String) */
-		sortParam?: string;
-		/** [Config Option] (String) */
-		startParam?: string;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Method] Optional callback function which can be used to clean up after a request has been completed
-		* @param request Ext.data.Request The Request object
-		* @param success Boolean True if the request was successful
-		*/
-		afterRequest?( request?:Ext.data.IRequest, success?:boolean ): void;
-		/** [Method] Creates and returns an Ext data Request object based on the options passed by the Store that this Proxy is attached to
-		* @param operation Ext.data.Operation The Operation object to execute
-		* @returns Ext.data.Request The request object
-		*/
-		buildRequest?( operation?:Ext.data.IOperation ): Ext.data.IRequest;
-		/** [Method] Generates a url based on a given Ext data Request object
-		* @param request Ext.data.Request The request object
-		* @returns String The url
-		*/
-		buildUrl?( request?:Ext.data.IRequest ): string;
-		/** [Method] in a ServerProxy all four CRUD operations are executed in the same manner so we delegate to doRequest in each case */
-		create?(): void;
-		/** [Method] Performs the given destroy operation  */
-		destroy?(): void;
-		/** [Method] In ServerProxy subclasses the create read update and destroy methods all pass through to doRequest
-		* @param operation Ext.data.Operation The Ext.data.Operation object
-		* @param callback Function The callback function to call when the Operation has completed
-		* @param scope Object The scope in which to execute the callback
-		*/
-		doRequest?( operation?:Ext.data.IOperation, callback?:any, scope?:any ): void;
-		/** [Method] Encodes the array of Ext util Filter objects into a string to be sent in the request url
-		* @param filters Ext.util.Filter[] The array of Filter objects
-		* @returns String The encoded filters
-		*/
-		encodeFilters?( filters?:Ext.util.IFilter[] ): string;
-		/** [Method] Encodes the array of Ext util Sorter objects into a string to be sent in the request url
-		* @param sorters Ext.util.Sorter[] The array of Sorter objects
-		* @returns String The encoded sorters
-		*/
-		encodeSorters?( sorters?:Ext.util.ISorter[] ): string;
-		/** [Method] Returns the value of api
-		* @returns Object
-		*/
-		getApi?(): any;
-		/** [Method] Returns the value of cacheString
-		* @returns String
-		*/
-		getCacheString?(): string;
-		/** [Method] Returns the value of directionParam
-		* @returns String
-		*/
-		getDirectionParam?(): string;
-		/** [Method] Returns the value of enablePagingParams
-		* @returns Boolean
-		*/
-		getEnablePagingParams?(): boolean;
-		/** [Method] Returns the value of extraParams
-		* @returns Object
-		*/
-		getExtraParams?(): any;
-		/** [Method] Returns the value of filterParam
-		* @returns String
-		*/
-		getFilterParam?(): string;
-		/** [Method] Returns the value of groupParam
-		* @returns String
-		*/
-		getGroupParam?(): string;
-		/** [Method] Returns the value of limitParam
-		* @returns String
-		*/
-		getLimitParam?(): string;
-		/** [Method] Returns the value of noCache
-		* @returns Boolean
-		*/
-		getNoCache?(): boolean;
-		/** [Method] Returns the value of pageParam
-		* @returns String
-		*/
-		getPageParam?(): string;
-		/** [Method] Returns the value of simpleSortMode
-		* @returns Boolean
-		*/
-		getSimpleSortMode?(): boolean;
-		/** [Method] Returns the value of sortParam
-		* @returns String
-		*/
-		getSortParam?(): string;
-		/** [Method] Returns the value of startParam
-		* @returns String
-		*/
-		getStartParam?(): string;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] This method handles the processing of the response and is usually overridden by subclasses to do additional processing
-		* @param success Boolean Whether or not this request was successful
-		* @param operation Ext.data.Operation The operation we made this request for
-		* @param request Ext.data.Request The request that was made
-		* @param response Object The response that we got
-		* @param callback Function The callback to be fired onces the response is processed
-		* @param scope Object The scope in which we call the callback
-		*/
-		processResponse?( success?:boolean, operation?:Ext.data.IOperation, request?:Ext.data.IRequest, response?:any, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given read operation  */
-		read?(): void;
-		/** [Method] Sets the value of api
-		* @param api Object
-		*/
-		setApi?( api?:any ): void;
-		/** [Method] Sets the value of cacheString
-		* @param cacheString String
-		*/
-		setCacheString?( cacheString?:string ): void;
-		/** [Method] Sets the value of directionParam
-		* @param directionParam String
-		*/
-		setDirectionParam?( directionParam?:string ): void;
-		/** [Method] Sets the value of enablePagingParams
-		* @param enablePagingParams Boolean
-		*/
-		setEnablePagingParams?( enablePagingParams?:boolean ): void;
-		/** [Method] Sets a value in the underlying extraParams
-		* @param name String The key for the new value
-		* @param value Object The value
-		*/
-		setExtraParam?( name?:string, value?:any ): void;
-		/** [Method] Sets the value of extraParams
-		* @param extraParams Object
-		*/
-		setExtraParams?( extraParams?:any ): void;
-		/** [Method] Sets the value of filterParam
-		* @param filterParam String
-		*/
-		setFilterParam?( filterParam?:string ): void;
-		/** [Method] Sets the value of groupParam
-		* @param groupParam String
-		*/
-		setGroupParam?( groupParam?:string ): void;
-		/** [Method] Sets the value of limitParam
-		* @param limitParam String
-		*/
-		setLimitParam?( limitParam?:string ): void;
-		/** [Method] Sets the value of noCache
-		* @param noCache Boolean
-		*/
-		setNoCache?( noCache?:boolean ): void;
-		/** [Method] Sets the value of pageParam
-		* @param pageParam String
-		*/
-		setPageParam?( pageParam?:string ): void;
-		/** [Method] Sets the value of simpleSortMode
-		* @param simpleSortMode Boolean
-		*/
-		setSimpleSortMode?( simpleSortMode?:boolean ): void;
-		/** [Method] Sets the value of sortParam
-		* @param sortParam String
-		*/
-		setSortParam?( sortParam?:string ): void;
-		/** [Method] Sets the value of startParam
-		* @param startParam String
-		*/
-		setStartParam?( startParam?:string ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Performs the given update operation  */
-		update?(): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface ISessionStorage extends Ext.data.proxy.IWebStorage {
-	}
-}
-declare namespace Ext.data {
-	export interface ISessionStorageProxy extends Ext.data.proxy.IWebStorage {
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface ISql extends Ext.data.proxy.IClient {
-		/** [Config Option] (String) */
-		database?: string;
-		/** [Config Option] (String) */
-		table?: string;
-		/** [Method] Performs the given create operation
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		create?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Performs the given destroy operation
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		destroy?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of columns
-		* @returns String
-		*/
-		getColumns?(): string;
-		/** [Method] Returns the value of database
-		* @returns String
-		*/
-		getDatabase?(): string;
-		/** [Method] Returns the value of defaultDateFormat
-		* @returns String
-		*/
-		getDefaultDateFormat?(): string;
-		/** [Method] Formats the data for each record before sending it to the server
-		* @param record Object The record that we are writing to the server.
-		* @returns Object An object literal of name/value keys to be written to the server. By default this method returns the data property on the record.
-		*/
-		getRecordData?( record?:any ): any;
-		/** [Method] Returns the value of table
-		* @returns String
-		*/
-		getTable?(): string;
-		/** [Method] Returns the value of tableExists
-		* @returns Boolean
-		*/
-		getTableExists?(): boolean;
-		/** [Method] Returns the value of uniqueIdStrategy
-		* @returns Boolean
-		*/
-		getUniqueIdStrategy?(): boolean;
-		/** [Method] Performs the given read operation
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		read?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of columns
-		* @param columns String
-		*/
-		setColumns?( columns?:string ): void;
-		/** [Method] Sets the value of database
-		* @param database String
-		*/
-		setDatabase?( database?:string ): void;
-		/** [Method] Sets the value of defaultDateFormat
-		* @param defaultDateFormat String
-		*/
-		setDefaultDateFormat?( defaultDateFormat?:string ): void;
-		/** [Method] Sets the value of table
-		* @param table String
-		*/
-		setTable?( table?:string ): void;
-		/** [Method] Sets the value of tableExists
-		* @param tableExists Boolean
-		*/
-		setTableExists?( tableExists?:boolean ): void;
-		/** [Method] Sets the value of uniqueIdStrategy
-		* @param uniqueIdStrategy Boolean
-		*/
-		setUniqueIdStrategy?( uniqueIdStrategy?:boolean ): void;
-		/** [Method] Performs the given update operation
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		update?( operation?:any, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data.proxy {
-	export interface IWebStorage extends Ext.data.proxy.IClient {
-		/** [Config Option] (Boolean) */
-		enablePagingParams?: boolean;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Property] (Object) */
-		cache?: any;
-		/** [Method] Destroys all records stored in the proxy and removes all keys and values used to support the proxy from the storage o  */
-		clear?(): void;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		create?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] inherit
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		destroy?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of defaultDateFormat
-		* @returns String
-		*/
-		getDefaultDateFormat?(): string;
-		/** [Method] Returns the value of enablePagingParams
-		* @returns Boolean
-		*/
-		getEnablePagingParams?(): boolean;
-		/** [Method] Returns the value of id
-		* @returns String
-		*/
-		getId?(): string;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		read?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of defaultDateFormat
-		* @param defaultDateFormat String
-		*/
-		setDefaultDateFormat?( defaultDateFormat?:string ): void;
-		/** [Method] Sets the value of enablePagingParams
-		* @param enablePagingParams Boolean
-		*/
-		setEnablePagingParams?( enablePagingParams?:boolean ): void;
-		/** [Method] Sets the value of id
-		* @param id String
-		*/
-		setId?( id?:string ): void;
-		/** [Method] Saves the given record in the Proxy
-		* @param record Ext.data.Model The model instance
-		* @param id String The id to save the record under (defaults to the value of the record's getId() function)
-		*/
-		setRecord?( record?:Ext.data.IModel, id?:string ): void;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		update?( operation?:any, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IWebStorageProxy extends Ext.data.proxy.IClient {
-		/** [Config Option] (Boolean) */
-		enablePagingParams?: boolean;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Property] (Object) */
-		cache?: any;
-		/** [Method] Destroys all records stored in the proxy and removes all keys and values used to support the proxy from the storage o  */
-		clear?(): void;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		create?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] inherit
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		destroy?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Returns the value of defaultDateFormat
-		* @returns String
-		*/
-		getDefaultDateFormat?(): string;
-		/** [Method] Returns the value of enablePagingParams
-		* @returns Boolean
-		*/
-		getEnablePagingParams?(): boolean;
-		/** [Method] Returns the value of id
-		* @returns String
-		*/
-		getId?(): string;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		read?( operation?:any, callback?:any, scope?:any ): void;
-		/** [Method] Sets the value of defaultDateFormat
-		* @param defaultDateFormat String
-		*/
-		setDefaultDateFormat?( defaultDateFormat?:string ): void;
-		/** [Method] Sets the value of enablePagingParams
-		* @param enablePagingParams Boolean
-		*/
-		setEnablePagingParams?( enablePagingParams?:boolean ): void;
-		/** [Method] Sets the value of id
-		* @param id String
-		*/
-		setId?( id?:string ): void;
-		/** [Method] Saves the given record in the Proxy
-		* @param record Ext.data.Model The model instance
-		* @param id String The id to save the record under (defaults to the value of the record's getId() function)
-		*/
-		setRecord?( record?:Ext.data.IModel, id?:string ): void;
-		/** [Method] inherit docs
-		* @param operation Object
-		* @param callback Object
-		* @param scope Object
-		*/
-		update?( operation?:any, callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.data.reader {
-	export interface IArray extends Ext.data.reader.IJson {
-		/** [Config Option] (String) */
-		successProperty?: string;
-		/** [Config Option] (String) */
-		totalProperty?: string;
-		/** [Method] Returns the value of successProperty
-		* @returns Object
-		*/
-		getSuccessProperty?(): any;
-		/** [Method] Returns the value of totalProperty
-		* @returns Object
-		*/
-		getTotalProperty?(): any;
-		/** [Method] Sets the value of successProperty
-		* @param successProperty Object
-		*/
-		setSuccessProperty?( successProperty?:any ): void;
-		/** [Method] Sets the value of totalProperty
-		* @param totalProperty Object
-		*/
-		setTotalProperty?( totalProperty?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IArrayReader extends Ext.data.reader.IJson {
-		/** [Config Option] (String) */
-		successProperty?: string;
-		/** [Config Option] (String) */
-		totalProperty?: string;
-		/** [Method] Returns the value of successProperty
-		* @returns Object
-		*/
-		getSuccessProperty?(): any;
-		/** [Method] Returns the value of totalProperty
-		* @returns Object
-		*/
-		getTotalProperty?(): any;
-		/** [Method] Sets the value of successProperty
-		* @param successProperty Object
-		*/
-		setSuccessProperty?( successProperty?:any ): void;
-		/** [Method] Sets the value of totalProperty
-		* @param totalProperty Object
-		*/
-		setTotalProperty?( totalProperty?:any ): void;
-	}
-}
-declare namespace Ext.data.reader {
-	export interface IJson extends Ext.data.reader.IReader {
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Config Option] (Boolean) */
-		useSimpleAccessors?: boolean;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] Takes a raw response object as passed to this read and returns the useful data segment of it
-		* @param response Object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Returns the value of useSimpleAccessors
-		* @returns Boolean
-		*/
-		getUseSimpleAccessors?(): boolean;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-		/** [Method] Sets the value of useSimpleAccessors
-		* @param useSimpleAccessors Boolean
-		*/
-		setUseSimpleAccessors?( useSimpleAccessors?:boolean ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IJsonReader extends Ext.data.reader.IReader {
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Config Option] (Boolean) */
-		useSimpleAccessors?: boolean;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] Takes a raw response object as passed to this read and returns the useful data segment of it
-		* @param response Object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Returns the value of useSimpleAccessors
-		* @returns Boolean
-		*/
-		getUseSimpleAccessors?(): boolean;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-		/** [Method] Sets the value of useSimpleAccessors
-		* @param useSimpleAccessors Boolean
-		*/
-		setUseSimpleAccessors?( useSimpleAccessors?:boolean ): void;
-	}
-}
-declare namespace Ext.data.reader {
-	export interface IReader extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		clientIdProperty?: string;
-		/** [Config Option] (String) */
-		idProperty?: string;
-		/** [Config Option] (Boolean) */
-		implicitIncludes?: boolean;
-		/** [Config Option] (String) */
-		messageProperty?: string;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (String) */
-		rootProperty?: string;
-		/** [Config Option] (String) */
-		successProperty?: string;
-		/** [Config Option] (String) */
-		totalProperty?: string;
-		/** [Property] (Object) */
-		metaData?: any;
-		/** [Property] (Object) */
-		rawData?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of clientIdProperty
-		* @returns String
-		*/
-		getClientIdProperty?(): string;
-		/** [Method] Returns the value of idProperty
-		* @returns String
-		*/
-		getIdProperty?(): string;
-		/** [Method] Returns the value of implicitIncludes
-		* @returns Boolean
-		*/
-		getImplicitIncludes?(): boolean;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of messageProperty
-		* @returns String
-		*/
-		getMessageProperty?(): string;
-		/** [Method] Returns the value of model
-		* @returns Object
-		*/
-		getModel?(): any;
-		/** [Method] Takes a raw response object as passed to this read and returns the useful data segment of it
-		* @param response Object The response object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Returns the value of rootProperty
-		* @returns String
-		*/
-		getRootProperty?(): string;
-		/** [Method] Returns the value of successProperty
-		* @returns any
-		*/
-		getSuccessProperty?(): any;
-		/** [Method] Returns the value of totalProperty
-		* @returns any
-		*/
-		getTotalProperty?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Reads the given response object
-		* @param response Object The response object. This may be either an XMLHttpRequest object or a plain JS object
-		* @returns Ext.data.ResultSet The parsed ResultSet object
-		*/
-		read?( response?:any ): Ext.data.IResultSet;
-		/** [Method] Abstracts common functionality used by all Reader subclasses
-		* @param data Object The raw data object
-		* @returns Ext.data.ResultSet A ResultSet object
-		*/
-		readRecords?( data?:any ): Ext.data.IResultSet;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of clientIdProperty
-		* @param clientIdProperty String
-		*/
-		setClientIdProperty?( clientIdProperty?:string ): void;
-		/** [Method] Sets the value of idProperty
-		* @param idProperty String
-		*/
-		setIdProperty?( idProperty?:string ): void;
-		/** [Method] Sets the value of implicitIncludes
-		* @param implicitIncludes Boolean
-		*/
-		setImplicitIncludes?( implicitIncludes?:boolean ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of messageProperty
-		* @param messageProperty String
-		*/
-		setMessageProperty?( messageProperty?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model Object
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of rootProperty
-		* @param rootProperty String
-		*/
-		setRootProperty?( rootProperty?:string ): void;
-		/** [Method] Sets the value of successProperty
-		* @param successProperty String
-		*/
-		setSuccessProperty?( successProperty?:string ): void;
-		/** [Method] Sets the value of totalProperty
-		* @param totalProperty String
-		*/
-		setTotalProperty?( totalProperty?:string ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IReader extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		clientIdProperty?: string;
-		/** [Config Option] (String) */
-		idProperty?: string;
-		/** [Config Option] (Boolean) */
-		implicitIncludes?: boolean;
-		/** [Config Option] (String) */
-		messageProperty?: string;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (String) */
-		rootProperty?: string;
-		/** [Config Option] (String) */
-		successProperty?: string;
-		/** [Config Option] (String) */
-		totalProperty?: string;
-		/** [Property] (Object) */
-		metaData?: any;
-		/** [Property] (Object) */
-		rawData?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of clientIdProperty
-		* @returns String
-		*/
-		getClientIdProperty?(): string;
-		/** [Method] Returns the value of idProperty
-		* @returns String
-		*/
-		getIdProperty?(): string;
-		/** [Method] Returns the value of implicitIncludes
-		* @returns Boolean
-		*/
-		getImplicitIncludes?(): boolean;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of messageProperty
-		* @returns String
-		*/
-		getMessageProperty?(): string;
-		/** [Method] Returns the value of model
-		* @returns Object
-		*/
-		getModel?(): any;
-		/** [Method] Takes a raw response object as passed to this read and returns the useful data segment of it
-		* @param response Object The response object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Returns the value of rootProperty
-		* @returns String
-		*/
-		getRootProperty?(): string;
-		/** [Method] Returns the value of successProperty
-		* @returns any
-		*/
-		getSuccessProperty?(): any;
-		/** [Method] Returns the value of totalProperty
-		* @returns any
-		*/
-		getTotalProperty?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Reads the given response object
-		* @param response Object The response object. This may be either an XMLHttpRequest object or a plain JS object
-		* @returns Ext.data.ResultSet The parsed ResultSet object
-		*/
-		read?( response?:any ): Ext.data.IResultSet;
-		/** [Method] Abstracts common functionality used by all Reader subclasses
-		* @param data Object The raw data object
-		* @returns Ext.data.ResultSet A ResultSet object
-		*/
-		readRecords?( data?:any ): Ext.data.IResultSet;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of clientIdProperty
-		* @param clientIdProperty String
-		*/
-		setClientIdProperty?( clientIdProperty?:string ): void;
-		/** [Method] Sets the value of idProperty
-		* @param idProperty String
-		*/
-		setIdProperty?( idProperty?:string ): void;
-		/** [Method] Sets the value of implicitIncludes
-		* @param implicitIncludes Boolean
-		*/
-		setImplicitIncludes?( implicitIncludes?:boolean ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of messageProperty
-		* @param messageProperty String
-		*/
-		setMessageProperty?( messageProperty?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model Object
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of rootProperty
-		* @param rootProperty String
-		*/
-		setRootProperty?( rootProperty?:string ): void;
-		/** [Method] Sets the value of successProperty
-		* @param successProperty String
-		*/
-		setSuccessProperty?( successProperty?:string ): void;
-		/** [Method] Sets the value of totalProperty
-		* @param totalProperty String
-		*/
-		setTotalProperty?( totalProperty?:string ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IDataReader extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		clientIdProperty?: string;
-		/** [Config Option] (String) */
-		idProperty?: string;
-		/** [Config Option] (Boolean) */
-		implicitIncludes?: boolean;
-		/** [Config Option] (String) */
-		messageProperty?: string;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (String) */
-		rootProperty?: string;
-		/** [Config Option] (String) */
-		successProperty?: string;
-		/** [Config Option] (String) */
-		totalProperty?: string;
-		/** [Property] (Object) */
-		metaData?: any;
-		/** [Property] (Object) */
-		rawData?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of clientIdProperty
-		* @returns String
-		*/
-		getClientIdProperty?(): string;
-		/** [Method] Returns the value of idProperty
-		* @returns String
-		*/
-		getIdProperty?(): string;
-		/** [Method] Returns the value of implicitIncludes
-		* @returns Boolean
-		*/
-		getImplicitIncludes?(): boolean;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of messageProperty
-		* @returns String
-		*/
-		getMessageProperty?(): string;
-		/** [Method] Returns the value of model
-		* @returns Object
-		*/
-		getModel?(): any;
-		/** [Method] Takes a raw response object as passed to this read and returns the useful data segment of it
-		* @param response Object The response object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Returns the value of rootProperty
-		* @returns String
-		*/
-		getRootProperty?(): string;
-		/** [Method] Returns the value of successProperty
-		* @returns any
-		*/
-		getSuccessProperty?(): any;
-		/** [Method] Returns the value of totalProperty
-		* @returns any
-		*/
-		getTotalProperty?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Reads the given response object
-		* @param response Object The response object. This may be either an XMLHttpRequest object or a plain JS object
-		* @returns Ext.data.ResultSet The parsed ResultSet object
-		*/
-		read?( response?:any ): Ext.data.IResultSet;
-		/** [Method] Abstracts common functionality used by all Reader subclasses
-		* @param data Object The raw data object
-		* @returns Ext.data.ResultSet A ResultSet object
-		*/
-		readRecords?( data?:any ): Ext.data.IResultSet;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of clientIdProperty
-		* @param clientIdProperty String
-		*/
-		setClientIdProperty?( clientIdProperty?:string ): void;
-		/** [Method] Sets the value of idProperty
-		* @param idProperty String
-		*/
-		setIdProperty?( idProperty?:string ): void;
-		/** [Method] Sets the value of implicitIncludes
-		* @param implicitIncludes Boolean
-		*/
-		setImplicitIncludes?( implicitIncludes?:boolean ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of messageProperty
-		* @param messageProperty String
-		*/
-		setMessageProperty?( messageProperty?:string ): void;
-		/** [Method] Sets the value of model
-		* @param model Object
-		*/
-		setModel?( model?:any ): void;
-		/** [Method] Sets the value of rootProperty
-		* @param rootProperty String
-		*/
-		setRootProperty?( rootProperty?:string ): void;
-		/** [Method] Sets the value of successProperty
-		* @param successProperty String
-		*/
-		setSuccessProperty?( successProperty?:string ): void;
-		/** [Method] Sets the value of totalProperty
-		* @param totalProperty String
-		*/
-		setTotalProperty?( totalProperty?:string ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.data.reader {
-	export interface IXml extends Ext.data.reader.IReader {
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Method] Normalizes the data object
-		* @param data Object The raw data object.
-		* @returns Object Returns the documentElement property of the data object if present, or the same object if not.
-		*/
-		getData?( data?:any ): any;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] inherit docs
-		* @param response Object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Parses an XML document and returns a ResultSet containing the model instances
-		* @param doc Object Parsed XML document.
-		* @returns Ext.data.ResultSet The parsed result set.
-		*/
-		readRecords?( doc?:any ): Ext.data.IResultSet;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IXmlReader extends Ext.data.reader.IReader {
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Method] Normalizes the data object
-		* @param data Object The raw data object.
-		* @returns Object Returns the documentElement property of the data object if present, or the same object if not.
-		*/
-		getData?( data?:any ): any;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] inherit docs
-		* @param response Object
-		* @returns Object The useful data from the response
-		*/
-		getResponseData?( response?:any ): any;
-		/** [Method] Parses an XML document and returns a ResultSet containing the model instances
-		* @param doc Object Parsed XML document.
-		* @returns Ext.data.ResultSet The parsed result set.
-		*/
-		readRecords?( doc?:any ): Ext.data.IResultSet;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IRequest extends Ext.IBase {
-		/** [Config Option] (String) */
-		action?: string;
-		/** [Config Option] (String) */
-		callbackKey?: string;
-		/** [Config Option] (Boolean) */
-		disableCaching?: boolean;
-		/** [Config Option] (Object) */
-		headers?: any;
-		/** [Config Option] (Object) */
-		jsonData?: any;
-		/** [Config Option] (Ext.data.JsonP) */
-		jsonp?: Ext.data.IJsonP;
-		/** [Config Option] (String) */
-		method?: string;
-		/** [Config Option] (Ext.data.Operation) */
-		operation?: Ext.data.IOperation;
-		/** [Config Option] (Object) */
-		params?: any;
-		/** [Config Option] (String) */
-		password?: string;
-		/** [Config Option] (Ext.data.proxy.Proxy) */
-		proxy?: Ext.data.proxy.IProxy;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Config Option] (String) */
-		username?: string;
-		/** [Config Option] (Boolean) */
-		withCredentials?: boolean;
-		/** [Config Option] (Object) */
-		xmlData?: any;
-		/** [Method] Returns the value of action
-		* @returns String
-		*/
-		getAction?(): string;
-		/** [Method] Returns the value of args
-		* @returns Object
-		*/
-		getArgs?(): any;
-		/** [Method] Returns the value of callback
-		* @returns Object
-		*/
-		getCallback?(): any;
-		/** [Method] Returns the value of callbackKey
-		* @returns String
-		*/
-		getCallbackKey?(): string;
-		/** [Method] Returns the value of directFn
-		* @returns Object
-		*/
-		getDirectFn?(): any;
-		/** [Method] Returns the value of disableCaching
-		* @returns Boolean
-		*/
-		getDisableCaching?(): boolean;
-		/** [Method] Returns the value of headers
-		* @returns Object
-		*/
-		getHeaders?(): any;
-		/** [Method] Returns the value of jsonData
-		* @returns Object
-		*/
-		getJsonData?(): any;
-		/** [Method] Returns the value of method
-		* @returns String
-		*/
-		getMethod?(): string;
-		/** [Method] Returns the value of operation
-		* @returns Ext.data.Operation
-		*/
-		getOperation?(): Ext.data.IOperation;
-		/** [Method] Returns the value of params
-		* @returns Object
-		*/
-		getParams?(): any;
-		/** [Method] Returns the value of password
-		* @returns String
-		*/
-		getPassword?(): string;
-		/** [Method] Returns the value of proxy
-		* @returns Ext.data.proxy.Proxy
-		*/
-		getProxy?(): Ext.data.proxy.IProxy;
-		/** [Method] Returns the value of records
-		* @returns Object
-		*/
-		getRecords?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns the value of username
-		* @returns String
-		*/
-		getUsername?(): string;
-		/** [Method] Returns the value of withCredentials
-		* @returns Boolean
-		*/
-		getWithCredentials?(): boolean;
-		/** [Method] Returns the value of xmlData
-		* @returns Object
-		*/
-		getXmlData?(): any;
-		/** [Method] Sets the value of action
-		* @param action String
-		*/
-		setAction?( action?:string ): void;
-		/** [Method] Sets the value of args
-		* @param args Object
-		*/
-		setArgs?( args?:any ): void;
-		/** [Method] Sets the value of callback
-		* @param callback Object
-		*/
-		setCallback?( callback?:any ): void;
-		/** [Method] Sets the value of callbackKey
-		* @param callbackKey String
-		*/
-		setCallbackKey?( callbackKey?:string ): void;
-		/** [Method] Sets the value of directFn
-		* @param directFn Object
-		*/
-		setDirectFn?( directFn?:any ): void;
-		/** [Method] Sets the value of disableCaching
-		* @param disableCaching Boolean
-		*/
-		setDisableCaching?( disableCaching?:boolean ): void;
-		/** [Method] Sets the value of headers
-		* @param headers Object
-		*/
-		setHeaders?( headers?:any ): void;
-		/** [Method] Sets the value of jsonData
-		* @param jsonData Object
-		*/
-		setJsonData?( jsonData?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method String
-		*/
-		setMethod?( method?:string ): void;
-		/** [Method] Sets the value of operation
-		* @param operation Ext.data.Operation
-		*/
-		setOperation?( operation?:Ext.data.IOperation ): void;
-		/** [Method] Sets the value of params
-		* @param params Object
-		*/
-		setParams?( params?:any ): void;
-		/** [Method] Sets the value of password
-		* @param password String
-		*/
-		setPassword?( password?:string ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy Ext.data.proxy.Proxy
-		*/
-		setProxy?( proxy?:Ext.data.proxy.IProxy ): void;
-		/** [Method] Sets the value of records
-		* @param records Object
-		*/
-		setRecords?( records?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Sets the value of username
-		* @param username String
-		*/
-		setUsername?( username?:string ): void;
-		/** [Method] Sets the value of withCredentials
-		* @param withCredentials Boolean
-		*/
-		setWithCredentials?( withCredentials?:boolean ): void;
-		/** [Method] Sets the value of xmlData
-		* @param xmlData Object
-		*/
-		setXmlData?( xmlData?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IResultSet extends Ext.IBase {
-		/** [Config Option] (Number) */
-		count?: number;
-		/** [Config Option] (Boolean) */
-		loaded?: boolean;
-		/** [Config Option] (String) */
-		message?: string;
-		/** [Config Option] (Ext.data.Model[]) */
-		records?: Ext.data.IModel[];
-		/** [Config Option] (Boolean) */
-		success?: boolean;
-		/** [Config Option] (Number) */
-		total?: number;
-		/** [Method] Returns the value of count
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of loaded
-		* @returns Boolean
-		*/
-		getLoaded?(): boolean;
-		/** [Method] Returns the value of message
-		* @returns String
-		*/
-		getMessage?(): string;
-		/** [Method] Returns the value of records
-		* @returns Ext.data.Model[]
-		*/
-		getRecords?(): Ext.data.IModel[];
-		/** [Method] Returns the value of success
-		* @returns Boolean
-		*/
-		getSuccess?(): boolean;
-		/** [Method] Returns the value of total
-		* @returns Number
-		*/
-		getTotal?(): number;
-		/** [Method] Sets the value of count
-		* @param count Number
-		*/
-		setCount?( count?:number ): void;
-		/** [Method] Sets the value of loaded
-		* @param loaded Boolean
-		*/
-		setLoaded?( loaded?:boolean ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		setMessage?( message?:string ): void;
-		/** [Method] Sets the value of records
-		* @param records Ext.data.Model[]
-		*/
-		setRecords?( records?:Ext.data.IModel[] ): void;
-		/** [Method] Sets the value of success
-		* @param success Boolean
-		*/
-		setSuccess?( success?:boolean ): void;
-		/** [Method] Sets the value of total
-		* @param total Number
-		*/
-		setTotal?( total?:number ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface ISortTypes extends Ext.IBase {
-	}
-	export class SortTypes {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (RegExp) */
-		static stripTagsRE: RegExp;
-		/** [Method] Date sorting
-		* @param value Object The value being converted.
-		* @returns Number The comparison value.
-		*/
-		static asDate( value?:any ): number;
-		/** [Method] Float sorting
-		* @param value Object The value being converted.
-		* @returns Number The comparison value.
-		*/
-		static asFloat( value?:any ): number;
-		/** [Method] Integer sorting
-		* @param value Object The value being converted.
-		* @returns Number The comparison value.
-		*/
-		static asInt( value?:any ): number;
-		/** [Method] Strips all HTML tags to sort on text only
-		* @param value Object The value being converted.
-		* @returns String The comparison value.
-		*/
-		static asText( value?:any ): string;
-		/** [Method] Case insensitive string
-		* @param value Object The value being converted.
-		* @returns String The comparison value.
-		*/
-		static asUCString( value?:any ): string;
-		/** [Method] Strips all HTML tags to sort on text only  case insensitive
-		* @param value Object The value being converted.
-		* @returns String The comparison value.
-		*/
-		static asUCText( value?:any ): string;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Default sort that does nothing
-		* @param value Object The value being converted.
-		* @returns Object The comparison value.
-		*/
-		static none( value?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.data {
-	export interface IStore extends Ext.IEvented {
-		/** [Config Option] (Boolean/Object) */
-		autoLoad?: any;
-		/** [Config Option] (Boolean) */
-		autoSync?: boolean;
-		/** [Config Option] (Boolean) */
-		clearOnPageLoad?: boolean;
-		/** [Config Option] (Object[]/Ext.data.Model[]) */
-		data?: any;
-		/** [Config Option] (Boolean) */
-		destroyRemovedRecords?: boolean;
-		/** [Config Option] (Object[]) */
-		fields?: any[];
-		/** [Config Option] (Object[]) */
-		filters?: any[];
-		/** [Config Option] (Function) */
-		getGroupString?: any;
-		/** [Config Option] (String) */
-		groupDir?: string;
-		/** [Config Option] (String) */
-		groupField?: string;
-		/** [Config Option] (Object) */
-		grouper?: any;
-		/** [Config Option] (String) */
-		model?: string;
-		/** [Config Option] (Number) */
-		pageSize?: number;
-		/** [Config Option] (String/Ext.data.proxy.Proxy/Object) */
-		proxy?: any;
-		/** [Config Option] (Boolean) */
-		remoteFilter?: boolean;
-		/** [Config Option] (Boolean) */
-		remoteGroup?: boolean;
-		/** [Config Option] (Boolean) */
-		remoteSort?: boolean;
-		/** [Config Option] (Object[]) */
-		sorters?: any[];
-		/** [Config Option] (String) */
-		storeId?: string;
-		/** [Config Option] (Boolean) */
-		syncRemovedRecords?: boolean;
-		/** [Config Option] (Number) */
-		totalCount?: number;
-		/** [Property] (Number) */
-		currentPage?: number;
-		/** [Method] Adds Model instance to the Store
-		* @param model Ext.data.Model[]/Ext.data.Model... An array of Model instances or Model configuration objects, or variable number of Model instance or config arguments.
-		* @returns Ext.data.Model[] The model instances that were added.
-		*/
-		add?( model?:any ): Ext.data.IModel[];
-		/** [Method] We are using applyData so that we can return nothing and prevent the this data property to be overridden
-		* @param data Object
-		*/
-		applyData?( data?:any ): void;
-		/** [Method] Gets the average value in the store
-		* @param field String The field in each record you want to get the average for.
-		* @returns Number The average value, if no items exist, 0.
-		*/
-		average?( field?:string ): number;
-		/** [Method] Reverts to a view of the Record cache with no filtering applied
-		* @param suppressEvent Boolean true to clear silently without firing the refresh event.
-		*/
-		clearFilter?( suppressEvent?:boolean ): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Calls the specified function for each of the Records in the cache
-		* @param fn Function The function to call. Returning false aborts and exits the iteration.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current Record in the iteration.
-		*/
-		each?( fn?:any, scope?:any ): void;
-		/** [Method] Filters the loaded set of records by a given set of filters
-		* @param filters Object[]/Ext.util.Filter[]/String The set of filters to apply to the data. These are stored internally on the store, but the filtering itself is done on the Store's MixedCollection. See MixedCollection's filter method for filter syntax. Alternatively, pass in a property string.
-		* @param value String value to filter by (only if using a property string as the first argument).
-		* @param anyMatch Boolean true to allow any match, false to anchor regex beginning with ^.
-		* @param caseSensitive Boolean true to make the filtering regex case sensitive.
-		*/
-		filter?( filters?:any, value?:string, anyMatch?:boolean, caseSensitive?:boolean ): void;
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called. It will be passed the following parameters:
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this Store.
-		*/
-		filterBy?( fn?:any, scope?:any ): void;
-		/** [Method] Finds the index of the first matching Record in this store by a specific field value
-		* @param fieldName String The name of the Record field to test.
-		* @param value String/RegExp Either a string that the field value should begin with, or a RegExp to test against the field.
-		* @param startIndex Number The index to start searching at.
-		* @param anyMatch Boolean true to match any part of the string, not just the beginning.
-		* @param caseSensitive Boolean true for case sensitive comparison.
-		* @param exactMatch Boolean true to force exact match (^ and $ characters added to the regex).
-		* @returns Number The matched index or -1
-		*/
-		find?( fieldName?:string, value?:any, startIndex?:number, anyMatch?:boolean, caseSensitive?:boolean, exactMatch?:boolean ): number;
-		/** [Method] Find the index of the first matching Record in this Store by a function
-		* @param fn Function The function to be called. It will be passed the following parameters:
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this Store.
-		* @param startIndex Number The index to start searching at.
-		* @returns Number The matched index or -1.
-		*/
-		findBy?( fn?:any, scope?:any, startIndex?:number ): number;
-		/** [Method] Finds the index of the first matching Record in this store by a specific field value
-		* @param fieldName String The name of the Record field to test.
-		* @param value Object The value to match the field against.
-		* @param startIndex Number The index to start searching at.
-		* @returns Number The matched index or -1.
-		*/
-		findExact?( fieldName?:string, value?:any, startIndex?:number ): number;
-		/** [Method] Finds the first matching Record in this store by a specific field value
-		* @param fieldName String The name of the Record field to test.
-		* @param value String/RegExp Either a string that the field value should begin with, or a RegExp to test against the field.
-		* @param startIndex Number The index to start searching at.
-		* @param anyMatch Boolean true to match any part of the string, not just the beginning.
-		* @param caseSensitive Boolean true for case sensitive comparison.
-		* @param exactMatch Boolean true to force exact match (^ and $ characters added to the regex).
-		* @returns Ext.data.Model The matched record or null.
-		*/
-		findRecord?( fieldName?:string, value?:any, startIndex?:number, anyMatch?:boolean, caseSensitive?:boolean, exactMatch?:boolean ): Ext.data.IModel;
-		/** [Method] Convenience function for getting the first model instance in the store
-		* @returns Ext.data.Model/undefined The first model instance in the store, or undefined.
-		*/
-		first?(): any;
-		/** [Method] Gets the number of all cached records including the ones currently filtered
-		* @returns Number The number of all Records in the Store's cache.
-		*/
-		getAllCount?(): number;
-		/** [Method] Get the Record at the specified index
-		* @param index Number The index of the Record to find.
-		* @returns Ext.data.Model/undefined The Record at the passed index. Returns undefined if not found.
-		*/
-		getAt?( index?:number ): any;
-		/** [Method] Returns the value of autoLoad
-		* @returns Boolean/Object
-		*/
-		getAutoLoad?(): any;
-		/** [Method] Returns the value of autoSync
-		* @returns Boolean
-		*/
-		getAutoSync?(): boolean;
-		/** [Method] Get the Record with the specified id
-		* @param id String The id of the Record to find.
-		* @returns Ext.data.Model/undefined The Record with the passed id. Returns undefined if not found.
-		*/
-		getById?( id?:string ): any;
-		/** [Method] Returns the value of clearOnPageLoad
-		* @returns Boolean
-		*/
-		getClearOnPageLoad?(): boolean;
-		/** [Method] Gets the number of cached records
-		* @returns Number The number of Records in the Store's cache.
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of data
-		* @returns Object[]/Ext.data.Model[]
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of destroyRemovedRecords
-		* @returns Boolean
-		*/
-		getDestroyRemovedRecords?(): boolean;
-		/** [Method] Returns the value of fields
-		* @returns Object[]
-		*/
-		getFields?(): any[];
-		/** [Method] Returns the value of getGroupString
-		* @returns Function
-		*/
-		getGetGroupString?(): any;
-		/** [Method] Returns the value of groupDir
-		* @returns String
-		*/
-		getGroupDir?(): string;
-		/** [Method] Returns the value of groupField
-		* @returns String
-		*/
-		getGroupField?(): string;
-		/** [Method] Returns the value of grouper
-		* @returns Object
-		*/
-		getGrouper?(): any;
-		/** [Method] Returns an array containing the result of applying the grouper to the records in this store
-		* @param groupName String Pass in an optional groupName argument to access a specific group as defined by grouper.
-		* @returns Object/Object[] The grouped data.
-		*/
-		getGroups?( groupName?:string ): any;
-		/** [Method] Returns the value of model
-		* @returns String
-		*/
-		getModel?(): string;
-		/** [Method] Returns the value of modelDefaults
-		* @returns Object
-		*/
-		getModelDefaults?(): any;
-		/** [Method] Returns all Model instances that are either currently a phantom e g
-		* @returns Ext.data.Model[] The Model instances.
-		*/
-		getNewRecords?(): Ext.data.IModel[];
-		/** [Method] Returns the value of pageSize
-		* @returns Number
-		*/
-		getPageSize?(): number;
-		/** [Method] Returns the value of proxy
-		* @returns String/Ext.data.proxy.Proxy/Object
-		*/
-		getProxy?(): any;
-		/** [Method] Returns a range of Records between specified indices
-		* @param startIndex Number The starting index.
-		* @param endIndex Number The ending index (defaults to the last Record in the Store).
-		* @returns Ext.data.Model[] An array of Records.
-		*/
-		getRange?( startIndex?:number, endIndex?:number ): Ext.data.IModel[];
-		/** [Method] Returns the value of remoteFilter
-		* @returns Boolean
-		*/
-		getRemoteFilter?(): boolean;
-		/** [Method] Returns the value of remoteGroup
-		* @returns Boolean
-		*/
-		getRemoteGroup?(): boolean;
-		/** [Method] Returns the value of remoteSort
-		* @returns Boolean
-		*/
-		getRemoteSort?(): boolean;
-		/** [Method] Returns any records that have been removed from the store but not yet destroyed on the proxy
-		* @returns Ext.data.Model[] The removed Model instances.
-		*/
-		getRemovedRecords?(): Ext.data.IModel[];
-		/** [Method] Returns the value of storeId
-		* @returns String
-		*/
-		getStoreId?(): string;
-		/** [Method] Returns the value of syncRemovedRecords
-		* @returns Boolean
-		*/
-		getSyncRemovedRecords?(): boolean;
-		/** [Method] Returns the value of totalCount
-		* @returns Number
-		*/
-		getTotalCount?(): number;
-		/** [Method] Returns all Model instances that have been updated in the Store but not yet synchronized with the Proxy
-		* @returns Ext.data.Model[] The updated Model instances.
-		*/
-		getUpdatedRecords?(): Ext.data.IModel[];
-		/** [Method] Get the index within the cache of the passed Record
-		* @param record Ext.data.Model The Ext.data.Model object to find.
-		* @returns Number The index of the passed Record. Returns -1 if not found.
-		*/
-		indexOf?( record?:Ext.data.IModel ): number;
-		/** [Method] Get the index within the cache of the Record with the passed id
-		* @param id String The id of the Record to find.
-		* @returns Number The index of the Record. Returns -1 if not found.
-		*/
-		indexOfId?( id?:string ): number;
-		/** [Method] Inserts Model instances into the Store at the given index and fires the add event
-		* @param index Number The start index at which to insert the passed Records.
-		* @param records Ext.data.Model[] An Array of Ext.data.Model objects to add to the cache.
-		* @returns Object
-		*/
-		insert?( index?:number, records?:Ext.data.IModel[] ): any;
-		/** [Method] Returns true if the Store is set to autoLoad or is a type which loads upon instantiation
-		* @returns Boolean
-		*/
-		isAutoLoading?(): boolean;
-		/** [Method] Returns true if this store is currently filtered
-		* @returns Boolean
-		*/
-		isFiltered?(): boolean;
-		/** [Method] This method tells you if this store has a grouper defined on it
-		* @returns Boolean true if this store has a grouper defined.
-		*/
-		isGrouped?(): boolean;
-		/** [Method] Returns true if the Store has been loaded
-		* @returns Boolean true if the Store has been loaded.
-		*/
-		isLoaded?(): boolean;
-		/** [Method] Returns true if the Store is currently performing a load operation
-		* @returns Boolean true if the Store is currently loading.
-		*/
-		isLoading?(): boolean;
-		/** [Method] Returns true if this store is currently sorted
-		* @returns Boolean
-		*/
-		isSorted?(): boolean;
-		/** [Method] Convenience function for getting the last model instance in the store
-		* @returns Ext.data.Model/undefined The last model instance in the store, or undefined.
-		*/
-		last?(): any;
-		/** [Method] Loads data into the Store via the configured proxy
-		* @param options Object/Function config object, passed into the Ext.data.Operation object before loading.
-		* @param scope Object Scope for the function.
-		* @returns Object
-		*/
-		load?( options?:any, scope?:any ): any;
-		/** [Method] Loads an array of data straight into the Store
-		* @param data Ext.data.Model[]/Object[] Array of data to load. Any non-model instances will be cast into model instances first.
-		* @param append Boolean true to add the records to the existing records in the store, false to remove the old ones first.
-		*/
-		loadData?( data?:any, append?:boolean ): void;
-		/** [Method] Loads a given page of data by setting the start and limit values appropriately
-		* @param page Number The number of the page to load.
-		* @param options Object See options for load.
-		* @param scope Object
-		*/
-		loadPage?( page?:number, options?:any, scope?:any ): void;
-		/** [Method] Adds Model instance to the Store
-		* @param model Ext.data.Model[]/Ext.data.Model... An array of Model instances or Model configuration objects, or variable number of Model instance or config arguments.
-		* @returns Ext.data.Model[] The model instances that were added.
-		*/
-		loadRecords?( model?:any ): Ext.data.IModel[];
-		/** [Method] Gets the maximum value in the store
-		* @param field String The field in each record.
-		* @returns Object/undefined The maximum value, if no items exist, undefined.
-		*/
-		max?( field?:string ): any;
-		/** [Method] Gets the minimum value in the store
-		* @param field String The field in each record.
-		* @returns Object/undefined The minimum value, if no items exist, undefined.
-		*/
-		min?( field?:string ): any;
-		/** [Method] Loads the next page in the current data set
-		* @param options Object See options for load.
-		*/
-		nextPage?( options?:any ): void;
-		/** [Method] Loads the previous page in the current data set
-		* @param options Object See options for load.
-		*/
-		previousPage?( options?:any ): void;
-		/** [Method] Query the cached records in this Store using a filtering function
-		* @param fn Function The function to be called. It will be passed the following parameters:
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this Store.
-		* @returns Ext.util.MixedCollection Returns an Ext.util.MixedCollection of the matched records.
-		*/
-		queryBy?( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Removes the given record from the Store firing the removerecords event passing all the instances that are removed
-		* @param records Ext.data.Model/Ext.data.Model[] Model instance or array of instances to remove.
-		*/
-		remove?( records?:any ): void;
-		/** [Method] Remove all items from the store
-		* @param silent Boolean Prevent the clear event from being fired.
-		*/
-		removeAll?( silent?:boolean ): void;
-		/** [Method] Removes the model instance at the given index
-		* @param index Number The record index.
-		*/
-		removeAt?( index?:number ): void;
-		/** [Method] Sets the value of autoLoad
-		* @param autoLoad Boolean/Object
-		*/
-		setAutoLoad?( autoLoad?:any ): void;
-		/** [Method] Sets the value of autoSync
-		* @param autoSync Boolean
-		*/
-		setAutoSync?( autoSync?:boolean ): void;
-		/** [Method] Sets the value of clearOnPageLoad
-		* @param clearOnPageLoad Boolean
-		*/
-		setClearOnPageLoad?( clearOnPageLoad?:boolean ): void;
-		/** [Method] Sets the value of data
-		* @param data Object[]/Ext.data.Model[]
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of destroyRemovedRecords
-		* @param destroyRemovedRecords Boolean
-		*/
-		setDestroyRemovedRecords?( destroyRemovedRecords?:boolean ): void;
-		/** [Method] Sets the value of fields
-		* @param fields Object[]
-		*/
-		setFields?( fields?:any[] ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Object[]
-		*/
-		setFilters?( filters?:any[] ): void;
-		/** [Method] Sets the value of getGroupString
-		* @param getGroupString Function
-		*/
-		setGetGroupString?( getGroupString?:any ): void;
-		/** [Method] Sets the value of groupDir
-		* @param groupDir String
-		*/
-		setGroupDir?( groupDir?:string ): void;
-		/** [Method] Sets the value of groupField
-		* @param groupField String
-		*/
-		setGroupField?( groupField?:string ): void;
-		/** [Method] Sets the value of grouper
-		* @param grouper Object
-		*/
-		setGrouper?( grouper?:any ): void;
-		/** [Method] Sets the value of model
-		* @param model String
-		*/
-		setModel?( model?:string ): void;
-		/** [Method] Sets the value of modelDefaults
-		* @param modelDefaults Object
-		*/
-		setModelDefaults?( modelDefaults?:any ): void;
-		/** [Method] Sets the value of pageSize
-		* @param pageSize Number
-		*/
-		setPageSize?( pageSize?:number ): void;
-		/** [Method] Sets the value of proxy
-		* @param proxy String/Ext.data.proxy.Proxy/Object
-		*/
-		setProxy?( proxy?:any ): void;
-		/** [Method] Sets the value of remoteFilter
-		* @param remoteFilter Boolean
-		*/
-		setRemoteFilter?( remoteFilter?:boolean ): void;
-		/** [Method] Sets the value of remoteGroup
-		* @param remoteGroup Boolean
-		*/
-		setRemoteGroup?( remoteGroup?:boolean ): void;
-		/** [Method] Sets the value of remoteSort
-		* @param remoteSort Boolean
-		*/
-		setRemoteSort?( remoteSort?:boolean ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Object[]
-		*/
-		setSorters?( sorters?:any[] ): void;
-		/** [Method] Sets the value of storeId
-		* @param storeId String
-		*/
-		setStoreId?( storeId?:string ): void;
-		/** [Method] Sets the value of syncRemovedRecords
-		* @param syncRemovedRecords Boolean
-		*/
-		setSyncRemovedRecords?( syncRemovedRecords?:boolean ): void;
-		/** [Method] Sets the value of totalCount
-		* @param totalCount Number
-		*/
-		setTotalCount?( totalCount?:number ): void;
-		/** [Method] Sorts the data in the Store by one or more of its properties
-		* @param sorters String/Ext.util.Sorter[] Either a string name of one of the fields in this Store's configured Model, or an array of sorter configurations.
-		* @param defaultDirection String The default overall direction to sort the data by.
-		* @param where String This can be either 'prepend' or 'append'. If you leave this undefined it will clear the current sorters.
-		*/
-		sort?( sorters?:any, defaultDirection?:string, where?:string ): void;
-		/** [Method] Sums the value of property for each record between start and end and returns the result
-		* @param field String The field in each record.
-		* @returns Number The sum.
-		*/
-		sum?( field?:string ): number;
-		/** [Method] Synchronizes the Store with its Proxy
-		* @returns Object
-		*/
-		sync?(): any;
-	}
-}
-declare namespace Ext.data {
-	export interface IStoreManager extends Ext.util.ICollection {
-	}
-	export class StoreManager {
-		/** [Property] (Array) */
-		static all: any[];
-		/** [Property] (Object) */
-		static currentSortFn: any;
-		/** [Property] (Boolean) */
-		static dirtyFilterFn: boolean;
-		/** [Property] (Boolean) */
-		static dirtySortFn: boolean;
-		/** [Property] (Boolean) */
-		static filtered: boolean;
-		/** [Property] (Object) */
-		static indices: any;
-		/** [Property] (Array) */
-		static items: any[];
-		/** [Property] (Array) */
-		static keys: any[];
-		/** [Property] (Number) */
-		static length: number;
-		/** [Property] (Object) */
-		static map: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Boolean) */
-		static sorted: boolean;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param item Object The item to add.
-		* @returns Object The item added.
-		*/
-		static add( key?:string, item?:any ): any;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param addItems Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if {@link} Ext.util.MixedCollection.allowFunctions allowFunctions} has been set to true.
-		*/
-		static addAll( addItems?:any ): void;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		static addFilter( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Object
-		* @returns Object
-		*/
-		static addFilters( filters?:any ): any;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorter( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorters( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all items from the collection  */
-		static clear(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		static clone(): Ext.util.IMixedCollection;
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param item Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		static contains( item?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		static containsKey( key?:string ): boolean;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		static eachKey( fn?:any, scope?:any ): void;
-		/** [Method] This method will sort a collection based on the currently configured sorters
-		* @param property Object
-		* @param value Object
-		* @param anyMatch Object
-		* @param caseSensitive Object
-		* @returns Array
-		*/
-		static filter( property?:any, value?:any, anyMatch?:any, caseSensitive?:any ): any[];
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		static filterBy( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		static findBy( fn?:any, scope?:any ): any;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index, or -1 if the item was not found.
-		*/
-		static findIndexBy( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		static findInsertionIndex( items?:any[], item?:any ): number;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection.
-		*/
-		static first(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		static get( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		static getAt( index?:number ): any;
-		/** [Method] Returns the value of autoFilter
-		* @returns Boolean
-		*/
-		static getAutoFilter(): boolean;
-		/** [Method] Returns the value of autoSort
-		* @returns Boolean
-		*/
-		static getAutoSort(): boolean;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		static getByKey( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		static getDefaultSortDirection(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		static getFilterFn(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		static getFilterRoot(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		static getFilters(): any[];
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] getKey implementation for MixedCollection
-		* @param o Object
-		* @returns Object The key for the passed item.
-		*/
-		static getKey( o?:any ): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index. Defaults to the last item.
-		* @returns Array An array of items.
-		*/
-		static getRange( start?:number, end?:number ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		static getSortFn(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		static getSortRoot(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		static getSorters(): any[];
-		/** [Method] Returns index within the collection of the passed Object
-		* @param item Object The item to find the index of.
-		* @returns Number Index of the item. Returns -1 if not found.
-		*/
-		static indexOf( item?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number Index of the key.
-		*/
-		static indexOfKey( key?:string ): number;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param item Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		static insert( index?:number, key?:string, item?:any ): any;
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		static insertFilter( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		static insertFilters( index?:number, filters?:any[] ): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static insertSorter( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @returns Ext.util.Collection this
-		*/
-		static insertSorters(): Ext.util.ICollection;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection.
-		*/
-		static last(): any;
-		/** [Method] Gets a registered Store by id
-		* @param store String/Object The id of the Store, or a Store instance, or a store configuration.
-		* @returns Ext.data.Store
-		*/
-		static lookup( store?:any ): Ext.data.IStore;
-		/** [Method] Registers one or more Stores with the StoreManager
-		* @param stores Ext.data.Store... Any number of Store instances.
-		*/
-		static register( stores:Ext.data.IStore ): void;
-		/** [Method] Remove an item from the collection
-		* @param item Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static remove( item?:any ): any;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		static removeAll( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static removeAt( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		static removeAtKey( key?:string ): any;
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeFilters( filters?:any ): Ext.util.ICollection;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		static removeSorter( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeSorters( sorters?:any ): Ext.util.ICollection;
-		/** [Method] Replaces an item in the collection
-		* @param oldKey String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param item Object {Object} item (optional) If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		static replace( oldKey?:string, item?:any ): any;
-		/** [Method] Sets the value of autoFilter
-		* @param autoFilter Boolean
-		*/
-		static setAutoFilter( autoFilter?:boolean ): void;
-		/** [Method] Sets the value of autoSort
-		* @param autoSort Boolean
-		*/
-		static setAutoSort( autoSort?:boolean ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		static setDefaultSortDirection( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		static setFilterRoot( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		static setFilters( filters?:any[] ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		static setSortRoot( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		static setSorters( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param sorters Object
-		* @param defaultDirection Object
-		* @returns Array The array you passed after it is sorted.
-		*/
-		static sort( sorters?:any, defaultDirection?:any ): any[];
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters one or more Stores with the StoreManager
-		* @param stores String/Object... Any number of Store instances or ID-s.
-		*/
-		static unregister( stores?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IStoreMgr extends Ext.util.ICollection {
-	}
-	export class StoreMgr {
-		/** [Property] (Array) */
-		static all: any[];
-		/** [Property] (Object) */
-		static currentSortFn: any;
-		/** [Property] (Boolean) */
-		static dirtyFilterFn: boolean;
-		/** [Property] (Boolean) */
-		static dirtySortFn: boolean;
-		/** [Property] (Boolean) */
-		static filtered: boolean;
-		/** [Property] (Object) */
-		static indices: any;
-		/** [Property] (Array) */
-		static items: any[];
-		/** [Property] (Array) */
-		static keys: any[];
-		/** [Property] (Number) */
-		static length: number;
-		/** [Property] (Object) */
-		static map: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Boolean) */
-		static sorted: boolean;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param item Object The item to add.
-		* @returns Object The item added.
-		*/
-		static add( key?:string, item?:any ): any;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param addItems Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if {@link} Ext.util.MixedCollection.allowFunctions allowFunctions} has been set to true.
-		*/
-		static addAll( addItems?:any ): void;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		static addFilter( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Object
-		* @returns Object
-		*/
-		static addFilters( filters?:any ): any;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorter( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorters( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all items from the collection  */
-		static clear(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		static clone(): Ext.util.IMixedCollection;
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param item Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		static contains( item?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		static containsKey( key?:string ): boolean;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		static eachKey( fn?:any, scope?:any ): void;
-		/** [Method] This method will sort a collection based on the currently configured sorters
-		* @param property Object
-		* @param value Object
-		* @param anyMatch Object
-		* @param caseSensitive Object
-		* @returns Array
-		*/
-		static filter( property?:any, value?:any, anyMatch?:any, caseSensitive?:any ): any[];
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		static filterBy( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		static findBy( fn?:any, scope?:any ): any;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index, or -1 if the item was not found.
-		*/
-		static findIndexBy( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		static findInsertionIndex( items?:any[], item?:any ): number;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection.
-		*/
-		static first(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		static get( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		static getAt( index?:number ): any;
-		/** [Method] Returns the value of autoFilter
-		* @returns Boolean
-		*/
-		static getAutoFilter(): boolean;
-		/** [Method] Returns the value of autoSort
-		* @returns Boolean
-		*/
-		static getAutoSort(): boolean;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		static getByKey( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		static getDefaultSortDirection(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		static getFilterFn(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		static getFilterRoot(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		static getFilters(): any[];
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] getKey implementation for MixedCollection
-		* @param o Object
-		* @returns Object The key for the passed item.
-		*/
-		static getKey( o?:any ): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index. Defaults to the last item.
-		* @returns Array An array of items.
-		*/
-		static getRange( start?:number, end?:number ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		static getSortFn(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		static getSortRoot(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		static getSorters(): any[];
-		/** [Method] Returns index within the collection of the passed Object
-		* @param item Object The item to find the index of.
-		* @returns Number Index of the item. Returns -1 if not found.
-		*/
-		static indexOf( item?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number Index of the key.
-		*/
-		static indexOfKey( key?:string ): number;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param item Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		static insert( index?:number, key?:string, item?:any ): any;
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		static insertFilter( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		static insertFilters( index?:number, filters?:any[] ): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static insertSorter( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @returns Ext.util.Collection this
-		*/
-		static insertSorters(): Ext.util.ICollection;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection.
-		*/
-		static last(): any;
-		/** [Method] Gets a registered Store by id
-		* @param store String/Object The id of the Store, or a Store instance, or a store configuration.
-		* @returns Ext.data.Store
-		*/
-		static lookup( store?:any ): Ext.data.IStore;
-		/** [Method] Registers one or more Stores with the StoreManager
-		* @param stores Ext.data.Store... Any number of Store instances.
-		*/
-		static register( stores:Ext.data.IStore ): void;
-		/** [Method] Remove an item from the collection
-		* @param item Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static remove( item?:any ): any;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		static removeAll( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static removeAt( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		static removeAtKey( key?:string ): any;
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeFilters( filters?:any ): Ext.util.ICollection;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		static removeSorter( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeSorters( sorters?:any ): Ext.util.ICollection;
-		/** [Method] Replaces an item in the collection
-		* @param oldKey String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param item Object {Object} item (optional) If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		static replace( oldKey?:string, item?:any ): any;
-		/** [Method] Sets the value of autoFilter
-		* @param autoFilter Boolean
-		*/
-		static setAutoFilter( autoFilter?:boolean ): void;
-		/** [Method] Sets the value of autoSort
-		* @param autoSort Boolean
-		*/
-		static setAutoSort( autoSort?:boolean ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		static setDefaultSortDirection( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		static setFilterRoot( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		static setFilters( filters?:any[] ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		static setSortRoot( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		static setSorters( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param sorters Object
-		* @param defaultDirection Object
-		* @returns Array The array you passed after it is sorted.
-		*/
-		static sort( sorters?:any, defaultDirection?:any ): any[];
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters one or more Stores with the StoreManager
-		* @param stores String/Object... Any number of Store instances or ID-s.
-		*/
-		static unregister( stores?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IStoreMgr extends Ext.util.ICollection {
-	}
-	export class StoreMgr {
-		/** [Property] (Array) */
-		static all: any[];
-		/** [Property] (Object) */
-		static currentSortFn: any;
-		/** [Property] (Boolean) */
-		static dirtyFilterFn: boolean;
-		/** [Property] (Boolean) */
-		static dirtySortFn: boolean;
-		/** [Property] (Boolean) */
-		static filtered: boolean;
-		/** [Property] (Object) */
-		static indices: any;
-		/** [Property] (Array) */
-		static items: any[];
-		/** [Property] (Array) */
-		static keys: any[];
-		/** [Property] (Number) */
-		static length: number;
-		/** [Property] (Object) */
-		static map: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Boolean) */
-		static sorted: boolean;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param item Object The item to add.
-		* @returns Object The item added.
-		*/
-		static add( key?:string, item?:any ): any;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param addItems Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if {@link} Ext.util.MixedCollection.allowFunctions allowFunctions} has been set to true.
-		*/
-		static addAll( addItems?:any ): void;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		static addFilter( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Object
-		* @returns Object
-		*/
-		static addFilters( filters?:any ): any;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorter( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorters( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all items from the collection  */
-		static clear(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		static clone(): Ext.util.IMixedCollection;
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param item Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		static contains( item?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		static containsKey( key?:string ): boolean;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		static eachKey( fn?:any, scope?:any ): void;
-		/** [Method] This method will sort a collection based on the currently configured sorters
-		* @param property Object
-		* @param value Object
-		* @param anyMatch Object
-		* @param caseSensitive Object
-		* @returns Array
-		*/
-		static filter( property?:any, value?:any, anyMatch?:any, caseSensitive?:any ): any[];
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		static filterBy( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		static findBy( fn?:any, scope?:any ): any;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index, or -1 if the item was not found.
-		*/
-		static findIndexBy( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		static findInsertionIndex( items?:any[], item?:any ): number;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection.
-		*/
-		static first(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		static get( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		static getAt( index?:number ): any;
-		/** [Method] Returns the value of autoFilter
-		* @returns Boolean
-		*/
-		static getAutoFilter(): boolean;
-		/** [Method] Returns the value of autoSort
-		* @returns Boolean
-		*/
-		static getAutoSort(): boolean;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		static getByKey( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		static getDefaultSortDirection(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		static getFilterFn(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		static getFilterRoot(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		static getFilters(): any[];
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] getKey implementation for MixedCollection
-		* @param o Object
-		* @returns Object The key for the passed item.
-		*/
-		static getKey( o?:any ): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index. Defaults to the last item.
-		* @returns Array An array of items.
-		*/
-		static getRange( start?:number, end?:number ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		static getSortFn(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		static getSortRoot(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		static getSorters(): any[];
-		/** [Method] Returns index within the collection of the passed Object
-		* @param item Object The item to find the index of.
-		* @returns Number Index of the item. Returns -1 if not found.
-		*/
-		static indexOf( item?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number Index of the key.
-		*/
-		static indexOfKey( key?:string ): number;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param item Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		static insert( index?:number, key?:string, item?:any ): any;
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		static insertFilter( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		static insertFilters( index?:number, filters?:any[] ): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static insertSorter( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @returns Ext.util.Collection this
-		*/
-		static insertSorters(): Ext.util.ICollection;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection.
-		*/
-		static last(): any;
-		/** [Method] Gets a registered Store by id
-		* @param store String/Object The id of the Store, or a Store instance, or a store configuration.
-		* @returns Ext.data.Store
-		*/
-		static lookup( store?:any ): Ext.data.IStore;
-		/** [Method] Registers one or more Stores with the StoreManager
-		* @param stores Ext.data.Store... Any number of Store instances.
-		*/
-		static register( stores:Ext.data.IStore ): void;
-		/** [Method] Remove an item from the collection
-		* @param item Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static remove( item?:any ): any;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		static removeAll( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static removeAt( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		static removeAtKey( key?:string ): any;
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeFilters( filters?:any ): Ext.util.ICollection;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		static removeSorter( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeSorters( sorters?:any ): Ext.util.ICollection;
-		/** [Method] Replaces an item in the collection
-		* @param oldKey String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param item Object {Object} item (optional) If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		static replace( oldKey?:string, item?:any ): any;
-		/** [Method] Sets the value of autoFilter
-		* @param autoFilter Boolean
-		*/
-		static setAutoFilter( autoFilter?:boolean ): void;
-		/** [Method] Sets the value of autoSort
-		* @param autoSort Boolean
-		*/
-		static setAutoSort( autoSort?:boolean ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		static setDefaultSortDirection( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		static setFilterRoot( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		static setFilters( filters?:any[] ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		static setSortRoot( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		static setSorters( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param sorters Object
-		* @param defaultDirection Object
-		* @returns Array The array you passed after it is sorted.
-		*/
-		static sort( sorters?:any, defaultDirection?:any ): any[];
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters one or more Stores with the StoreManager
-		* @param stores String/Object... Any number of Store instances or ID-s.
-		*/
-		static unregister( stores?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IStoreManager extends Ext.util.ICollection {
-	}
-	export class StoreManager {
-		/** [Property] (Array) */
-		static all: any[];
-		/** [Property] (Object) */
-		static currentSortFn: any;
-		/** [Property] (Boolean) */
-		static dirtyFilterFn: boolean;
-		/** [Property] (Boolean) */
-		static dirtySortFn: boolean;
-		/** [Property] (Boolean) */
-		static filtered: boolean;
-		/** [Property] (Object) */
-		static indices: any;
-		/** [Property] (Array) */
-		static items: any[];
-		/** [Property] (Array) */
-		static keys: any[];
-		/** [Property] (Number) */
-		static length: number;
-		/** [Property] (Object) */
-		static map: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Boolean) */
-		static sorted: boolean;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param item Object The item to add.
-		* @returns Object The item added.
-		*/
-		static add( key?:string, item?:any ): any;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param addItems Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if {@link} Ext.util.MixedCollection.allowFunctions allowFunctions} has been set to true.
-		*/
-		static addAll( addItems?:any ): void;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		static addFilter( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Object
-		* @returns Object
-		*/
-		static addFilters( filters?:any ): any;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorter( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static addSorters( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all items from the collection  */
-		static clear(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		static clone(): Ext.util.IMixedCollection;
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param item Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		static contains( item?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		static containsKey( key?:string ): boolean;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		static each( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		static eachKey( fn?:any, scope?:any ): void;
-		/** [Method] This method will sort a collection based on the currently configured sorters
-		* @param property Object
-		* @param value Object
-		* @param anyMatch Object
-		* @param caseSensitive Object
-		* @returns Array
-		*/
-		static filter( property?:any, value?:any, anyMatch?:any, caseSensitive?:any ): any[];
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		static filterBy( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		static findBy( fn?:any, scope?:any ): any;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index, or -1 if the item was not found.
-		*/
-		static findIndexBy( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		static findInsertionIndex( items?:any[], item?:any ): number;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection.
-		*/
-		static first(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		static get( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		static getAt( index?:number ): any;
-		/** [Method] Returns the value of autoFilter
-		* @returns Boolean
-		*/
-		static getAutoFilter(): boolean;
-		/** [Method] Returns the value of autoSort
-		* @returns Boolean
-		*/
-		static getAutoSort(): boolean;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		static getByKey( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		static getCount(): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		static getDefaultSortDirection(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		static getFilterFn(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		static getFilterRoot(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		static getFilters(): any[];
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] getKey implementation for MixedCollection
-		* @param o Object
-		* @returns Object The key for the passed item.
-		*/
-		static getKey( o?:any ): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index. Defaults to the last item.
-		* @returns Array An array of items.
-		*/
-		static getRange( start?:number, end?:number ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		static getSortFn(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		static getSortRoot(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		static getSorters(): any[];
-		/** [Method] Returns index within the collection of the passed Object
-		* @param item Object The item to find the index of.
-		* @returns Number Index of the item. Returns -1 if not found.
-		*/
-		static indexOf( item?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number Index of the key.
-		*/
-		static indexOfKey( key?:string ): number;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param item Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		static insert( index?:number, key?:string, item?:any ): any;
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		static insertFilter( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		static insertFilters( index?:number, filters?:any[] ): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		static insertSorter( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @returns Ext.util.Collection this
-		*/
-		static insertSorters(): Ext.util.ICollection;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection.
-		*/
-		static last(): any;
-		/** [Method] Gets a registered Store by id
-		* @param store String/Object The id of the Store, or a Store instance, or a store configuration.
-		* @returns Ext.data.Store
-		*/
-		static lookup( store?:any ): Ext.data.IStore;
-		/** [Method] Registers one or more Stores with the StoreManager
-		* @param stores Ext.data.Store... Any number of Store instances.
-		*/
-		static register( stores:Ext.data.IStore ): void;
-		/** [Method] Remove an item from the collection
-		* @param item Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static remove( item?:any ): any;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		static removeAll( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		static removeAt( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		static removeAtKey( key?:string ): any;
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeFilters( filters?:any ): Ext.util.ICollection;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		static removeSorter( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Object
-		* @returns Ext.util.Collection this
-		*/
-		static removeSorters( sorters?:any ): Ext.util.ICollection;
-		/** [Method] Replaces an item in the collection
-		* @param oldKey String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param item Object {Object} item (optional) If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		static replace( oldKey?:string, item?:any ): any;
-		/** [Method] Sets the value of autoFilter
-		* @param autoFilter Boolean
-		*/
-		static setAutoFilter( autoFilter?:boolean ): void;
-		/** [Method] Sets the value of autoSort
-		* @param autoSort Boolean
-		*/
-		static setAutoSort( autoSort?:boolean ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		static setDefaultSortDirection( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		static setFilterRoot( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		static setFilters( filters?:any[] ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		static setSortRoot( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		static setSorters( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param sorters Object
-		* @param defaultDirection Object
-		* @returns Array The array you passed after it is sorted.
-		*/
-		static sort( sorters?:any, defaultDirection?:any ): any[];
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Unregisters one or more Stores with the StoreManager
-		* @param stores String/Object... Any number of Store instances or ID-s.
-		*/
-		static unregister( stores?:any ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface ITreeStore extends Ext.data.INodeStore {
-		/** [Config Option] (Boolean) */
-		clearOnLoad?: boolean;
-		/** [Config Option] (String) */
-		defaultRootId?: string;
-		/** [Config Option] (String) */
-		defaultRootProperty?: string;
-		/** [Config Option] (String) */
-		nodeParam?: string;
-		/** [Config Option] (Ext.data.Model/Ext.data.NodeInterface/Object) */
-		root?: any;
-		/** [Method] Returns the value of clearOnLoad
-		* @returns Boolean
-		*/
-		getClearOnLoad?(): boolean;
-		/** [Method] Returns the value of defaultRootId
-		* @returns String
-		*/
-		getDefaultRootId?(): string;
-		/** [Method] Returns the value of defaultRootProperty
-		* @returns String
-		*/
-		getDefaultRootProperty?(): string;
-		/** [Method] Returns the record node by id
-		* @param id Object
-		* @returns Ext.data.NodeInterface
-		*/
-		getNodeById?( id?:any ): Ext.data.INodeInterface;
-		/** [Method] Returns the value of nodeParam
-		* @returns String
-		*/
-		getNodeParam?(): string;
-		/** [Method] Returns the value of root
-		* @returns Ext.data.Model/Ext.data.NodeInterface/Object
-		*/
-		getRoot?(): any;
-		/** [Method] Returns the root node for this tree
-		* @param node Object
-		* @returns Ext.data.Model
-		*/
-		getRootNode?( node?:any ): Ext.data.IModel;
-		/** [Method] Loads the Store using its configured proxy
-		* @param options Object config object. This is passed into the Operation object that is created and then sent to the proxy's Ext.data.proxy.Proxy.read function. The options can also contain a node, which indicates which node is to be loaded. If not specified, it will default to the root node.
-		* @returns Object
-		*/
-		load?( options?:any ): any;
-		/** [Method] Called internally when a Proxy has completed a load request
-		* @param operation Object
-		*/
-		onProxyLoad?( operation?:any ): void;
-		/** [Method] Remove all items from the store
-		* @param silent Boolean Prevent the clear event from being fired.
-		*/
-		removeAll?( silent?:boolean ): void;
-		/** [Method] Sets the value of clearOnLoad
-		* @param clearOnLoad Boolean
-		*/
-		setClearOnLoad?( clearOnLoad?:boolean ): void;
-		/** [Method] Sets the value of defaultRootId
-		* @param defaultRootId String
-		*/
-		setDefaultRootId?( defaultRootId?:string ): void;
-		/** [Method] Sets the value of defaultRootProperty
-		* @param defaultRootProperty String
-		*/
-		setDefaultRootProperty?( defaultRootProperty?:string ): void;
-		/** [Method] Sets the value of nodeParam
-		* @param nodeParam String
-		*/
-		setNodeParam?( nodeParam?:string ): void;
-		/** [Method] Sets the value of root
-		* @param root Ext.data.Model/Ext.data.NodeInterface/Object
-		*/
-		setRoot?( root?:any ): void;
-		/** [Method] Sets the root node for this tree
-		* @param node Ext.data.Model
-		* @returns Ext.data.Model
-		*/
-		setRootNode?( node?:Ext.data.IModel ): Ext.data.IModel;
-	}
-}
-declare namespace Ext.data {
-	export interface ITypes extends Ext.IBase {
-	}
-	export class Types {
-		/** [Property] (Object) */
-		static AUTO: any;
-		/** [Property] (Object) */
-		static BOOL: any;
-		/** [Property] (Object) */
-		static BOOLEAN: any;
-		/** [Property] (Object) */
-		static DATE: any;
-		/** [Property] (Object) */
-		static FLOAT: any;
-		/** [Property] (Object) */
-		static INT: any;
-		/** [Property] (Object) */
-		static INTEGER: any;
-		/** [Property] (Object) */
-		static NUMBER: any;
-		/** [Property] (Object) */
-		static STRING: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (RegExp) */
-		static stripRe: RegExp;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.data {
-	export interface IValidations extends Ext.IBase {
-	}
-	export class Validations {
-		/** [Property] (String) */
-		static emailMessage: string;
-		/** [Property] (RegExp) */
-		static emailRe: RegExp;
-		/** [Property] (String) */
-		static exclusionMessage: string;
-		/** [Property] (Boolean) */
-		static formatMessage: boolean;
-		/** [Property] (String) */
-		static inclusionMessage: string;
-		/** [Property] (String) */
-		static lengthMessage: string;
-		/** [Property] (String) */
-		static presenceMessage: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Validates that an email string is in the correct format
-		* @param config Object Config object.
-		* @param email String The email address.
-		* @returns Boolean true if the value passes validation.
-		*/
-		static email( config?:any, email?:string ): boolean;
-		/** [Method] Validates that the given value is present in the configured list
-		* @param config Object Config object.
-		* @param value String The value to validate.
-		* @returns Boolean true if the value is not present in the list.
-		*/
-		static exclusion( config?:any, value?:string ): boolean;
-		/** [Method] Returns true if the given value passes validation against the configured matcher regex
-		* @param config Object Config object.
-		* @param value String The value to validate.
-		* @returns Boolean true if the value passes the format validation.
-		*/
-		static format( config?:any, value?:string ): boolean;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the configured error message for any of the validation types
-		* @param type String The type of validation you want to get the error message for.
-		* @returns Object
-		*/
-		static getMessage( type?:string ): any;
-		/** [Method] Validates that the given value is present in the configured list
-		* @param config Object Config object.
-		* @param value String The value to validate.
-		* @returns Boolean true if the value is present in the list.
-		*/
-		static inclusion( config?:any, value?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns true if the given value is between the configured min and max values
-		* @param config Object Config object.
-		* @param value String The value to validate.
-		* @returns Boolean true if the value passes validation.
-		*/
-		static length( config?:any, value?:string ): boolean;
-		/** [Method] Validates that the given value is present
-		* @param config Object Config object.
-		* @param value Object The value to validate.
-		* @returns Boolean true if validation passed.
-		*/
-		static presence( config?:any, value?:any ): boolean;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.data.writer {
-	export interface IJson extends Ext.data.writer.IWriter {
-		/** [Config Option] (Boolean) */
-		allowSingle?: boolean;
-		/** [Config Option] (Boolean) */
-		encode?: boolean;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (String) */
-		rootProperty?: string;
-		/** [Method] Returns the value of allowSingle
-		* @returns Boolean
-		*/
-		getAllowSingle?(): boolean;
-		/** [Method] Returns the value of encode
-		* @returns Boolean
-		*/
-		getEncode?(): boolean;
-		/** [Method] Returns the value of encodeRequest
-		* @returns Boolean
-		*/
-		getEncodeRequest?(): boolean;
-		/** [Method] Returns the value of rootProperty
-		* @returns String
-		*/
-		getRootProperty?(): string;
-		/** [Method] Sets the value of allowSingle
-		* @param allowSingle Boolean
-		*/
-		setAllowSingle?( allowSingle?:boolean ): void;
-		/** [Method] Sets the value of encode
-		* @param encode Boolean
-		*/
-		setEncode?( encode?:boolean ): void;
-		/** [Method] Sets the value of encodeRequest
-		* @param encodeRequest Boolean
-		*/
-		setEncodeRequest?( encodeRequest?:boolean ): void;
-		/** [Method] Sets the value of rootProperty
-		* @param rootProperty String
-		*/
-		setRootProperty?( rootProperty?:string ): void;
-	}
-}
-declare namespace Ext.data {
-	export interface IJsonWriter extends Ext.data.writer.IWriter {
-		/** [Config Option] (Boolean) */
-		allowSingle?: boolean;
-		/** [Config Option] (Boolean) */
-		encode?: boolean;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (String) */
-		rootProperty?: string;
-		/** [Method] Returns the value of allowSingle
-		* @returns Boolean
-		*/
-		getAllowSingle?(): boolean;
-		/** [Method] Returns the value of encode
-		* @returns Boolean
-		*/
-		getEncode?(): boolean;
-		/** [Method] Returns the value of encodeRequest
-		* @returns Boolean
-		*/
-		getEncodeRequest?(): boolean;
-		/** [Method] Returns the value of rootProperty
-		* @returns String
-		*/
-		getRootProperty?(): string;
-		/** [Method] Sets the value of allowSingle
-		* @param allowSingle Boolean
-		*/
-		setAllowSingle?( allowSingle?:boolean ): void;
-		/** [Method] Sets the value of encode
-		* @param encode Boolean
-		*/
-		setEncode?( encode?:boolean ): void;
-		/** [Method] Sets the value of encodeRequest
-		* @param encodeRequest Boolean
-		*/
-		setEncodeRequest?( encodeRequest?:boolean ): void;
-		/** [Method] Sets the value of rootProperty
-		* @param rootProperty String
-		*/
-		setRootProperty?( rootProperty?:string ): void;
-	}
-}
-declare namespace Ext.data.writer {
-	export interface IWriter extends Ext.IBase {
-		/** [Config Option] (String) */
-		nameProperty?: string;
-		/** [Config Option] (Boolean) */
-		writeAllFields?: boolean;
-		/** [Method] Returns the value of nameProperty
-		* @returns String
-		*/
-		getNameProperty?(): string;
-		/** [Method] Formats the data for each record before sending it to the server
-		* @param record Object The record that we are writing to the server.
-		* @returns Object An object literal of name/value keys to be written to the server. By default this method returns the data property on the record.
-		*/
-		getRecordData?( record?:any ): any;
-		/** [Method] Returns the value of writeAllFields
-		* @returns Boolean
-		*/
-		getWriteAllFields?(): boolean;
-		/** [Method] Sets the value of nameProperty
-		* @param nameProperty String
-		*/
-		setNameProperty?( nameProperty?:string ): void;
-		/** [Method] Sets the value of writeAllFields
-		* @param writeAllFields Boolean
-		*/
-		setWriteAllFields?( writeAllFields?:boolean ): void;
-		/** [Method] Prepares a Proxy s Ext data Request object
-		* @param request Ext.data.Request The request object.
-		* @returns Ext.data.Request The modified request object.
-		*/
-		write?( request?:Ext.data.IRequest ): Ext.data.IRequest;
-	}
-}
-declare namespace Ext.data {
-	export interface IDataWriter extends Ext.IBase {
-		/** [Config Option] (String) */
-		nameProperty?: string;
-		/** [Config Option] (Boolean) */
-		writeAllFields?: boolean;
-		/** [Method] Returns the value of nameProperty
-		* @returns String
-		*/
-		getNameProperty?(): string;
-		/** [Method] Formats the data for each record before sending it to the server
-		* @param record Object The record that we are writing to the server.
-		* @returns Object An object literal of name/value keys to be written to the server. By default this method returns the data property on the record.
-		*/
-		getRecordData?( record?:any ): any;
-		/** [Method] Returns the value of writeAllFields
-		* @returns Boolean
-		*/
-		getWriteAllFields?(): boolean;
-		/** [Method] Sets the value of nameProperty
-		* @param nameProperty String
-		*/
-		setNameProperty?( nameProperty?:string ): void;
-		/** [Method] Sets the value of writeAllFields
-		* @param writeAllFields Boolean
-		*/
-		setWriteAllFields?( writeAllFields?:boolean ): void;
-		/** [Method] Prepares a Proxy s Ext data Request object
-		* @param request Ext.data.Request The request object.
-		* @returns Ext.data.Request The modified request object.
-		*/
-		write?( request?:Ext.data.IRequest ): Ext.data.IRequest;
-	}
-}
-declare namespace Ext.data {
-	export interface IWriter extends Ext.IBase {
-		/** [Config Option] (String) */
-		nameProperty?: string;
-		/** [Config Option] (Boolean) */
-		writeAllFields?: boolean;
-		/** [Method] Returns the value of nameProperty
-		* @returns String
-		*/
-		getNameProperty?(): string;
-		/** [Method] Formats the data for each record before sending it to the server
-		* @param record Object The record that we are writing to the server.
-		* @returns Object An object literal of name/value keys to be written to the server. By default this method returns the data property on the record.
-		*/
-		getRecordData?( record?:any ): any;
-		/** [Method] Returns the value of writeAllFields
-		* @returns Boolean
-		*/
-		getWriteAllFields?(): boolean;
-		/** [Method] Sets the value of nameProperty
-		* @param nameProperty String
-		*/
-		setNameProperty?( nameProperty?:string ): void;
-		/** [Method] Sets the value of writeAllFields
-		* @param writeAllFields Boolean
-		*/
-		setWriteAllFields?( writeAllFields?:boolean ): void;
-		/** [Method] Prepares a Proxy s Ext data Request object
-		* @param request Ext.data.Request The request object.
-		* @returns Ext.data.Request The modified request object.
-		*/
-		write?( request?:Ext.data.IRequest ): Ext.data.IRequest;
-	}
-}
-declare namespace Ext.data.writer {
-	export interface IXml extends Ext.data.writer.IWriter {
-		/** [Config Option] (String) */
-		defaultDocumentRoot?: string;
-		/** [Config Option] (String) */
-		documentRoot?: string;
-		/** [Config Option] (String) */
-		header?: string;
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Method] Returns the value of defaultDocumentRoot
-		* @returns String
-		*/
-		getDefaultDocumentRoot?(): string;
-		/** [Method] Returns the value of documentRoot
-		* @returns String
-		*/
-		getDocumentRoot?(): string;
-		/** [Method] Returns the value of header
-		* @returns String
-		*/
-		getHeader?(): string;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] Sets the value of defaultDocumentRoot
-		* @param defaultDocumentRoot String
-		*/
-		setDefaultDocumentRoot?( defaultDocumentRoot?:string ): void;
-		/** [Method] Sets the value of documentRoot
-		* @param documentRoot String
-		*/
-		setDocumentRoot?( documentRoot?:string ): void;
-		/** [Method] Sets the value of header
-		* @param header String
-		*/
-		setHeader?( header?:string ): void;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-		/** [Method]
-		* @param request Object
-		* @param data Object
-		* @returns Object
-		*/
-		writeRecords?( request?:any, data?:any ): any;
-	}
-}
-declare namespace Ext.data {
-	export interface IXmlWriter extends Ext.data.writer.IWriter {
-		/** [Config Option] (String) */
-		defaultDocumentRoot?: string;
-		/** [Config Option] (String) */
-		documentRoot?: string;
-		/** [Config Option] (String) */
-		header?: string;
-		/** [Config Option] (String) */
-		record?: string;
-		/** [Method] Returns the value of defaultDocumentRoot
-		* @returns String
-		*/
-		getDefaultDocumentRoot?(): string;
-		/** [Method] Returns the value of documentRoot
-		* @returns String
-		*/
-		getDocumentRoot?(): string;
-		/** [Method] Returns the value of header
-		* @returns String
-		*/
-		getHeader?(): string;
-		/** [Method] Returns the value of record
-		* @returns String
-		*/
-		getRecord?(): string;
-		/** [Method] Sets the value of defaultDocumentRoot
-		* @param defaultDocumentRoot String
-		*/
-		setDefaultDocumentRoot?( defaultDocumentRoot?:string ): void;
-		/** [Method] Sets the value of documentRoot
-		* @param documentRoot String
-		*/
-		setDocumentRoot?( documentRoot?:string ): void;
-		/** [Method] Sets the value of header
-		* @param header String
-		*/
-		setHeader?( header?:string ): void;
-		/** [Method] Sets the value of record
-		* @param record String
-		*/
-		setRecord?( record?:string ): void;
-		/** [Method]
-		* @param request Object
-		* @param data Object
-		* @returns Object
-		*/
-		writeRecords?( request?:any, data?:any ): any;
-	}
-}
-declare namespace Ext.dataview.component {
-	export interface IContainer extends Ext.IContainer {
-		/** [Method]  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext.dataview.component {
-	export interface IDataItem extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		dataMap?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (String) */
-		itemCls?: string;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Config Option] (Number/String) */
-		width?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of dataMap
-		* @returns Object
-		*/
-		getDataMap?(): any;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of itemCls
-		* @returns String
-		*/
-		getItemCls?(): string;
-		/** [Method] Returns the value of items
-		* @returns Array
-		*/
-		getItems?(): any[];
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of dataMap
-		* @param dataMap Object
-		*/
-		setDataMap?( dataMap?:any ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of itemCls
-		* @param itemCls String
-		*/
-		setItemCls?( itemCls?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array
-		*/
-		setItems?( items?:any[] ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		setRecord?( record?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of width
-		* @param width String
-		*/
-		setWidth?( width?:string ): void;
-	}
-}
-declare namespace Ext.dataview.component {
-	export interface IListItem extends Ext.dataview.component.IDataItem {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		dataMap?: any;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (String/String[]/Ext.Template[]/Ext.XTemplate[]) */
-		tpl?: any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of body
-		* @returns Object
-		*/
-		getBody?(): any;
-		/** [Method] Returns the value of dataMap
-		* @returns Object
-		*/
-		getDataMap?(): any;
-		/** [Method] Returns the value of disclosure
-		* @returns Object
-		*/
-		getDisclosure?(): any;
-		/** [Method] Returns the value of header
-		* @returns Object
-		*/
-		getHeader?(): any;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of body
-		* @param body Object
-		*/
-		setBody?( body?:any ): void;
-		/** [Method] Sets the value of dataMap
-		* @param dataMap Object
-		*/
-		setDataMap?( dataMap?:any ): void;
-		/** [Method] Sets the value of disclosure
-		* @param disclosure Object
-		*/
-		setDisclosure?( disclosure?:any ): void;
-		/** [Method] Sets the value of header
-		* @param header Object
-		*/
-		setHeader?( header?:any ): void;
-		/** [Method] Sets the value of items
-		* @param items Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of tpl
-		* @param tpl Object
-		*/
-		setTpl?( tpl?:any ): void;
-	}
-}
-declare namespace Ext.dataview.component {
-	export interface ISimpleListItem extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of disclosure
-		* @returns Object
-		*/
-		getDisclosure?(): any;
-		/** [Method] Returns the value of header
-		* @returns Object
-		*/
-		getHeader?(): any;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of disclosure
-		* @param disclosure Object
-		*/
-		setDisclosure?( disclosure?:any ): void;
-		/** [Method] Sets the value of header
-		* @param header Object
-		*/
-		setHeader?( header?:any ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		setRecord?( record?:Ext.data.IModel ): void;
-	}
-}
-declare namespace Ext.dataview {
-	export interface IDataView extends Ext.IContainer,Ext.mixin.ISelectable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		blockRefresh?: boolean;
-		/** [Config Option] (Object[]) */
-		data?: any[];
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Boolean) */
-		deferEmptyText?: boolean;
-		/** [Config Option] (Boolean) */
-		deselectOnContainerClick?: boolean;
-		/** [Config Option] (String) */
-		emptyText?: string;
-		/** [Config Option] (Boolean/Object) */
-		inline?: any;
-		/** [Config Option] (String) */
-		itemCls?: string;
-		/** [Config Option] (Object) */
-		itemConfig?: any;
-		/** [Config Option] (Boolean) */
-		itemSelector?: boolean;
-		/** [Config Option] (String/String[]/Ext.XTemplate) */
-		itemTpl?: any;
-		/** [Config Option] (String) */
-		loadingText?: string;
-		/** [Config Option] (Number) */
-		maxItemCache?: number;
-		/** [Config Option] (Boolean) */
-		multiSelect?: boolean;
-		/** [Config Option] (Boolean) */
-		overItemCls?: boolean;
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Config Option] (Number) */
-		pressedDelay?: number;
-		/** [Config Option] (Boolean) */
-		scrollToTopOnRefresh?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (String) */
-		selectedCls?: string;
-		/** [Config Option] (Boolean) */
-		selectedItemCls?: boolean;
-		/** [Config Option] (Boolean) */
-		simpleSelect?: boolean;
-		/** [Config Option] (Boolean) */
-		singleSelect?: boolean;
-		/** [Config Option] (Ext.data.Store/Object) */
-		store?: any;
-		/** [Config Option] (Boolean) */
-		trackOver?: boolean;
-		/** [Config Option] (String) */
-		triggerCtEvent?: string;
-		/** [Config Option] (String) */
-		triggerEvent?: string;
-		/** [Config Option] (Boolean) */
-		useComponents?: boolean;
-		/** [Method] Binds a new Store to this DataView  */
-		bindStore?(): void;
-		/** [Method] Deselects any currently selected records and clears all stored selections  */
-		clearSelections?(): void;
-		/** [Method] Function which can be overridden which returns the data object passed to this DataView s template to render the whole  */
-		collectData?(): void;
-		/** [Method] Deselects the given record s
-		* @param records Number/Array/Ext.data.Model The record(s) to deselect. Can also be a number to reference by index.
-		* @param suppressEvent Boolean If true the deselect event will not be fired.
-		*/
-		deselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Deselects all records
-		* @param supress Object
-		*/
-		deselectAll?( supress?:any ): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Deselects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param suppressEvent Boolean Set to false to not fire a deselect event.
-		*/
-		doDeselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Selects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param keepExisting Boolean
-		* @param suppressEvent Boolean Set to false to not fire a select event.
-		*/
-		doSelect?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Returns the template node the passed child belongs to or null if it doesn t belong to one  */
-		findItemByChild?(): void;
-		/** [Method] Returns the template node by the Ext EventObject or null if it is not found  */
-		findTargetByEvent?(): void;
-		/** [Method] Returns the value of allowDeselect
-		* @returns Boolean
-		*/
-		getAllowDeselect?(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of data
-		* @returns Object[]
-		*/
-		getData?(): any[];
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of deferEmptyText
-		* @returns Boolean
-		*/
-		getDeferEmptyText?(): boolean;
-		/** [Method] Returns the value of deselectOnContainerClick
-		* @returns Boolean
-		*/
-		getDeselectOnContainerClick?(): boolean;
-		/** [Method] Returns the value of disableSelection
-		* @returns Boolean
-		*/
-		getDisableSelection?(): boolean;
-		/** [Method] Returns the value of emptyText
-		* @returns String
-		*/
-		getEmptyText?(): string;
-		/** [Method] Returns the value of inline
-		* @returns Boolean/Object
-		*/
-		getInline?(): any;
-		/** [Method] Returns an item at the specified index
-		* @param index Number Index of the item.
-		* @returns Ext.dom.Element/Ext.dataview.component.DataItem item Item at the specified index.
-		*/
-		getItemAt?( index?:number ): any;
-		/** [Method] Returns the value of itemCls
-		* @returns String
-		*/
-		getItemCls?(): string;
-		/** [Method] Returns the value of itemConfig
-		* @returns Object
-		*/
-		getItemConfig?(): any;
-		/** [Method] Returns an index for the specified item
-		* @param item Number The item to locate.
-		* @returns Number Index for the specified item.
-		*/
-		getItemIndex?( item?:number ): number;
-		/** [Method] Returns the value of itemTpl
-		* @returns String/String[]/Ext.XTemplate
-		*/
-		getItemTpl?(): any;
-		/** [Method] Returns the array of previously selected items
-		* @returns Array The previous selection.
-		*/
-		getLastSelected?(): any[];
-		/** [Method] Returns the value of loadingText
-		* @returns String
-		*/
-		getLoadingText?(): string;
-		/** [Method] Returns the value of maxItemCache
-		* @returns Number
-		*/
-		getMaxItemCache?(): number;
-		/** [Method] Returns the value of mode
-		* @returns String
-		*/
-		getMode?(): string;
-		/** [Method] Gets a template node  */
-		getNode?(): void;
-		/** [Method] Gets a range nodes  */
-		getNodes?(): void;
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns the value of pressedDelay
-		* @returns Number
-		*/
-		getPressedDelay?(): number;
-		/** [Method] Gets an array of the records from an array of nodes  */
-		getRecords?(): void;
-		/** [Method] Returns the value of scrollToTopOnRefresh
-		* @returns Boolean
-		*/
-		getScrollToTopOnRefresh?(): boolean;
-		/** [Method] Returns the value of scrollable
-		* @returns Boolean
-		*/
-		getScrollable?(): boolean;
-		/** [Method] Returns the value of selectedCls
-		* @returns String
-		*/
-		getSelectedCls?(): string;
-		/** [Method] Gets the currently selected nodes  */
-		getSelectedNodes?(): void;
-		/** [Method] Gets an array of the selected records  */
-		getSelectedRecords?(): void;
-		/** [Method] Returns an array of the currently selected records
-		* @returns Array An array of selected records.
-		*/
-		getSelection?(): any[];
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getSelectionCount?(): number;
-		/** [Method] Returns the selection mode currently used by this Selectable
-		* @returns String The current mode.
-		*/
-		getSelectionMode?(): string;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.Store/Object
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of triggerCtEvent
-		* @returns String
-		*/
-		getTriggerCtEvent?(): string;
-		/** [Method] Returns the value of triggerEvent
-		* @returns String
-		*/
-		getTriggerEvent?(): string;
-		/** [Method] Returns the value of useComponents
-		* @returns Boolean
-		*/
-		getUseComponents?(): boolean;
-		/** [Method] Returns an array of the current items in the DataView
-		* @returns Ext.dom.Element[]/Ext.dataview.component.DataItem[] Array of Items.
-		*/
-		getViewItems?(): any;
-		/** [Method] Method called when the Store s Reader throws an exception */
-		handleException?(): void;
-		/** [Method] Returns true if there is a selected record
-		* @returns Boolean
-		*/
-		hasSelection?(): boolean;
-		/** [Method] Finds the index of the passed node  */
-		indexOf?(): void;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Returns true if the Selectable is currently locked
-		* @returns Boolean True if currently locked
-		*/
-		isLocked?(): boolean;
-		/** [Method] Returns true if the specified row is selected
-		* @param record Ext.data.Model/Number The record or index of the record to check.
-		* @returns Boolean
-		*/
-		isSelected?( record?:any ): boolean;
-		/** [Method] Function which can be overridden to provide custom formatting for each Record that is used by this DataView s templat
-		* @param data Object/Object[] The raw data object that was used to create the Record.
-		* @param index Number the index number of the Record being prepared for rendering.
-		* @param record Ext.data.Model The Record being prepared for rendering.
-		* @returns Array/Object The formatted data in a format expected by the internal template's overwrite() method. (either an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'}))
-		*/
-		prepareData?( data?:any, index?:number, record?:Ext.data.IModel ): any;
-		/** [Method] Refreshes the view by reloading the data from the store and re rendering the template  */
-		refresh?(): void;
-		/** [Method] Refreshes an individual node s data from the store  */
-		refreshNode?(): void;
-		/** [Method] Adds the given records to the currently selected set
-		* @param records Ext.data.Model/Array/Number The records to select.
-		* @param keepExisting Boolean If true, the existing selection will be added to (if not, the old selection is replaced).
-		* @param suppressEvent Boolean If true, the select event will not be fired.
-		*/
-		select?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Selects all records
-		* @param silent Boolean true to suppress all select events.
-		*/
-		selectAll?( silent?:boolean ): void;
-		/** [Method] Selects a range of rows if the selection model getDisableSelection is not locked
-		* @param startRecord Number The index of the first row in the range.
-		* @param endRecord Number The index of the last row in the range.
-		* @param keepExisting Boolean true to retain existing selections.
-		*/
-		selectRange?( startRecord?:number, endRecord?:number, keepExisting?:boolean ): void;
-		/** [Method] Sets the value of allowDeselect
-		* @param allowDeselect Boolean
-		*/
-		setAllowDeselect?( allowDeselect?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of data
-		* @param data Object[]
-		*/
-		setData?( data?:any[] ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of deferEmptyText
-		* @param deferEmptyText Boolean
-		*/
-		setDeferEmptyText?( deferEmptyText?:boolean ): void;
-		/** [Method] Sets the value of deselectOnContainerClick
-		* @param deselectOnContainerClick Boolean
-		*/
-		setDeselectOnContainerClick?( deselectOnContainerClick?:boolean ): void;
-		/** [Method] Sets the value of disableSelection
-		* @param disableSelection Boolean
-		*/
-		setDisableSelection?( disableSelection?:boolean ): void;
-		/** [Method] Sets the value of emptyText
-		* @param emptyText String
-		*/
-		setEmptyText?( emptyText?:string ): void;
-		/** [Method] Sets the value of inline
-		* @param inline Boolean/Object
-		*/
-		setInline?( inline?:any ): void;
-		/** [Method] Sets the value of itemCls
-		* @param itemCls String
-		*/
-		setItemCls?( itemCls?:string ): void;
-		/** [Method] Sets the value of itemConfig
-		* @param itemConfig Object
-		*/
-		setItemConfig?( itemConfig?:any ): void;
-		/** [Method] Sets the value of itemTpl
-		* @param itemTpl String/String[]/Ext.XTemplate
-		*/
-		setItemTpl?( itemTpl?:any ): void;
-		/** [Method] This was an internal function accidentally exposed in 1 x and now deprecated  */
-		setLastFocused?(): void;
-		/** [Method] Sets the value of loadingText
-		* @param loadingText String
-		*/
-		setLoadingText?( loadingText?:string ): void;
-		/** [Method] Sets the value of maxItemCache
-		* @param maxItemCache Number
-		*/
-		setMaxItemCache?( maxItemCache?:number ): void;
-		/** [Method] Sets the value of mode
-		* @param mode String
-		*/
-		setMode?( mode?:string ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-		/** [Method] Sets the value of pressedDelay
-		* @param pressedDelay Number
-		*/
-		setPressedDelay?( pressedDelay?:number ): void;
-		/** [Method] Sets the value of scrollToTopOnRefresh
-		* @param scrollToTopOnRefresh Boolean
-		*/
-		setScrollToTopOnRefresh?( scrollToTopOnRefresh?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean
-		*/
-		setScrollable?( scrollable?:boolean ): void;
-		/** [Method] Sets the value of selectedCls
-		* @param selectedCls String
-		*/
-		setSelectedCls?( selectedCls?:string ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.Store/Object
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of triggerCtEvent
-		* @param triggerCtEvent String
-		*/
-		setTriggerCtEvent?( triggerCtEvent?:string ): void;
-		/** [Method] Sets the value of triggerEvent
-		* @param triggerEvent String
-		*/
-		setTriggerEvent?( triggerEvent?:string ): void;
-		/** [Method] Sets the value of useComponents
-		* @param useComponents Boolean
-		*/
-		setUseComponents?( useComponents?:boolean ): void;
-		/** [Method] Sets a record as the last focused record
-		* @param newRecord Ext.data.Record
-		* @param oldRecord Ext.data.Record
-		*/
-		updateLastFocused?( newRecord?:Ext.data.IRecord, oldRecord?:Ext.data.IRecord ): void;
-	}
-}
-declare namespace Ext {
-	export interface IDataView extends Ext.IContainer,Ext.mixin.ISelectable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		blockRefresh?: boolean;
-		/** [Config Option] (Object[]) */
-		data?: any[];
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Boolean) */
-		deferEmptyText?: boolean;
-		/** [Config Option] (Boolean) */
-		deselectOnContainerClick?: boolean;
-		/** [Config Option] (String) */
-		emptyText?: string;
-		/** [Config Option] (Boolean/Object) */
-		inline?: any;
-		/** [Config Option] (String) */
-		itemCls?: string;
-		/** [Config Option] (Object) */
-		itemConfig?: any;
-		/** [Config Option] (Boolean) */
-		itemSelector?: boolean;
-		/** [Config Option] (String/String[]/Ext.XTemplate) */
-		itemTpl?: any;
-		/** [Config Option] (String) */
-		loadingText?: string;
-		/** [Config Option] (Number) */
-		maxItemCache?: number;
-		/** [Config Option] (Boolean) */
-		multiSelect?: boolean;
-		/** [Config Option] (Boolean) */
-		overItemCls?: boolean;
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Config Option] (Number) */
-		pressedDelay?: number;
-		/** [Config Option] (Boolean) */
-		scrollToTopOnRefresh?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (String) */
-		selectedCls?: string;
-		/** [Config Option] (Boolean) */
-		selectedItemCls?: boolean;
-		/** [Config Option] (Boolean) */
-		simpleSelect?: boolean;
-		/** [Config Option] (Boolean) */
-		singleSelect?: boolean;
-		/** [Config Option] (Ext.data.Store/Object) */
-		store?: any;
-		/** [Config Option] (Boolean) */
-		trackOver?: boolean;
-		/** [Config Option] (String) */
-		triggerCtEvent?: string;
-		/** [Config Option] (String) */
-		triggerEvent?: string;
-		/** [Config Option] (Boolean) */
-		useComponents?: boolean;
-		/** [Method] Binds a new Store to this DataView  */
-		bindStore?(): void;
-		/** [Method] Deselects any currently selected records and clears all stored selections  */
-		clearSelections?(): void;
-		/** [Method] Function which can be overridden which returns the data object passed to this DataView s template to render the whole  */
-		collectData?(): void;
-		/** [Method] Deselects the given record s
-		* @param records Number/Array/Ext.data.Model The record(s) to deselect. Can also be a number to reference by index.
-		* @param suppressEvent Boolean If true the deselect event will not be fired.
-		*/
-		deselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Deselects all records
-		* @param supress Object
-		*/
-		deselectAll?( supress?:any ): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Deselects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param suppressEvent Boolean Set to false to not fire a deselect event.
-		*/
-		doDeselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Selects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param keepExisting Boolean
-		* @param suppressEvent Boolean Set to false to not fire a select event.
-		*/
-		doSelect?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Returns the template node the passed child belongs to or null if it doesn t belong to one  */
-		findItemByChild?(): void;
-		/** [Method] Returns the template node by the Ext EventObject or null if it is not found  */
-		findTargetByEvent?(): void;
-		/** [Method] Returns the value of allowDeselect
-		* @returns Boolean
-		*/
-		getAllowDeselect?(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of data
-		* @returns Object[]
-		*/
-		getData?(): any[];
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of deferEmptyText
-		* @returns Boolean
-		*/
-		getDeferEmptyText?(): boolean;
-		/** [Method] Returns the value of deselectOnContainerClick
-		* @returns Boolean
-		*/
-		getDeselectOnContainerClick?(): boolean;
-		/** [Method] Returns the value of disableSelection
-		* @returns Boolean
-		*/
-		getDisableSelection?(): boolean;
-		/** [Method] Returns the value of emptyText
-		* @returns String
-		*/
-		getEmptyText?(): string;
-		/** [Method] Returns the value of inline
-		* @returns Boolean/Object
-		*/
-		getInline?(): any;
-		/** [Method] Returns an item at the specified index
-		* @param index Number Index of the item.
-		* @returns Ext.dom.Element/Ext.dataview.component.DataItem item Item at the specified index.
-		*/
-		getItemAt?( index?:number ): any;
-		/** [Method] Returns the value of itemCls
-		* @returns String
-		*/
-		getItemCls?(): string;
-		/** [Method] Returns the value of itemConfig
-		* @returns Object
-		*/
-		getItemConfig?(): any;
-		/** [Method] Returns an index for the specified item
-		* @param item Number The item to locate.
-		* @returns Number Index for the specified item.
-		*/
-		getItemIndex?( item?:number ): number;
-		/** [Method] Returns the value of itemTpl
-		* @returns String/String[]/Ext.XTemplate
-		*/
-		getItemTpl?(): any;
-		/** [Method] Returns the array of previously selected items
-		* @returns Array The previous selection.
-		*/
-		getLastSelected?(): any[];
-		/** [Method] Returns the value of loadingText
-		* @returns String
-		*/
-		getLoadingText?(): string;
-		/** [Method] Returns the value of maxItemCache
-		* @returns Number
-		*/
-		getMaxItemCache?(): number;
-		/** [Method] Returns the value of mode
-		* @returns String
-		*/
-		getMode?(): string;
-		/** [Method] Gets a template node  */
-		getNode?(): void;
-		/** [Method] Gets a range nodes  */
-		getNodes?(): void;
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns the value of pressedDelay
-		* @returns Number
-		*/
-		getPressedDelay?(): number;
-		/** [Method] Gets an array of the records from an array of nodes  */
-		getRecords?(): void;
-		/** [Method] Returns the value of scrollToTopOnRefresh
-		* @returns Boolean
-		*/
-		getScrollToTopOnRefresh?(): boolean;
-		/** [Method] Returns the value of scrollable
-		* @returns Boolean
-		*/
-		getScrollable?(): boolean;
-		/** [Method] Returns the value of selectedCls
-		* @returns String
-		*/
-		getSelectedCls?(): string;
-		/** [Method] Gets the currently selected nodes  */
-		getSelectedNodes?(): void;
-		/** [Method] Gets an array of the selected records  */
-		getSelectedRecords?(): void;
-		/** [Method] Returns an array of the currently selected records
-		* @returns Array An array of selected records.
-		*/
-		getSelection?(): any[];
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getSelectionCount?(): number;
-		/** [Method] Returns the selection mode currently used by this Selectable
-		* @returns String The current mode.
-		*/
-		getSelectionMode?(): string;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.Store/Object
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of triggerCtEvent
-		* @returns String
-		*/
-		getTriggerCtEvent?(): string;
-		/** [Method] Returns the value of triggerEvent
-		* @returns String
-		*/
-		getTriggerEvent?(): string;
-		/** [Method] Returns the value of useComponents
-		* @returns Boolean
-		*/
-		getUseComponents?(): boolean;
-		/** [Method] Returns an array of the current items in the DataView
-		* @returns Ext.dom.Element[]/Ext.dataview.component.DataItem[] Array of Items.
-		*/
-		getViewItems?(): any;
-		/** [Method] Method called when the Store s Reader throws an exception */
-		handleException?(): void;
-		/** [Method] Returns true if there is a selected record
-		* @returns Boolean
-		*/
-		hasSelection?(): boolean;
-		/** [Method] Finds the index of the passed node  */
-		indexOf?(): void;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Returns true if the Selectable is currently locked
-		* @returns Boolean True if currently locked
-		*/
-		isLocked?(): boolean;
-		/** [Method] Returns true if the specified row is selected
-		* @param record Ext.data.Model/Number The record or index of the record to check.
-		* @returns Boolean
-		*/
-		isSelected?( record?:any ): boolean;
-		/** [Method] Function which can be overridden to provide custom formatting for each Record that is used by this DataView s templat
-		* @param data Object/Object[] The raw data object that was used to create the Record.
-		* @param index Number the index number of the Record being prepared for rendering.
-		* @param record Ext.data.Model The Record being prepared for rendering.
-		* @returns Array/Object The formatted data in a format expected by the internal template's overwrite() method. (either an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'}))
-		*/
-		prepareData?( data?:any, index?:number, record?:Ext.data.IModel ): any;
-		/** [Method] Refreshes the view by reloading the data from the store and re rendering the template  */
-		refresh?(): void;
-		/** [Method] Refreshes an individual node s data from the store  */
-		refreshNode?(): void;
-		/** [Method] Adds the given records to the currently selected set
-		* @param records Ext.data.Model/Array/Number The records to select.
-		* @param keepExisting Boolean If true, the existing selection will be added to (if not, the old selection is replaced).
-		* @param suppressEvent Boolean If true, the select event will not be fired.
-		*/
-		select?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Selects all records
-		* @param silent Boolean true to suppress all select events.
-		*/
-		selectAll?( silent?:boolean ): void;
-		/** [Method] Selects a range of rows if the selection model getDisableSelection is not locked
-		* @param startRecord Number The index of the first row in the range.
-		* @param endRecord Number The index of the last row in the range.
-		* @param keepExisting Boolean true to retain existing selections.
-		*/
-		selectRange?( startRecord?:number, endRecord?:number, keepExisting?:boolean ): void;
-		/** [Method] Sets the value of allowDeselect
-		* @param allowDeselect Boolean
-		*/
-		setAllowDeselect?( allowDeselect?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of data
-		* @param data Object[]
-		*/
-		setData?( data?:any[] ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of deferEmptyText
-		* @param deferEmptyText Boolean
-		*/
-		setDeferEmptyText?( deferEmptyText?:boolean ): void;
-		/** [Method] Sets the value of deselectOnContainerClick
-		* @param deselectOnContainerClick Boolean
-		*/
-		setDeselectOnContainerClick?( deselectOnContainerClick?:boolean ): void;
-		/** [Method] Sets the value of disableSelection
-		* @param disableSelection Boolean
-		*/
-		setDisableSelection?( disableSelection?:boolean ): void;
-		/** [Method] Sets the value of emptyText
-		* @param emptyText String
-		*/
-		setEmptyText?( emptyText?:string ): void;
-		/** [Method] Sets the value of inline
-		* @param inline Boolean/Object
-		*/
-		setInline?( inline?:any ): void;
-		/** [Method] Sets the value of itemCls
-		* @param itemCls String
-		*/
-		setItemCls?( itemCls?:string ): void;
-		/** [Method] Sets the value of itemConfig
-		* @param itemConfig Object
-		*/
-		setItemConfig?( itemConfig?:any ): void;
-		/** [Method] Sets the value of itemTpl
-		* @param itemTpl String/String[]/Ext.XTemplate
-		*/
-		setItemTpl?( itemTpl?:any ): void;
-		/** [Method] This was an internal function accidentally exposed in 1 x and now deprecated  */
-		setLastFocused?(): void;
-		/** [Method] Sets the value of loadingText
-		* @param loadingText String
-		*/
-		setLoadingText?( loadingText?:string ): void;
-		/** [Method] Sets the value of maxItemCache
-		* @param maxItemCache Number
-		*/
-		setMaxItemCache?( maxItemCache?:number ): void;
-		/** [Method] Sets the value of mode
-		* @param mode String
-		*/
-		setMode?( mode?:string ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-		/** [Method] Sets the value of pressedDelay
-		* @param pressedDelay Number
-		*/
-		setPressedDelay?( pressedDelay?:number ): void;
-		/** [Method] Sets the value of scrollToTopOnRefresh
-		* @param scrollToTopOnRefresh Boolean
-		*/
-		setScrollToTopOnRefresh?( scrollToTopOnRefresh?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean
-		*/
-		setScrollable?( scrollable?:boolean ): void;
-		/** [Method] Sets the value of selectedCls
-		* @param selectedCls String
-		*/
-		setSelectedCls?( selectedCls?:string ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.Store/Object
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of triggerCtEvent
-		* @param triggerCtEvent String
-		*/
-		setTriggerCtEvent?( triggerCtEvent?:string ): void;
-		/** [Method] Sets the value of triggerEvent
-		* @param triggerEvent String
-		*/
-		setTriggerEvent?( triggerEvent?:string ): void;
-		/** [Method] Sets the value of useComponents
-		* @param useComponents Boolean
-		*/
-		setUseComponents?( useComponents?:boolean ): void;
-		/** [Method] Sets a record as the last focused record
-		* @param newRecord Ext.data.Record
-		* @param oldRecord Ext.data.Record
-		*/
-		updateLastFocused?( newRecord?:Ext.data.IRecord, oldRecord?:Ext.data.IRecord ): void;
-	}
-}
-declare namespace Ext.dataview.element {
-	export interface IContainer extends Ext.IComponent {
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext.dataview.element {
-	export interface IList extends Ext.dataview.element.IContainer {
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext.dataview {
-	export interface IIndexBar extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		alphabet?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Boolean) */
-		itemSelector?: boolean;
-		/** [Config Option] (Array) */
-		letters?: any[];
-		/** [Config Option] (String) */
-		listPrefix?: string;
-		/** [Config Option] (Boolean) */
-		store?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of letters
-		* @returns Array
-		*/
-		getLetters?(): any[];
-		/** [Method] Returns the value of listPrefix
-		* @returns String
-		*/
-		getListPrefix?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns true when direction is horizontal  */
-		isHorizontal?(): void;
-		/** [Method] Returns true when direction is vertical  */
-		isVertical?(): void;
-		/** [Method] Refreshes the view by reloading the data from the store and re rendering the template  */
-		refresh?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of letters
-		* @param letters Array
-		*/
-		setLetters?( letters?:any[] ): void;
-		/** [Method] Sets the value of listPrefix
-		* @param listPrefix String
-		*/
-		setListPrefix?( listPrefix?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface IIndexBar extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		alphabet?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Boolean) */
-		itemSelector?: boolean;
-		/** [Config Option] (Array) */
-		letters?: any[];
-		/** [Config Option] (String) */
-		listPrefix?: string;
-		/** [Config Option] (Boolean) */
-		store?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of letters
-		* @returns Array
-		*/
-		getLetters?(): any[];
-		/** [Method] Returns the value of listPrefix
-		* @returns String
-		*/
-		getListPrefix?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns true when direction is horizontal  */
-		isHorizontal?(): void;
-		/** [Method] Returns true when direction is vertical  */
-		isVertical?(): void;
-		/** [Method] Refreshes the view by reloading the data from the store and re rendering the template  */
-		refresh?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of letters
-		* @param letters Array
-		*/
-		setLetters?( letters?:any[] ): void;
-		/** [Method] Sets the value of listPrefix
-		* @param listPrefix String
-		*/
-		setListPrefix?( listPrefix?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.dataview {
-	export interface IList extends Ext.dataview.IDataView,Ext.mixin.IBindable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (String) */
-		disclosureProperty?: string;
-		/** [Config Option] (Boolean) */
-		grouped?: boolean;
-		/** [Config Option] (Boolean/Object) */
-		indexBar?: any;
-		/** [Config Option] (Boolean) */
-		infinite?: boolean;
-		/** [Config Option] (Number) */
-		itemHeight?: number;
-		/** [Config Option] (Boolean/Function/Object) */
-		onItemDisclosure?: any;
-		/** [Config Option] (Boolean) */
-		pinHeaders?: boolean;
-		/** [Config Option] (Boolean) */
-		preventSelectionOnDisclose?: boolean;
-		/** [Config Option] (Boolean) */
-		refreshHeightOnUpdate?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (Boolean) */
-		striped?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Boolean) */
-		useSimpleItems?: boolean;
-		/** [Config Option] (Boolean) */
-		variableHeights?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of disclosureProperty
-		* @returns String
-		*/
-		getDisclosureProperty?(): string;
-		/** [Method] Returns the value of grouped
-		* @returns Boolean
-		*/
-		getGrouped?(): boolean;
-		/** [Method] Returns the value of icon
-		* @returns Object
-		*/
-		getIcon?(): any;
-		/** [Method] Returns the value of indexBar
-		* @returns Boolean/Object
-		*/
-		getIndexBar?(): any;
-		/** [Method] Returns the value of infinite
-		* @returns Boolean
-		*/
-		getInfinite?(): boolean;
-		/** [Method] Returns an item at the specified index
-		* @param index Number Index of the item.
-		* @returns Ext.dom.Element/Ext.dataview.component.DataItem item Item at the specified index.
-		*/
-		getItemAt?( index?:number ): any;
-		/** [Method] Returns the value of itemHeight
-		* @returns Number
-		*/
-		getItemHeight?(): number;
-		/** [Method] Returns an index for the specified item
-		* @param item Number The item to locate.
-		* @returns Number Index for the specified item.
-		*/
-		getItemIndex?( item?:number ): number;
-		/** [Method] Returns the value of onItemDisclosure
-		* @returns Boolean/Function/Object
-		*/
-		getOnItemDisclosure?(): any;
-		/** [Method] Returns the value of pinHeaders
-		* @returns Boolean
-		*/
-		getPinHeaders?(): boolean;
-		/** [Method] Returns the value of preventSelectionOnDisclose
-		* @returns Boolean
-		*/
-		getPreventSelectionOnDisclose?(): boolean;
-		/** [Method] Returns the value of refreshHeightOnUpdate
-		* @returns Boolean
-		*/
-		getRefreshHeightOnUpdate?(): boolean;
-		/** [Method] Returns all the items that are docked in the scroller in this list
-		* @returns Array An array of the scrollDock items
-		*/
-		getScrollDockedItems?(): any[];
-		/** [Method] Returns the value of striped
-		* @returns Boolean
-		*/
-		getStriped?(): boolean;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of useSimpleItems
-		* @returns Boolean
-		*/
-		getUseSimpleItems?(): boolean;
-		/** [Method] Returns the value of variableHeights
-		* @returns Boolean
-		*/
-		getVariableHeights?(): boolean;
-		/** [Method] Returns an array of the current items in the DataView
-		* @returns Ext.dom.Element[]/Ext.dataview.component.DataItem[] Array of Items.
-		*/
-		getViewItems?(): any;
-		/** [Method] We override DataView s initialize method with an empty function */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of disclosureProperty
-		* @param disclosureProperty String
-		*/
-		setDisclosureProperty?( disclosureProperty?:string ): void;
-		/** [Method] Sets the value of grouped
-		* @param grouped Boolean
-		*/
-		setGrouped?( grouped?:boolean ): void;
-		/** [Method] Sets the value of icon
-		* @param icon Object
-		*/
-		setIcon?( icon?:any ): void;
-		/** [Method] Sets the value of indexBar
-		* @param indexBar Boolean/Object
-		*/
-		setIndexBar?( indexBar?:any ): void;
-		/** [Method] Sets the value of infinite
-		* @param infinite Boolean
-		*/
-		setInfinite?( infinite?:boolean ): void;
-		/** [Method] Sets the value of itemHeight
-		* @param itemHeight Number
-		*/
-		setItemHeight?( itemHeight?:number ): void;
-		/** [Method] Sets the value of onItemDisclosure
-		* @param onItemDisclosure Boolean/Function/Object
-		*/
-		setOnItemDisclosure?( onItemDisclosure?:any ): void;
-		/** [Method] Sets the value of pinHeaders
-		* @param pinHeaders Boolean
-		*/
-		setPinHeaders?( pinHeaders?:boolean ): void;
-		/** [Method] Sets the value of preventSelectionOnDisclose
-		* @param preventSelectionOnDisclose Boolean
-		*/
-		setPreventSelectionOnDisclose?( preventSelectionOnDisclose?:boolean ): void;
-		/** [Method] Sets the value of refreshHeightOnUpdate
-		* @param refreshHeightOnUpdate Boolean
-		*/
-		setRefreshHeightOnUpdate?( refreshHeightOnUpdate?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Sets the value of striped
-		* @param striped Boolean
-		*/
-		setStriped?( striped?:boolean ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of useSimpleItems
-		* @param useSimpleItems Boolean
-		*/
-		setUseSimpleItems?( useSimpleItems?:boolean ): void;
-		/** [Method] Sets the value of variableHeights
-		* @param variableHeights Boolean
-		*/
-		setVariableHeights?( variableHeights?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface IList extends Ext.dataview.IDataView,Ext.mixin.IBindable {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (String) */
-		disclosureProperty?: string;
-		/** [Config Option] (Boolean) */
-		grouped?: boolean;
-		/** [Config Option] (Boolean/Object) */
-		indexBar?: any;
-		/** [Config Option] (Boolean) */
-		infinite?: boolean;
-		/** [Config Option] (Number) */
-		itemHeight?: number;
-		/** [Config Option] (Boolean/Function/Object) */
-		onItemDisclosure?: any;
-		/** [Config Option] (Boolean) */
-		pinHeaders?: boolean;
-		/** [Config Option] (Boolean) */
-		preventSelectionOnDisclose?: boolean;
-		/** [Config Option] (Boolean) */
-		refreshHeightOnUpdate?: boolean;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (Boolean) */
-		striped?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Boolean) */
-		useSimpleItems?: boolean;
-		/** [Config Option] (Boolean) */
-		variableHeights?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of disclosureProperty
-		* @returns String
-		*/
-		getDisclosureProperty?(): string;
-		/** [Method] Returns the value of grouped
-		* @returns Boolean
-		*/
-		getGrouped?(): boolean;
-		/** [Method] Returns the value of icon
-		* @returns Object
-		*/
-		getIcon?(): any;
-		/** [Method] Returns the value of indexBar
-		* @returns Boolean/Object
-		*/
-		getIndexBar?(): any;
-		/** [Method] Returns the value of infinite
-		* @returns Boolean
-		*/
-		getInfinite?(): boolean;
-		/** [Method] Returns an item at the specified index
-		* @param index Number Index of the item.
-		* @returns Ext.dom.Element/Ext.dataview.component.DataItem item Item at the specified index.
-		*/
-		getItemAt?( index?:number ): any;
-		/** [Method] Returns the value of itemHeight
-		* @returns Number
-		*/
-		getItemHeight?(): number;
-		/** [Method] Returns an index for the specified item
-		* @param item Number The item to locate.
-		* @returns Number Index for the specified item.
-		*/
-		getItemIndex?( item?:number ): number;
-		/** [Method] Returns the value of onItemDisclosure
-		* @returns Boolean/Function/Object
-		*/
-		getOnItemDisclosure?(): any;
-		/** [Method] Returns the value of pinHeaders
-		* @returns Boolean
-		*/
-		getPinHeaders?(): boolean;
-		/** [Method] Returns the value of preventSelectionOnDisclose
-		* @returns Boolean
-		*/
-		getPreventSelectionOnDisclose?(): boolean;
-		/** [Method] Returns the value of refreshHeightOnUpdate
-		* @returns Boolean
-		*/
-		getRefreshHeightOnUpdate?(): boolean;
-		/** [Method] Returns all the items that are docked in the scroller in this list
-		* @returns Array An array of the scrollDock items
-		*/
-		getScrollDockedItems?(): any[];
-		/** [Method] Returns the value of striped
-		* @returns Boolean
-		*/
-		getStriped?(): boolean;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of useSimpleItems
-		* @returns Boolean
-		*/
-		getUseSimpleItems?(): boolean;
-		/** [Method] Returns the value of variableHeights
-		* @returns Boolean
-		*/
-		getVariableHeights?(): boolean;
-		/** [Method] Returns an array of the current items in the DataView
-		* @returns Ext.dom.Element[]/Ext.dataview.component.DataItem[] Array of Items.
-		*/
-		getViewItems?(): any;
-		/** [Method] We override DataView s initialize method with an empty function */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of disclosureProperty
-		* @param disclosureProperty String
-		*/
-		setDisclosureProperty?( disclosureProperty?:string ): void;
-		/** [Method] Sets the value of grouped
-		* @param grouped Boolean
-		*/
-		setGrouped?( grouped?:boolean ): void;
-		/** [Method] Sets the value of icon
-		* @param icon Object
-		*/
-		setIcon?( icon?:any ): void;
-		/** [Method] Sets the value of indexBar
-		* @param indexBar Boolean/Object
-		*/
-		setIndexBar?( indexBar?:any ): void;
-		/** [Method] Sets the value of infinite
-		* @param infinite Boolean
-		*/
-		setInfinite?( infinite?:boolean ): void;
-		/** [Method] Sets the value of itemHeight
-		* @param itemHeight Number
-		*/
-		setItemHeight?( itemHeight?:number ): void;
-		/** [Method] Sets the value of onItemDisclosure
-		* @param onItemDisclosure Boolean/Function/Object
-		*/
-		setOnItemDisclosure?( onItemDisclosure?:any ): void;
-		/** [Method] Sets the value of pinHeaders
-		* @param pinHeaders Boolean
-		*/
-		setPinHeaders?( pinHeaders?:boolean ): void;
-		/** [Method] Sets the value of preventSelectionOnDisclose
-		* @param preventSelectionOnDisclose Boolean
-		*/
-		setPreventSelectionOnDisclose?( preventSelectionOnDisclose?:boolean ): void;
-		/** [Method] Sets the value of refreshHeightOnUpdate
-		* @param refreshHeightOnUpdate Boolean
-		*/
-		setRefreshHeightOnUpdate?( refreshHeightOnUpdate?:boolean ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Sets the value of striped
-		* @param striped Boolean
-		*/
-		setStriped?( striped?:boolean ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of useSimpleItems
-		* @param useSimpleItems Boolean
-		*/
-		setUseSimpleItems?( useSimpleItems?:boolean ): void;
-		/** [Method] Sets the value of variableHeights
-		* @param variableHeights Boolean
-		*/
-		setVariableHeights?( variableHeights?:boolean ): void;
-	}
-}
-declare namespace Ext.dataview {
-	export interface IListItemHeader extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		docked?: string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		getDocked?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		setDocked?( docked?:string ): void;
-	}
-}
-declare namespace Ext.dataview {
-	export interface INestedList extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		allowDeselect?: boolean;
-		/** [Config Option] (Object) */
-		backButton?: any;
-		/** [Config Option] (String) */
-		backText?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String/Object/Boolean) */
-		cardSwitchAnimation?: any;
-		/** [Config Option] (Number) */
-		clearSelectionDelay?: number;
-		/** [Config Option] (Ext.Component) */
-		detailCard?: Ext.IComponent;
-		/** [Config Option] (Ext.Container) */
-		detailContainer?: Ext.IContainer;
-		/** [Config Option] (String) */
-		displayField?: string;
-		/** [Config Option] (String) */
-		emptyText?: string;
-		/** [Config Option] (Number) */
-		itemHeight?: number;
-		/** [Config Option] (Object) */
-		listConfig?: any;
-		/** [Config Option] (String) */
-		loadingText?: string;
-		/** [Config Option] (Boolean/Function) */
-		onItemDisclosure?: any;
-		/** [Config Option] (Ext.data.TreeStore/String) */
-		store?: any;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Config Option] (Ext.Toolbar/Object/Boolean) */
-		toolbar?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Boolean) */
-		updateTitleText?: boolean;
-		/** [Config Option] (Boolean) */
-		useSimpleItems?: boolean;
-		/** [Config Option] (Boolean) */
-		useTitleAsBackText?: boolean;
-		/** [Config Option] (Boolean) */
-		useToolbar?: boolean;
-		/** [Config Option] (Boolean) */
-		variableHeights?: boolean;
-		/** [Method] Returns the value of allowDeselect
-		* @returns Boolean
-		*/
-		getAllowDeselect?(): boolean;
-		/** [Method] Returns the value of backButton
-		* @returns Object
-		*/
-		getBackButton?(): any;
-		/** [Method] Returns the value of backText
-		* @returns String
-		*/
-		getBackText?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of detailCard
-		* @returns Ext.Component
-		*/
-		getDetailCard?(): Ext.IComponent;
-		/** [Method] Returns the value of detailContainer
-		* @returns Ext.Container
-		*/
-		getDetailContainer?(): Ext.IContainer;
-		/** [Method] Returns the value of displayField
-		* @returns String
-		*/
-		getDisplayField?(): string;
-		/** [Method] Returns the value of emptyText
-		* @returns String
-		*/
-		getEmptyText?(): string;
-		/** [Method] Returns the value of itemHeight
-		* @returns Number
-		*/
-		getItemHeight?(): number;
-		/** [Method] Override this method to provide custom template rendering of individual nodes
-		* @param node Ext.data.Record
-		* @returns String
-		*/
-		getItemTextTpl?( node?:Ext.data.IRecord ): string;
-		/** [Method] Returns the value of listConfig
-		* @returns Object
-		*/
-		getListConfig?(): any;
-		/** [Method] Returns the value of loadingText
-		* @returns String
-		*/
-		getLoadingText?(): string;
-		/** [Method] Returns the value of onItemDisclosure
-		* @returns Boolean/Function
-		*/
-		getOnItemDisclosure?(): any;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.TreeStore/String
-		*/
-		getStore?(): any;
-		/** [Method] Returns the subList for a specified node  */
-		getSubList?(): void;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Override this method to provide custom template rendering of titles back buttons when useTitleAsBackText is enabled
-		* @param node Ext.data.Record
-		* @returns String
-		*/
-		getTitleTextTpl?( node?:Ext.data.IRecord ): string;
-		/** [Method] Returns the value of toolbar
-		* @returns Ext.Toolbar/Object/Boolean
-		*/
-		getToolbar?(): any;
-		/** [Method] Returns the value of updateTitleText
-		* @returns Boolean
-		*/
-		getUpdateTitleText?(): boolean;
-		/** [Method] Returns the value of useSimpleItems
-		* @returns Boolean
-		*/
-		getUseSimpleItems?(): boolean;
-		/** [Method] Returns the value of useTitleAsBackText
-		* @returns Boolean
-		*/
-		getUseTitleAsBackText?(): boolean;
-		/** [Method] Returns the value of useToolbar
-		* @returns Boolean
-		*/
-		getUseToolbar?(): boolean;
-		/** [Method] Returns the value of variableHeights
-		* @returns Boolean
-		*/
-		getVariableHeights?(): boolean;
-		/** [Method] The leaf you want to navigate to
-		* @param node Ext.data.NodeInterface The specified node to navigate to.
-		*/
-		goToLeaf?( node?:Ext.data.INodeInterface ): void;
-		/** [Method] Method to handle going to a specific node within this nested list
-		* @param node Ext.data.NodeInterface The specified node to navigate to.
-		*/
-		goToNode?( node?:Ext.data.INodeInterface ): void;
-		/** [Method] Called when the backButton has been tapped  */
-		onBackTap?(): void;
-		/** [Method] Called when an list item has been tapped
-		* @param list Ext.List The subList the item is on.
-		* @param index Number The id of the item tapped.
-		* @param target Ext.Element The list item tapped.
-		* @param record Ext.data.Record The record which as tapped.
-		* @param e Ext.event.Event The event.
-		*/
-		onItemTap?( list?:Ext.IList, index?:number, target?:Ext.IElement, record?:Ext.data.IRecord, e?:Ext.event.IEvent ): void;
-		/** [Method] Sets the value of allowDeselect
-		* @param allowDeselect Boolean
-		*/
-		setAllowDeselect?( allowDeselect?:boolean ): void;
-		/** [Method] Sets the value of backButton
-		* @param backButton Object
-		*/
-		setBackButton?( backButton?:any ): void;
-		/** [Method] Sets the value of backText
-		* @param backText String
-		*/
-		setBackText?( backText?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of detailCard
-		* @param detailCard Ext.Component
-		*/
-		setDetailCard?( detailCard?:Ext.IComponent ): void;
-		/** [Method] Sets the value of detailContainer
-		* @param detailContainer Ext.Container
-		*/
-		setDetailContainer?( detailContainer?:Ext.IContainer ): void;
-		/** [Method] Sets the value of displayField
-		* @param displayField String
-		*/
-		setDisplayField?( displayField?:string ): void;
-		/** [Method] Sets the value of emptyText
-		* @param emptyText String
-		*/
-		setEmptyText?( emptyText?:string ): void;
-		/** [Method] Sets the value of itemHeight
-		* @param itemHeight Number
-		*/
-		setItemHeight?( itemHeight?:number ): void;
-		/** [Method] Sets the value of listConfig
-		* @param listConfig Object
-		*/
-		setListConfig?( listConfig?:any ): void;
-		/** [Method] Sets the value of loadingText
-		* @param loadingText String
-		*/
-		setLoadingText?( loadingText?:string ): void;
-		/** [Method] Sets the value of onItemDisclosure
-		* @param onItemDisclosure Boolean/Function
-		*/
-		setOnItemDisclosure?( onItemDisclosure?:any ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.TreeStore/String
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Sets the value of toolbar
-		* @param toolbar Ext.Toolbar/Object/Boolean
-		*/
-		setToolbar?( toolbar?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui Object
-		*/
-		setUi?( ui?:any ): void;
-		/** [Method] Sets the value of updateTitleText
-		* @param updateTitleText Boolean
-		*/
-		setUpdateTitleText?( updateTitleText?:boolean ): void;
-		/** [Method] Sets the value of useSimpleItems
-		* @param useSimpleItems Boolean
-		*/
-		setUseSimpleItems?( useSimpleItems?:boolean ): void;
-		/** [Method] Sets the value of useTitleAsBackText
-		* @param useTitleAsBackText Boolean
-		*/
-		setUseTitleAsBackText?( useTitleAsBackText?:boolean ): void;
-		/** [Method] Sets the value of useToolbar
-		* @param useToolbar Boolean
-		*/
-		setUseToolbar?( useToolbar?:boolean ): void;
-		/** [Method] Sets the value of variableHeights
-		* @param variableHeights Boolean
-		*/
-		setVariableHeights?( variableHeights?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface INestedList extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		allowDeselect?: boolean;
-		/** [Config Option] (Object) */
-		backButton?: any;
-		/** [Config Option] (String) */
-		backText?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String/Object/Boolean) */
-		cardSwitchAnimation?: any;
-		/** [Config Option] (Number) */
-		clearSelectionDelay?: number;
-		/** [Config Option] (Ext.Component) */
-		detailCard?: Ext.IComponent;
-		/** [Config Option] (Ext.Container) */
-		detailContainer?: Ext.IContainer;
-		/** [Config Option] (String) */
-		displayField?: string;
-		/** [Config Option] (String) */
-		emptyText?: string;
-		/** [Config Option] (Number) */
-		itemHeight?: number;
-		/** [Config Option] (Object) */
-		listConfig?: any;
-		/** [Config Option] (String) */
-		loadingText?: string;
-		/** [Config Option] (Boolean/Function) */
-		onItemDisclosure?: any;
-		/** [Config Option] (Ext.data.TreeStore/String) */
-		store?: any;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Config Option] (Ext.Toolbar/Object/Boolean) */
-		toolbar?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Boolean) */
-		updateTitleText?: boolean;
-		/** [Config Option] (Boolean) */
-		useSimpleItems?: boolean;
-		/** [Config Option] (Boolean) */
-		useTitleAsBackText?: boolean;
-		/** [Config Option] (Boolean) */
-		useToolbar?: boolean;
-		/** [Config Option] (Boolean) */
-		variableHeights?: boolean;
-		/** [Method] Returns the value of allowDeselect
-		* @returns Boolean
-		*/
-		getAllowDeselect?(): boolean;
-		/** [Method] Returns the value of backButton
-		* @returns Object
-		*/
-		getBackButton?(): any;
-		/** [Method] Returns the value of backText
-		* @returns String
-		*/
-		getBackText?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of detailCard
-		* @returns Ext.Component
-		*/
-		getDetailCard?(): Ext.IComponent;
-		/** [Method] Returns the value of detailContainer
-		* @returns Ext.Container
-		*/
-		getDetailContainer?(): Ext.IContainer;
-		/** [Method] Returns the value of displayField
-		* @returns String
-		*/
-		getDisplayField?(): string;
-		/** [Method] Returns the value of emptyText
-		* @returns String
-		*/
-		getEmptyText?(): string;
-		/** [Method] Returns the value of itemHeight
-		* @returns Number
-		*/
-		getItemHeight?(): number;
-		/** [Method] Override this method to provide custom template rendering of individual nodes
-		* @param node Ext.data.Record
-		* @returns String
-		*/
-		getItemTextTpl?( node?:Ext.data.IRecord ): string;
-		/** [Method] Returns the value of listConfig
-		* @returns Object
-		*/
-		getListConfig?(): any;
-		/** [Method] Returns the value of loadingText
-		* @returns String
-		*/
-		getLoadingText?(): string;
-		/** [Method] Returns the value of onItemDisclosure
-		* @returns Boolean/Function
-		*/
-		getOnItemDisclosure?(): any;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.TreeStore/String
-		*/
-		getStore?(): any;
-		/** [Method] Returns the subList for a specified node  */
-		getSubList?(): void;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Override this method to provide custom template rendering of titles back buttons when useTitleAsBackText is enabled
-		* @param node Ext.data.Record
-		* @returns String
-		*/
-		getTitleTextTpl?( node?:Ext.data.IRecord ): string;
-		/** [Method] Returns the value of toolbar
-		* @returns Ext.Toolbar/Object/Boolean
-		*/
-		getToolbar?(): any;
-		/** [Method] Returns the value of updateTitleText
-		* @returns Boolean
-		*/
-		getUpdateTitleText?(): boolean;
-		/** [Method] Returns the value of useSimpleItems
-		* @returns Boolean
-		*/
-		getUseSimpleItems?(): boolean;
-		/** [Method] Returns the value of useTitleAsBackText
-		* @returns Boolean
-		*/
-		getUseTitleAsBackText?(): boolean;
-		/** [Method] Returns the value of useToolbar
-		* @returns Boolean
-		*/
-		getUseToolbar?(): boolean;
-		/** [Method] Returns the value of variableHeights
-		* @returns Boolean
-		*/
-		getVariableHeights?(): boolean;
-		/** [Method] The leaf you want to navigate to
-		* @param node Ext.data.NodeInterface The specified node to navigate to.
-		*/
-		goToLeaf?( node?:Ext.data.INodeInterface ): void;
-		/** [Method] Method to handle going to a specific node within this nested list
-		* @param node Ext.data.NodeInterface The specified node to navigate to.
-		*/
-		goToNode?( node?:Ext.data.INodeInterface ): void;
-		/** [Method] Called when the backButton has been tapped  */
-		onBackTap?(): void;
-		/** [Method] Called when an list item has been tapped
-		* @param list Ext.List The subList the item is on.
-		* @param index Number The id of the item tapped.
-		* @param target Ext.Element The list item tapped.
-		* @param record Ext.data.Record The record which as tapped.
-		* @param e Ext.event.Event The event.
-		*/
-		onItemTap?( list?:Ext.IList, index?:number, target?:Ext.IElement, record?:Ext.data.IRecord, e?:Ext.event.IEvent ): void;
-		/** [Method] Sets the value of allowDeselect
-		* @param allowDeselect Boolean
-		*/
-		setAllowDeselect?( allowDeselect?:boolean ): void;
-		/** [Method] Sets the value of backButton
-		* @param backButton Object
-		*/
-		setBackButton?( backButton?:any ): void;
-		/** [Method] Sets the value of backText
-		* @param backText String
-		*/
-		setBackText?( backText?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of detailCard
-		* @param detailCard Ext.Component
-		*/
-		setDetailCard?( detailCard?:Ext.IComponent ): void;
-		/** [Method] Sets the value of detailContainer
-		* @param detailContainer Ext.Container
-		*/
-		setDetailContainer?( detailContainer?:Ext.IContainer ): void;
-		/** [Method] Sets the value of displayField
-		* @param displayField String
-		*/
-		setDisplayField?( displayField?:string ): void;
-		/** [Method] Sets the value of emptyText
-		* @param emptyText String
-		*/
-		setEmptyText?( emptyText?:string ): void;
-		/** [Method] Sets the value of itemHeight
-		* @param itemHeight Number
-		*/
-		setItemHeight?( itemHeight?:number ): void;
-		/** [Method] Sets the value of listConfig
-		* @param listConfig Object
-		*/
-		setListConfig?( listConfig?:any ): void;
-		/** [Method] Sets the value of loadingText
-		* @param loadingText String
-		*/
-		setLoadingText?( loadingText?:string ): void;
-		/** [Method] Sets the value of onItemDisclosure
-		* @param onItemDisclosure Boolean/Function
-		*/
-		setOnItemDisclosure?( onItemDisclosure?:any ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.TreeStore/String
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Sets the value of toolbar
-		* @param toolbar Ext.Toolbar/Object/Boolean
-		*/
-		setToolbar?( toolbar?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui Object
-		*/
-		setUi?( ui?:any ): void;
-		/** [Method] Sets the value of updateTitleText
-		* @param updateTitleText Boolean
-		*/
-		setUpdateTitleText?( updateTitleText?:boolean ): void;
-		/** [Method] Sets the value of useSimpleItems
-		* @param useSimpleItems Boolean
-		*/
-		setUseSimpleItems?( useSimpleItems?:boolean ): void;
-		/** [Method] Sets the value of useTitleAsBackText
-		* @param useTitleAsBackText Boolean
-		*/
-		setUseTitleAsBackText?( useTitleAsBackText?:boolean ): void;
-		/** [Method] Sets the value of useToolbar
-		* @param useToolbar Boolean
-		*/
-		setUseToolbar?( useToolbar?:boolean ): void;
-		/** [Method] Sets the value of variableHeights
-		* @param variableHeights Boolean
-		*/
-		setVariableHeights?( variableHeights?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface IDate extends Ext.IDateExtras {
-	}
-	export class Date {
-		/** [Property] (String) */
-		static DAY: string;
-		/** [Property] (String) */
-		static HOUR: string;
-		/** [Property] (String) */
-		static MILLI: string;
-		/** [Property] (String) */
-		static MINUTE: string;
-		/** [Property] (String) */
-		static MONTH: string;
-		/** [Property] (String) */
-		static SECOND: string;
-		/** [Property] (String) */
-		static YEAR: string;
-		/** [Property] (Array) */
-		static dayNames: any[];
-		/** [Property] (String) */
-		static defaultFormat: string;
-		/** [Property] (Object) */
-		static defaults: any;
-		/** [Property] (Object) */
-		static formatCodes: any;
-		/** [Property] (Object) */
-		static formatFunctions: any;
-		/** [Property] (Array) */
-		static monthNames: any[];
-		/** [Property] (Object) */
-		static monthNumbers: any;
-		/** [Property] (Object) */
-		static parseFunctions: any;
-		/** [Property] (Boolean) */
-		static useStrict: boolean;
-		/** [Method] Provides a convenient method for performing basic date arithmetic
-		* @param date Date The date to modify.
-		* @param interval String A valid date interval enum value.
-		* @param value Number The amount to add to the current date.
-		* @returns Date The new Date instance.
-		*/
-		static add( date?:any, interval?:string, value?:number ): any;
-		/** [Method] Align the date to unit
-		* @param date Date The date to be aligned.
-		* @param unit String The unit. This unit is compatible with the date interval constants.
-		* @returns Date The aligned date.
-		*/
-		static align( date?:any, unit?:string ): any;
-		/** [Method] Checks if a date falls on or between the given start and end dates
-		* @param date Date The date to check.
-		* @param start Date Start date.
-		* @param end Date End date.
-		* @returns Boolean true if this date falls on or between the given start and end dates.
-		*/
-		static between( date?:any, start?:any, end?:any ): boolean;
-		/** [Method] Attempts to clear all time information from this Date by setting the time to midnight of the same day automatically
-		* @param date Date The date.
-		* @param clone Boolean true to create a clone of this date, clear the time and return it.
-		* @returns Date this or the clone.
-		*/
-		static clearTime( date?:any, clone?:boolean ): any;
-		/** [Method] Creates and returns a new Date instance with the exact same date value as the called instance
-		* @param date Date The date.
-		* @returns Date The new Date instance.
-		*/
-		static clone( date?:any ): any;
-		/** [Method] Calculate how many units are there between two time
-		* @param min Date The first time.
-		* @param max Date The second time.
-		* @param unit String The unit. This unit is compatible with the date interval constants.
-		* @returns Number The maximum number n of units that min + n * unit &lt;= max.
-		*/
-		static diff( min?:any, max?:any, unit?:string ): number;
-		/** [Method] Formats a date given the supplied format string
-		* @param date Date The date to format.
-		* @param format String The format string.
-		* @returns String The formatted date.
-		*/
-		static format( date?:any, format?:string ): string;
-		/** [Method] Get the numeric day number of the year adjusted for leap year
-		* @param date Date The date.
-		* @returns Number 0 to 364 (365 in leap years).
-		*/
-		static getDayOfYear( date?:any ): number;
-		/** [Method] Get the number of days in the current month adjusted for leap year
-		* @param date Date The date.
-		* @returns Number The number of days in the month.
-		*/
-		static getDaysInMonth( date?:any ): number;
-		/** [Method] Returns the number of milliseconds between two dates
-		* @param dateA Date The first date.
-		* @param dateB Date The second date, defaults to now.
-		* @returns Number The difference in milliseconds.
-		*/
-		static getElapsed( dateA?:any, dateB?:any ): number;
-		/** [Method] Get the date of the first day of the month in which this date resides
-		* @param date Date The date.
-		* @returns Date
-		*/
-		static getFirstDateOfMonth( date?:any ): any;
-		/** [Method] Get the first day of the current month adjusted for leap year
-		* @param date Date The date
-		* @returns Number The day number (0-6).
-		*/
-		static getFirstDayOfMonth( date?:any ): number;
-		/** [Method] Get the offset from GMT of the current date equivalent to the format specifier O
-		* @param date Date The date.
-		* @param colon Boolean true to separate the hours and minutes with a colon.
-		* @returns String The 4-character offset string prefixed with + or - (e.g. '-0600').
-		*/
-		static getGMTOffset( date?:any, colon?:boolean ): string;
-		/** [Method] Get the date of the last day of the month in which this date resides
-		* @param date Date The date.
-		* @returns Date
-		*/
-		static getLastDateOfMonth( date?:any ): any;
-		/** [Method] Get the last day of the current month adjusted for leap year
-		* @param date Date The date.
-		* @returns Number The day number (0-6).
-		*/
-		static getLastDayOfMonth( date?:any ): number;
-		/** [Method] Get the zero based JavaScript month number for the given short full month name
-		* @param name String The short/full month name.
-		* @returns Number The zero-based JavaScript month number.
-		*/
-		static getMonthNumber( name?:string ): number;
-		/** [Method] Get the short day name for the given day number
-		* @param day Number A zero-based JavaScript day number.
-		* @returns String The short day name.
-		*/
-		static getShortDayName( day?:number ): string;
-		/** [Method] Get the short month name for the given month number
-		* @param month Number A zero-based JavaScript month number.
-		* @returns String The short month name.
-		*/
-		static getShortMonthName( month?:number ): string;
-		/** [Method] Get the English ordinal suffix of the current day equivalent to the format specifier S
-		* @param date Date The date.
-		* @returns String 'st', 'nd', 'rd' or 'th'.
-		*/
-		static getSuffix( date?:any ): string;
-		/** [Method] Get the timezone abbreviation of the current date equivalent to the format specifier T
-		* @param date Date The date.
-		* @returns String The abbreviated timezone name (e.g. 'CST', 'PDT', 'EDT', 'MPST' ...).
-		*/
-		static getTimezone( date?:any ): string;
-		/** [Method] Get the numeric ISO 8601 week number of the year equivalent to the format specifier W  but without a leading zero
-		* @param date Date The date.
-		* @returns Number 1 to 53.
-		*/
-		static getWeekOfYear( date?:any ): number;
-		/** [Method] Checks if the current date is affected by Daylight Saving Time DST
-		* @param date Date The date.
-		* @returns Boolean true if the current date is affected by DST.
-		*/
-		static isDST( date?:any ): boolean;
-		/** [Method] Checks if the current date falls within a leap year
-		* @param date Date The date.
-		* @returns Boolean true if the current date falls within a leap year, false otherwise.
-		*/
-		static isLeapYear( date?:any ): boolean;
-		/** [Method] Checks if the passed Date parameters will cause a JavaScript Date rollover
-		* @param year Number 4-digit year.
-		* @param month Number 1-based month-of-year.
-		* @param day Number Day of month.
-		* @param hour Number Hour.
-		* @param minute Number Minute.
-		* @param second Number Second.
-		* @param millisecond Number Millisecond.
-		* @returns Boolean true if the passed parameters do not cause a Date "rollover", false otherwise.
-		*/
-		static isValid( year?:number, month?:number, day?:number, hour?:number, minute?:number, second?:number, millisecond?:number ): boolean;
-		/** [Method] Returns the current timestamp
-		* @returns Number The current timestamp.
-		*/
-		static now(): number;
-		/** [Method] Parses the passed string using the specified date format
-		* @param input String The raw date string.
-		* @param format String The expected date string format.
-		* @param strict Boolean true to validate date strings while parsing (i.e. prevents JavaScript Date "rollover"). Invalid date strings will return null when parsed.
-		* @returns Date/null The parsed Date, or null if an invalid date string.
-		*/
-		static parse( input?:string, format?:string, strict?:boolean ): any;
-	}
-}
-declare namespace Ext {
-	export interface IDateExtras {
-	}
-	export class DateExtras {
-		/** [Property] (String) */
-		static DAY: string;
-		/** [Property] (String) */
-		static HOUR: string;
-		/** [Property] (String) */
-		static MILLI: string;
-		/** [Property] (String) */
-		static MINUTE: string;
-		/** [Property] (String) */
-		static MONTH: string;
-		/** [Property] (String) */
-		static SECOND: string;
-		/** [Property] (String) */
-		static YEAR: string;
-		/** [Property] (Array) */
-		static dayNames: any[];
-		/** [Property] (String) */
-		static defaultFormat: string;
-		/** [Property] (Object) */
-		static defaults: any;
-		/** [Property] (Object) */
-		static formatCodes: any;
-		/** [Property] (Object) */
-		static formatFunctions: any;
-		/** [Property] (Array) */
-		static monthNames: any[];
-		/** [Property] (Object) */
-		static monthNumbers: any;
-		/** [Property] (Object) */
-		static parseFunctions: any;
-		/** [Property] (Boolean) */
-		static useStrict: boolean;
-		/** [Method] Provides a convenient method for performing basic date arithmetic
-		* @param date Date The date to modify.
-		* @param interval String A valid date interval enum value.
-		* @param value Number The amount to add to the current date.
-		* @returns Date The new Date instance.
-		*/
-		static add( date?:any, interval?:string, value?:number ): any;
-		/** [Method] Align the date to unit
-		* @param date Date The date to be aligned.
-		* @param unit String The unit. This unit is compatible with the date interval constants.
-		* @returns Date The aligned date.
-		*/
-		static align( date?:any, unit?:string ): any;
-		/** [Method] Checks if a date falls on or between the given start and end dates
-		* @param date Date The date to check.
-		* @param start Date Start date.
-		* @param end Date End date.
-		* @returns Boolean true if this date falls on or between the given start and end dates.
-		*/
-		static between( date?:any, start?:any, end?:any ): boolean;
-		/** [Method] Attempts to clear all time information from this Date by setting the time to midnight of the same day automatically
-		* @param date Date The date.
-		* @param clone Boolean true to create a clone of this date, clear the time and return it.
-		* @returns Date this or the clone.
-		*/
-		static clearTime( date?:any, clone?:boolean ): any;
-		/** [Method] Creates and returns a new Date instance with the exact same date value as the called instance
-		* @param date Date The date.
-		* @returns Date The new Date instance.
-		*/
-		static clone( date?:any ): any;
-		/** [Method] Calculate how many units are there between two time
-		* @param min Date The first time.
-		* @param max Date The second time.
-		* @param unit String The unit. This unit is compatible with the date interval constants.
-		* @returns Number The maximum number n of units that min + n * unit &lt;= max.
-		*/
-		static diff( min?:any, max?:any, unit?:string ): number;
-		/** [Method] Formats a date given the supplied format string
-		* @param date Date The date to format.
-		* @param format String The format string.
-		* @returns String The formatted date.
-		*/
-		static format( date?:any, format?:string ): string;
-		/** [Method] Get the numeric day number of the year adjusted for leap year
-		* @param date Date The date.
-		* @returns Number 0 to 364 (365 in leap years).
-		*/
-		static getDayOfYear( date?:any ): number;
-		/** [Method] Get the number of days in the current month adjusted for leap year
-		* @param date Date The date.
-		* @returns Number The number of days in the month.
-		*/
-		static getDaysInMonth( date?:any ): number;
-		/** [Method] Returns the number of milliseconds between two dates
-		* @param dateA Date The first date.
-		* @param dateB Date The second date, defaults to now.
-		* @returns Number The difference in milliseconds.
-		*/
-		static getElapsed( dateA?:any, dateB?:any ): number;
-		/** [Method] Get the date of the first day of the month in which this date resides
-		* @param date Date The date.
-		* @returns Date
-		*/
-		static getFirstDateOfMonth( date?:any ): any;
-		/** [Method] Get the first day of the current month adjusted for leap year
-		* @param date Date The date
-		* @returns Number The day number (0-6).
-		*/
-		static getFirstDayOfMonth( date?:any ): number;
-		/** [Method] Get the offset from GMT of the current date equivalent to the format specifier O
-		* @param date Date The date.
-		* @param colon Boolean true to separate the hours and minutes with a colon.
-		* @returns String The 4-character offset string prefixed with + or - (e.g. '-0600').
-		*/
-		static getGMTOffset( date?:any, colon?:boolean ): string;
-		/** [Method] Get the date of the last day of the month in which this date resides
-		* @param date Date The date.
-		* @returns Date
-		*/
-		static getLastDateOfMonth( date?:any ): any;
-		/** [Method] Get the last day of the current month adjusted for leap year
-		* @param date Date The date.
-		* @returns Number The day number (0-6).
-		*/
-		static getLastDayOfMonth( date?:any ): number;
-		/** [Method] Get the zero based JavaScript month number for the given short full month name
-		* @param name String The short/full month name.
-		* @returns Number The zero-based JavaScript month number.
-		*/
-		static getMonthNumber( name?:string ): number;
-		/** [Method] Get the short day name for the given day number
-		* @param day Number A zero-based JavaScript day number.
-		* @returns String The short day name.
-		*/
-		static getShortDayName( day?:number ): string;
-		/** [Method] Get the short month name for the given month number
-		* @param month Number A zero-based JavaScript month number.
-		* @returns String The short month name.
-		*/
-		static getShortMonthName( month?:number ): string;
-		/** [Method] Get the English ordinal suffix of the current day equivalent to the format specifier S
-		* @param date Date The date.
-		* @returns String 'st', 'nd', 'rd' or 'th'.
-		*/
-		static getSuffix( date?:any ): string;
-		/** [Method] Get the timezone abbreviation of the current date equivalent to the format specifier T
-		* @param date Date The date.
-		* @returns String The abbreviated timezone name (e.g. 'CST', 'PDT', 'EDT', 'MPST' ...).
-		*/
-		static getTimezone( date?:any ): string;
-		/** [Method] Get the numeric ISO 8601 week number of the year equivalent to the format specifier W  but without a leading zero
-		* @param date Date The date.
-		* @returns Number 1 to 53.
-		*/
-		static getWeekOfYear( date?:any ): number;
-		/** [Method] Checks if the current date is affected by Daylight Saving Time DST
-		* @param date Date The date.
-		* @returns Boolean true if the current date is affected by DST.
-		*/
-		static isDST( date?:any ): boolean;
-		/** [Method] Checks if the current date falls within a leap year
-		* @param date Date The date.
-		* @returns Boolean true if the current date falls within a leap year, false otherwise.
-		*/
-		static isLeapYear( date?:any ): boolean;
-		/** [Method] Checks if the passed Date parameters will cause a JavaScript Date rollover
-		* @param year Number 4-digit year.
-		* @param month Number 1-based month-of-year.
-		* @param day Number Day of month.
-		* @param hour Number Hour.
-		* @param minute Number Minute.
-		* @param second Number Second.
-		* @param millisecond Number Millisecond.
-		* @returns Boolean true if the passed parameters do not cause a Date "rollover", false otherwise.
-		*/
-		static isValid( year?:number, month?:number, day?:number, hour?:number, minute?:number, second?:number, millisecond?:number ): boolean;
-		/** [Method] Returns the current timestamp
-		* @returns Number The current timestamp.
-		*/
-		static now(): number;
-		/** [Method] Parses the passed string using the specified date format
-		* @param input String The raw date string.
-		* @param format String The expected date string format.
-		* @param strict Boolean true to validate date strings while parsing (i.e. prevents JavaScript Date "rollover"). Invalid date strings will return null when parsed.
-		* @returns Date/null The parsed Date, or null if an invalid date string.
-		*/
-		static parse( input?:string, format?:string, strict?:boolean ): any;
-	}
-}
-declare namespace Ext {
-	export interface IDecorator extends Ext.IComponent {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.device.camera {
-	export interface IAbstract extends Ext.IBase {
-		/** [Method] Allows you to capture a photo
-		* @param options Object The options to use when taking a photo.
-		* @param scope Object The scope in which to call the success and failure functions, if specified.
-		* @param destination String The destination of the image which is returned. Available options are:  data - returns a base64 encoded string file - returns the file's URI
-		* @param encoding String The encoding of the returned image. Available options are:  jpg png
-		* @param width Number The width of the image to return
-		* @param height Number The height of the image to return
-		*/
-		capture?( options?:any, scope?:any, destination?:string, encoding?:string, width?:number, height?:number ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface ICamera extends Ext.IBase,Ext.device.camera.IAbstract {
-	}
-	export class Camera {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Allows you to capture a photo
-		* @param options Object The options to use when taking a photo.
-		* @param scope Object The scope in which to call the success and failure functions, if specified.
-		* @param destination String The destination of the image which is returned. Available options are:  data - returns a base64 encoded string file - returns the file's URI
-		* @param encoding String The encoding of the returned image. Available options are:  jpg png
-		* @param width Number The width of the image to return
-		* @param height Number The height of the image to return
-		*/
-		static capture( options?:any, scope?:any, destination?:string, encoding?:string, width?:number, height?:number ): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.device.camera {
-	export interface IPhoneGap extends Ext.device.camera.IAbstract {
-		/** [Method] Allows you to capture a photo
-		* @param args Object
-		*/
-		capture?( args?:any ): void;
-	}
-}
-declare namespace Ext.device.camera {
-	export interface ISencha extends Ext.device.camera.IAbstract {
-		/** [Method] Allows you to capture a photo
-		* @param options Object
-		*/
-		capture?( options?:any ): void;
-	}
-}
-declare namespace Ext.device.camera {
-	export interface ISimulator extends Ext.device.camera.IAbstract {
-		/** [Method] Allows you to capture a photo
-		* @param options Object
-		*/
-		capture?( options?:any ): void;
-		/** [Method] Returns the value of samples
-		* @returns Array
-		*/
-		getSamples?(): any[];
-		/** [Method] Sets the value of samples
-		* @param samples Array
-		*/
-		setSamples?( samples?:any[] ): void;
-	}
-}
-declare namespace Ext.device.communicator {
-	export interface IAndroid extends Ext.device.communicator.IDefault {
-	}
-}
-declare namespace Ext.device.communicator {
-	export interface IDefault extends Ext.IBase {
-	}
-}
-declare namespace Ext.device {
-	export interface ICommunicator extends Ext.IBase {
-	}
-	export class Communicator {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.device.connection {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Property] (String) */
-		CELL_2G?: string;
-		/** [Property] (String) */
-		CELL_3G?: string;
-		/** [Property] (String) */
-		CELL_4G?: string;
-		/** [Property] (String) */
-		ETHERNET?: string;
-		/** [Property] (String) */
-		NONE?: string;
-		/** [Property] (String) */
-		UNKNOWN?: string;
-		/** [Property] (String) */
-		WIFI?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of online
-		* @returns Boolean
-		*/
-		getOnline?(): boolean;
-		/** [Method] Returns the current connection type
-		* @returns String type
-		*/
-		getType?(): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] True if the device is currently online
-		* @returns Boolean online
-		*/
-		isOnline?(): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of online
-		* @param online Boolean
-		*/
-		setOnline?( online?:boolean ): void;
-		/** [Method] Sets the value of type
-		* @param type Object
-		*/
-		setType?( type?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface IConnection extends Ext.IBase,Ext.device.connection.IAbstract {
-	}
-	export class Connection {
-		/** [Property] (String) */
-		static CELL_2G: string;
-		/** [Property] (String) */
-		static CELL_3G: string;
-		/** [Property] (String) */
-		static CELL_4G: string;
-		/** [Property] (String) */
-		static ETHERNET: string;
-		/** [Property] (String) */
-		static NONE: string;
-		/** [Property] (String) */
-		static UNKNOWN: string;
-		/** [Property] (String) */
-		static WIFI: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Returns the value of online
-		* @returns Boolean
-		*/
-		static getOnline(): boolean;
-		/** [Method] Returns the current connection type
-		* @returns String type
-		*/
-		static getType(): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] True if the device is currently online
-		* @returns Boolean online
-		*/
-		static isOnline(): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Sets the value of online
-		* @param online Boolean
-		*/
-		static setOnline( online?:boolean ): void;
-		/** [Method] Sets the value of type
-		* @param type Object
-		*/
-		static setType( type?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device.connection {
-	export interface IPhoneGap extends Ext.device.connection.IAbstract {
-		/** [Method] Returns the value of online
-		* @returns Boolean
-		*/
-		getOnline?(): boolean;
-		/** [Method] Returns the current connection type
-		* @returns String type
-		*/
-		getType?(): string;
-	}
-}
-declare namespace Ext.device.connection {
-	export interface ISencha extends Ext.device.connection.IAbstract {
-	}
-}
-declare namespace Ext.device.connection {
-	export interface ISimulator extends Ext.device.connection.IAbstract {
-		/** [Method] Returns the value of online
-		* @returns Boolean
-		*/
-		getOnline?(): boolean;
-	}
-}
-declare namespace Ext.device.contacts {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Boolean) */
-		includeImages?: boolean;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns an Array of contact objects
-		* @param config Object
-		* @returns Object[] An array of contact objects.
-		*/
-		getContacts?( config?:any ): any[];
-		/** [Method] Returns the value of includeImages
-		* @returns Boolean
-		*/
-		getIncludeImages?(): boolean;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns localized user readable label for a contact field i e
-		* @param config Object
-		* @returns String user readable string
-		*/
-		getLocalizedLabel?( config?:any ): string;
-		/** [Method] Returns base64 encoded image thumbnail for a contact specified in config id
-		* @param config Object
-		* @returns String base64 string
-		*/
-		getThumbnail?( config?:any ): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of includeImages
-		* @param includeImages Boolean
-		*/
-		setIncludeImages?( includeImages?:boolean ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface IContacts extends Ext.IBase,Ext.device.contacts.IAbstract,Ext.device.contacts.ISencha {
-	}
-	export class Contacts {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Returns an Array of contact objects
-		* @param config Object
-		* @returns Object[] An array of contact objects.
-		*/
-		static getContacts( config?:any ): any[];
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the value of includeImages
-		* @returns Boolean
-		*/
-		static getIncludeImages(): boolean;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Returns localized user readable label for a contact field i e
-		* @param config Object
-		* @returns String user readable string
-		*/
-		static getLocalizedLabel( config?:any ): string;
-		/** [Method] Returns base64 encoded image thumbnail for a contact specified in config id
-		* @param config Object
-		* @returns String base64 string
-		*/
-		static getThumbnail( config?:any ): string;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of includeImages
-		* @param includeImages Boolean
-		*/
-		static setIncludeImages( includeImages?:boolean ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device.contacts {
-	export interface ISencha extends Ext.device.contacts.IAbstract {
-		/** [Method] Returns an Array of contact objects
-		* @param config Object
-		* @returns Object[] An array of contact objects.
-		*/
-		getContacts?( config?:any ): any[];
-		/** [Method] Returns localized user readable label for a contact field i e
-		* @param config Object
-		* @returns String user readable string
-		*/
-		getLocalizedLabel?( config?:any ): string;
-		/** [Method] Returns base64 encoded image thumbnail for a contact specified in config id
-		* @param config Object
-		* @returns String base64 string
-		*/
-		getThumbnail?( config?:any ): string;
-	}
-}
-declare namespace Ext.device.device {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Property] (String) */
-		name?: string;
-		/** [Property] (String) */
-		platform?: string;
-		/** [Property] (Object/Boolean) */
-		scheme?: any;
-		/** [Property] (String) */
-		uuid?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Opens a specified URL
-		* @param url String The URL to open
-		*/
-		openURL?( url?:string ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface IDevice extends Ext.IBase,Ext.device.device.IAbstract {
-	}
-	export class Device {
-		/** [Property] (String) */
-		static name: string;
-		/** [Property] (String) */
-		static platform: string;
-		/** [Property] (Object/Boolean) */
-		static scheme: any;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (String) */
-		static uuid: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Opens a specified URL
-		* @param url String The URL to open
-		*/
-		static openURL( url?:string ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device.device {
-	export interface IPhoneGap extends Ext.device.device.IAbstract {
-	}
-}
-declare namespace Ext.device.device {
-	export interface ISencha extends Ext.device.device.IAbstract {
-		/** [Method] Opens a specified URL
-		* @param url Object
-		*/
-		openURL?( url?:any ): void;
-	}
-}
-declare namespace Ext.device.device {
-	export interface ISimulator extends Ext.device.device.IAbstract {
-	}
-}
-declare namespace Ext.device.geolocation {
-	export interface IAbstract extends Ext.IBase {
-		/** [Config Option] (Boolean) */
-		allowHighAccuracy?: boolean;
-		/** [Config Option] (Number) */
-		frequency?: number;
-		/** [Config Option] (Number) */
-		maximumAge?: number;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Method] If you are currently watching for the current position this will stop that task  */
-		clearWatch?(): void;
-		/** [Method] Returns the value of allowHighAccuracy
-		* @returns Boolean
-		*/
-		getAllowHighAccuracy?(): boolean;
-		/** [Method] Attempts to get the current position of this device
-		* @param config Object An object which contains the following config options:
-		*/
-		getCurrentPosition?( config?:any ): void;
-		/** [Method] Returns the value of frequency
-		* @returns Number
-		*/
-		getFrequency?(): number;
-		/** [Method] Returns the value of maximumAge
-		* @returns Number
-		*/
-		getMaximumAge?(): number;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] Sets the value of allowHighAccuracy
-		* @param allowHighAccuracy Boolean
-		*/
-		setAllowHighAccuracy?( allowHighAccuracy?:boolean ): void;
-		/** [Method] Sets the value of frequency
-		* @param frequency Number
-		*/
-		setFrequency?( frequency?:number ): void;
-		/** [Method] Sets the value of maximumAge
-		* @param maximumAge Number
-		*/
-		setMaximumAge?( maximumAge?:number ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Watches for the current position and calls the callback when successful depending on the specified frequency
-		* @param config Object An object which contains the following config options:
-		*/
-		watchPosition?( config?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface IGeolocation extends Ext.IBase,Ext.device.geolocation.IAbstract {
-	}
-	export class Geolocation {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] If you are currently watching for the current position this will stop that task  */
-		static clearWatch(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the value of allowHighAccuracy
-		* @returns Boolean
-		*/
-		static getAllowHighAccuracy(): boolean;
-		/** [Method] Attempts to get the current position of this device
-		* @param config Object An object which contains the following config options:
-		*/
-		static getCurrentPosition( config?:any ): void;
-		/** [Method] Returns the value of frequency
-		* @returns Number
-		*/
-		static getFrequency(): number;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of maximumAge
-		* @returns Number
-		*/
-		static getMaximumAge(): number;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		static getTimeout(): number;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Sets the value of allowHighAccuracy
-		* @param allowHighAccuracy Boolean
-		*/
-		static setAllowHighAccuracy( allowHighAccuracy?:boolean ): void;
-		/** [Method] Sets the value of frequency
-		* @param frequency Number
-		*/
-		static setFrequency( frequency?:number ): void;
-		/** [Method] Sets the value of maximumAge
-		* @param maximumAge Number
-		*/
-		static setMaximumAge( maximumAge?:number ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		static setTimeout( timeout?:number ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Watches for the current position and calls the callback when successful depending on the specified frequency
-		* @param config Object An object which contains the following config options:
-		*/
-		static watchPosition( config?:any ): void;
-	}
-}
-declare namespace Ext.device.geolocation {
-	export interface ISencha extends Ext.device.geolocation.IAbstract {
-		/** [Method] If you are currently watching for the current position this will stop that task  */
-		clearWatch?(): void;
-		/** [Method] Attempts to get the current position of this device
-		* @param config Object
-		*/
-		getCurrentPosition?( config?:any ): void;
-		/** [Method] Watches for the current position and calls the callback when successful depending on the specified frequency
-		* @param config Object
-		*/
-		watchPosition?( config?:any ): void;
-	}
-}
-declare namespace Ext.device.geolocation {
-	export interface ISimulator extends Ext.device.geolocation.IAbstract {
-		/** [Method] If you are currently watching for the current position this will stop that task  */
-		clearWatch?(): void;
-		/** [Method] Attempts to get the current position of this device
-		* @param config Object
-		*/
-		getCurrentPosition?( config?:any ): void;
-		/** [Method] Watches for the current position and calls the callback when successful depending on the specified frequency
-		* @param config Object
-		*/
-		watchPosition?( config?:any ): void;
-	}
-}
-declare namespace Ext.device.notification {
-	export interface IAbstract extends Ext.IBase {
-		/** [Method] A simple way to show a notification
-		* @param config Object An object which contains the following config options:
-		*/
-		show?( config?:any ): void;
-		/** [Method] Vibrates the device  */
-		vibrate?(): void;
-	}
-}
-declare namespace Ext.device {
-	export interface INotification extends Ext.IBase,Ext.device.notification.IAbstract {
-	}
-	export class Notification {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] A simple way to show a notification
-		* @param config Object An object which contains the following config options:
-		*/
-		static show( config?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Vibrates the device  */
-		static vibrate(): void;
-	}
-}
-declare namespace Ext.device.notification {
-	export interface IPhoneGap extends Ext.device.notification.IAbstract {
-		/** [Method] A simple way to show a notification  */
-		show?(): void;
-		/** [Method] Vibrates the device  */
-		vibrate?(): void;
-	}
-}
-declare namespace Ext.device.notification {
-	export interface ISencha extends Ext.device.notification.IAbstract {
-		/** [Method] A simple way to show a notification  */
-		show?(): void;
-		/** [Method] Vibrates the device  */
-		vibrate?(): void;
-	}
-}
-declare namespace Ext.device.notification {
-	export interface ISimulator extends Ext.device.notification.IAbstract {
-		/** [Method] A simple way to show a notification  */
-		show?(): void;
-		/** [Method] Vibrates the device  */
-		vibrate?(): void;
-	}
-}
-declare namespace Ext.device.orientation {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device.orientation {
-	export interface IHTML5 extends Ext.device.orientation.IAbstract {
-	}
-}
-declare namespace Ext.device {
-	export interface IOrientation extends Ext.IBase,Ext.device.orientation.IAbstract {
-	}
-	export class Orientation {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.device.orientation {
-	export interface ISencha extends Ext.device.orientation.IAbstract {
-	}
-}
-declare namespace Ext.device {
-	export interface IPurchases extends Ext.IBase,Ext.device.purchases.ISencha {
-	}
-	export class Purchases {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Checks if the current user is able to make payments
-		* @param config Object
-		*/
-		static canMakePayments( config?:any ): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns a Ext data Store instance of all purchases delivered to the current user
-		* @param config Object
-		*/
-		static getCompletedPurchases( config?:any ): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns a Ext data Store instance of all products available to purchase
-		* @param config Object
-		*/
-		static getProducts( config?:any ): void;
-		/** [Method] Returns a Ext data Store instance of all purchases the current user has been charged
-		* @param config Object
-		*/
-		static getPurchases( config?:any ): void;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.device.purchases {
-	export interface IProduct extends Ext.data.IModel {
-		/** [Config Option] (Object[]/String[]) */
-		fields?: any;
-		/** [Method] Returns the value of fields
-		* @returns Array
-		*/
-		getFields?(): any[];
-		/** [Method] Will attempt to purchase this product
-		* @param config Object
-		*/
-		purchase?( config?:any ): void;
-		/** [Method] Sets the value of fields
-		* @param fields Array
-		*/
-		setFields?( fields?:any[] ): void;
-	}
-}
-declare namespace Ext.device.purchases {
-	export interface IPurchase extends Ext.data.IModel {
-		/** [Config Option] (Object[]/String[]) */
-		fields?: any;
-		/** [Method] Attempts to mark this purchase as complete
-		* @param config Object
-		*/
-		complete?( config?:any ): void;
-		/** [Method] Returns the value of fields
-		* @returns Array
-		*/
-		getFields?(): any[];
-		/** [Method] Sets the value of fields
-		* @param fields Array
-		*/
-		setFields?( fields?:any[] ): void;
-	}
-}
-declare namespace Ext.device.purchases {
-	export interface ISencha extends Ext.IBase {
-		/** [Method] Checks if the current user is able to make payments
-		* @param config Object
-		*/
-		canMakePayments?( config?:any ): void;
-		/** [Method] Returns a Ext data Store instance of all purchases delivered to the current user
-		* @param config Object
-		*/
-		getCompletedPurchases?( config?:any ): void;
-		/** [Method] Returns a Ext data Store instance of all products available to purchase
-		* @param config Object
-		*/
-		getProducts?( config?:any ): void;
-		/** [Method] Returns a Ext data Store instance of all purchases the current user has been charged
-		* @param config Object
-		*/
-		getPurchases?( config?:any ): void;
-	}
-}
-declare namespace Ext.device.push {
-	export interface IAbstract extends Ext.IBase {
-		/** [Property] (Number) */
-		ALERT?: number;
-		/** [Property] (Number) */
-		BADGE?: number;
-		/** [Property] (Number) */
-		SOUND?: number;
-		/** [Method] Registers a push notification
-		* @param config Object The configuration for to pass when registering this push notification service.
-		*/
-		register?( config?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface IPush extends Ext.IBase,Ext.device.push.IAbstract {
-	}
-	export class Push {
-		/** [Property] (Number) */
-		static ALERT: number;
-		/** [Property] (Number) */
-		static BADGE: number;
-		/** [Property] (Number) */
-		static SOUND: number;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Registers a push notification
-		* @param config Object The configuration for to pass when registering this push notification service.
-		*/
-		static register( config?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.device.push {
-	export interface ISencha extends Ext.device.push.IAbstract {
-		/** [Method] Registers a push notification  */
-		register?(): void;
-	}
-}
-declare namespace Ext.device.sqlite {
-	export interface IDatabase extends Ext.IBase {
-		/** [Method] Verifies and changes the version of the database at the same time as doing a schema update with a Ext device SQLite S
-		* @param config Object The object which contains the following config options:
-		*/
-		changeVersion?( config?:any ): void;
-		/** [Method] Returns the current version of the database
-		* @returns String The current database version.
-		*/
-		getVersion?(): string;
-		/** [Method] Works same as transaction but performs a Ext device SQLite SQLTransaction instance with a read only mode
-		* @param config Object
-		*/
-		readTransaction?( config?:any ): void;
-		/** [Method] Performs a Ext device SQLite SQLTransaction instance with a read write mode
-		* @param config Object The object which contains the following config options:
-		*/
-		transaction?( config?:any ): void;
-	}
-}
-declare namespace Ext.device {
-	export interface ISQLite extends Ext.IBase,Ext.device.sqlite.ISencha {
-	}
-	export class SQLite {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns a Ext device SQLite Database instance
-		* @param config Object The object which contains the following config options:
-		* @returns Ext.device.SQLite.Database The opened database, null if an error occured.
-		*/
-		static openDatabase( config?:any ): Ext.device.sqlite.IDatabase;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.device.sqlite {
-	export interface ISencha extends Ext.IBase {
-		/** [Method] Returns a Ext device SQLite Database instance
-		* @param config Object The object which contains the following config options:
-		* @returns Ext.device.SQLite.Database The opened database, null if an error occured.
-		*/
-		openDatabase?( config?:any ): Ext.device.sqlite.IDatabase;
-	}
-}
-declare namespace Ext.device.sqlite {
-	export interface ISQLResultSet extends Ext.IBase {
-		/** [Method] Returns the row ID of the last row that the SQL statement inserted into the database if the statement inserted any r
-		* @returns Number The inserted row ID.
-		*/
-		getInsertId?(): number;
-		/** [Method] Returns a Ext device SQLite SQLResultSetRowList instance representing rows returned by the SQL statement
-		* @returns Ext.device.SQLite.SQLResultSetRowList The rows.
-		*/
-		getRows?(): Ext.device.sqlite.ISQLResultSetRowList;
-		/** [Method] Returns the number of rows that were changed by the SQL statement
-		* @returns Number The number of rows affected.
-		*/
-		getRowsAffected?(): number;
-	}
-}
-declare namespace Ext.device.sqlite {
-	export interface ISQLResultSetRowList extends Ext.IBase {
-		/** [Method] Returns the number of rows returned by the SQL statement
-		* @returns Number The number of rows.
-		*/
-		getLength?(): number;
-		/** [Method] Returns a row at specified index returned by the SQL statement
-		* @param index Number The index of a row. This is required.
-		* @returns Object The row.
-		*/
-		item?( index?:number ): any;
-	}
-}
-declare namespace Ext.device.sqlite {
-	export interface ISQLTransaction extends Ext.IBase {
-		/** [Method] Executes an SQL statement
-		* @param config Object The object which contains the following config options:
-		*/
-		executeSql?( config?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IEvent extends Ext.IBase {
-		/** [Config Option] (Object) */
-		data?: any;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Method] Returns the value of code
-		* @returns Object
-		*/
-		getCode?(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of message
-		* @returns String
-		*/
-		getMessage?(): string;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of result
-		* @returns Object
-		*/
-		getResult?(): any;
-		/** [Method] Returns the value of status
-		* @returns Boolean
-		*/
-		getStatus?(): boolean;
-		/** [Method] Returns the value of transaction
-		* @returns Object
-		*/
-		getTransaction?(): any;
-		/** [Method] Returns the value of xhr
-		* @returns Object
-		*/
-		getXhr?(): any;
-		/** [Method] Sets the value of code
-		* @param code Object
-		*/
-		setCode?( code?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		setMessage?( message?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of result
-		* @param result Object
-		*/
-		setResult?( result?:any ): void;
-		/** [Method] Sets the value of status
-		* @param status Boolean
-		*/
-		setStatus?( status?:boolean ): void;
-		/** [Method] Sets the value of transaction
-		* @param transaction Object
-		*/
-		setTransaction?( transaction?:any ): void;
-		/** [Method] Sets the value of xhr
-		* @param xhr Object
-		*/
-		setXhr?( xhr?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IExceptionEvent extends Ext.direct.IRemotingEvent {
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Method] Returns the value of error
-		* @returns Object
-		*/
-		getError?(): any;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of status
-		* @returns Boolean
-		*/
-		getStatus?(): boolean;
-		/** [Method] Sets the value of error
-		* @param error Object
-		*/
-		setError?( error?:any ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of status
-		* @param status Boolean
-		*/
-		setStatus?( status?:boolean ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IJsonProvider extends Ext.direct.IProvider {
-		/** [Method] Create an event from a response object
-		* @param response Object The XHR response object.
-		* @returns Ext.direct.Event The event.
-		*/
-		createEvent?( response?:any ): Ext.direct.IEvent;
-	}
-}
-declare namespace Ext.direct {
-	export interface IManager extends Ext.IBase,Ext.mixin.IObservable {
-	}
-	export class Manager {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds an Ext Direct Provider and creates the proxy or stub methods to execute server side methods
-		* @param provider Ext.direct.Provider/Object... Accepts any number of Provider descriptions (an instance or config object for a Provider). Each Provider description instructs Ext.Direct how to create client-side stub methods.
-		* @returns Object
-		*/
-		static addProvider( provider?:any ): any;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Retrieves a provider by the id specified when the provider is added
-		* @param id String/Ext.direct.Provider The id of the provider, or the provider instance.
-		* @returns Object
-		*/
-		static getProvider( id?:any ): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Parses a direct function
-		* @param fn String/Function The direct function
-		* @returns Function The function to use in the direct call. Null if not found
-		*/
-		static parseMethod( fn?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Removes the provider
-		* @param provider String/Ext.direct.Provider The provider instance or the id of the provider.
-		* @returns Ext.direct.Provider/null The provider, null if not found.
-		*/
-		static removeProvider( provider?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IDirect extends Ext.IBase,Ext.mixin.IObservable {
-	}
-	export class Direct {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds an Ext Direct Provider and creates the proxy or stub methods to execute server side methods
-		* @param provider Ext.direct.Provider/Object... Accepts any number of Provider descriptions (an instance or config object for a Provider). Each Provider description instructs Ext.Direct how to create client-side stub methods.
-		* @returns Object
-		*/
-		static addProvider( provider?:any ): any;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Retrieves a provider by the id specified when the provider is added
-		* @param id String/Ext.direct.Provider The id of the provider, or the provider instance.
-		* @returns Object
-		*/
-		static getProvider( id?:any ): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Parses a direct function
-		* @param fn String/Function The direct function
-		* @returns Function The function to use in the direct call. Null if not found
-		*/
-		static parseMethod( fn?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Removes the provider
-		* @param provider String/Ext.direct.Provider The provider instance or the id of the provider.
-		* @returns Ext.direct.Provider/null The provider, null if not found.
-		*/
-		static removeProvider( provider?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IPollingProvider extends Ext.direct.IJsonProvider {
-		/** [Config Option] (Object) */
-		baseParams?: any;
-		/** [Config Option] (Number) */
-		interval?: number;
-		/** [Config Option] (String/Function) */
-		url?: any;
-		/** [Method] Connect to the server side and begin the polling process  */
-		connect?(): void;
-		/** [Method] Disconnect from the server side and stop the polling process  */
-		disconnect?(): void;
-		/** [Method] Returns the value of baseParams
-		* @returns Object
-		*/
-		getBaseParams?(): any;
-		/** [Method] Returns the value of interval
-		* @returns Number
-		*/
-		getInterval?(): number;
-		/** [Method] Returns the value of url
-		* @returns String/Function
-		*/
-		getUrl?(): any;
-		/** [Method] Returns whether or not the server side is currently connected
-		* @returns Boolean
-		*/
-		isConnected?(): boolean;
-		/** [Method] Sets the value of baseParams
-		* @param baseParams Object
-		*/
-		setBaseParams?( baseParams?:any ): void;
-		/** [Method] Sets the value of interval
-		* @param interval Number
-		*/
-		setInterval?( interval?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String/Function
-		*/
-		setUrl?( url?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IProvider extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Abstract methods for subclasses to implement  */
-		connect?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Abstract methods for subclasses to implement  */
-		disconnect?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of id
-		* @returns String
-		*/
-		getId?(): string;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Returns whether or not the server side is currently connected
-		* @returns Boolean
-		*/
-		isConnected?(): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of id
-		* @param id String
-		*/
-		setId?( id?:string ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IRemotingEvent extends Ext.direct.IEvent {
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of tid
-		* @returns Object
-		*/
-		getTid?(): any;
-		/** [Method] Get the transaction associated with this event
-		* @returns Ext.direct.Transaction The transaction
-		*/
-		getTransaction?(): Ext.direct.ITransaction;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of tid
-		* @param tid Object
-		*/
-		setTid?( tid?:any ): void;
-		/** [Method] Sets the value of transaction
-		* @param transaction Object
-		*/
-		setTransaction?( transaction?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IRemotingMethod extends Ext.IBase {
-		/** [Method] Takes the arguments for the Direct function and splits the arguments from the scope and the callback
-		* @param args Array The arguments passed to the direct call
-		* @returns Object An object with 3 properties, args, callback &amp; scope.
-		*/
-		getCallData?( args?:any[] ): any;
-		/** [Method] Returns the value of formHandler
-		* @returns Object
-		*/
-		getFormHandler?(): any;
-		/** [Method] Returns the value of len
-		* @returns Object
-		*/
-		getLen?(): any;
-		/** [Method] Returns the value of name
-		* @returns Object
-		*/
-		getName?(): any;
-		/** [Method] Returns the value of ordered
-		* @returns Boolean
-		*/
-		getOrdered?(): boolean;
-		/** [Method] Returns the value of params
-		* @returns Object
-		*/
-		getParams?(): any;
-		/** [Method] Sets the value of formHandler
-		* @param formHandler Object
-		*/
-		setFormHandler?( formHandler?:any ): void;
-		/** [Method] Sets the value of len
-		* @param len Object
-		*/
-		setLen?( len?:any ): void;
-		/** [Method] Sets the value of name
-		* @param name Object
-		*/
-		setName?( name?:any ): void;
-		/** [Method] Sets the value of ordered
-		* @param ordered Boolean
-		*/
-		setOrdered?( ordered?:boolean ): void;
-		/** [Method] Sets the value of params
-		* @param params Object
-		*/
-		setParams?( params?:any ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface IRemotingProvider extends Ext.direct.IJsonProvider {
-		/** [Config Option] (Object) */
-		actions?: any;
-		/** [Config Option] (Number/Boolean) */
-		enableBuffer?: any;
-		/** [Config Option] (String) */
-		enableUrlEncode?: string;
-		/** [Config Option] (Number) */
-		maxRetries?: number;
-		/** [Config Option] (String/Object) */
-		namespace?: any;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Method] Abstract methods for subclasses to implement  */
-		connect?(): void;
-		/** [Method] Abstract methods for subclasses to implement  */
-		disconnect?(): void;
-		/** [Method] Returns the value of actions
-		* @returns Object
-		*/
-		getActions?(): any;
-		/** [Method] Returns the value of enableBuffer
-		* @returns Number/Boolean
-		*/
-		getEnableBuffer?(): any;
-		/** [Method] Returns the value of enableUrlEncode
-		* @returns String
-		*/
-		getEnableUrlEncode?(): string;
-		/** [Method] Returns the value of maxRetries
-		* @returns Number
-		*/
-		getMaxRetries?(): number;
-		/** [Method] Returns the value of namespace
-		* @returns String/Object
-		*/
-		getNamespace?(): any;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns whether or not the server side is currently connected
-		* @returns Boolean
-		*/
-		isConnected?(): boolean;
-		/** [Method] Sets the value of actions
-		* @param actions Object
-		*/
-		setActions?( actions?:any ): void;
-		/** [Method] Sets the value of enableBuffer
-		* @param enableBuffer Number/Boolean
-		*/
-		setEnableBuffer?( enableBuffer?:any ): void;
-		/** [Method] Sets the value of enableUrlEncode
-		* @param enableUrlEncode String
-		*/
-		setEnableUrlEncode?( enableUrlEncode?:string ): void;
-		/** [Method] Sets the value of maxRetries
-		* @param maxRetries Number
-		*/
-		setMaxRetries?( maxRetries?:number ): void;
-		/** [Method] Sets the value of namespace
-		* @param namespace String/Object
-		*/
-		setNamespace?( namespace?:any ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-	}
-}
-declare namespace Ext.direct {
-	export interface ITransaction extends Ext.IBase {
-		/** [Method] Returns the value of action
-		* @returns Object
-		*/
-		getAction?(): any;
-		/** [Method] Returns the value of args
-		* @returns Object
-		*/
-		getArgs?(): any;
-		/** [Method] Returns the value of callback
-		* @returns Object
-		*/
-		getCallback?(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		getData?(): any;
-		/** [Method] Returns the value of form
-		* @returns Object
-		*/
-		getForm?(): any;
-		/** [Method] Returns the value of id
-		* @returns Object
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of method
-		* @returns Object
-		*/
-		getMethod?(): any;
-		/** [Method] Returns the value of provider
-		* @returns Object
-		*/
-		getProvider?(): any;
-		/** [Method] Returns the value of retryCount
-		* @returns Number
-		*/
-		getRetryCount?(): number;
-		/** [Method] Sets the value of action
-		* @param action Object
-		*/
-		setAction?( action?:any ): void;
-		/** [Method] Sets the value of args
-		* @param args Object
-		*/
-		setArgs?( args?:any ): void;
-		/** [Method] Sets the value of callback
-		* @param callback Object
-		*/
-		setCallback?( callback?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		setData?( data?:any ): void;
-		/** [Method] Sets the value of form
-		* @param form Object
-		*/
-		setForm?( form?:any ): void;
-		/** [Method] Sets the value of id
-		* @param id Object
-		*/
-		setId?( id?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method Object
-		*/
-		setMethod?( method?:any ): void;
-		/** [Method] Sets the value of provider
-		* @param provider Object
-		*/
-		setProvider?( provider?:any ): void;
-		/** [Method] Sets the value of retryCount
-		* @param retryCount Number
-		*/
-		setRetryCount?( retryCount?:number ): void;
-	}
-}
-declare namespace Ext.dom {
-	export interface ICompositeElement extends Ext.dom.ICompositeElementLite {
-	}
-}
-declare namespace Ext {
-	export interface ICompositeElement extends Ext.dom.ICompositeElementLite {
-	}
-}
-declare namespace Ext.dom {
-	export interface ICompositeElementLite extends Ext.IBase,Ext.dom.IElement {
-		/** [Property] (HTMLElement[]) */
-		elements?: HTMLElement[];
-		/** [Method] Adds elements to this Composite object
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an Array of DOM elements to add, or another Composite object who's elements should be added.
-		* @param root HTMLElement/String The root element of the query or id of the root.
-		* @returns Ext.dom.CompositeElementLite This Composite object.
-		*/
-		add?( els?:any, root?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Adds the given CSS class es to this Element
-		* @param names String The CSS class(es) to add to this element.
-		* @param prefix String Prefix to prepend to each class.
-		* @param suffix String Suffix to append to each class.
-		* @returns Ext.dom.Element this
-		*/
-		addCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] fixes scope with flyweight
-		* @param eventName Object
-		* @param handler Object
-		* @param scope Object
-		* @param opt Object
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		addListener?( eventName?:any, handler?:any, scope?:any, opt?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Appends the passed element s to this element
-		* @param element HTMLElement/Ext.dom.Element a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendChild?( element?:any ): Ext.dom.IElement;
-		/** [Method] Appends this element to the passed element
-		* @param el String/HTMLElement/Ext.dom.Element The new parent element. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendTo?( el?:any ): Ext.dom.IElement;
-		/** [Method] More flexible version of setStyle for setting style properties
-		* @param styles String/Object/Function A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or a function which returns such a specification.
-		* @returns Ext.dom.Element this
-		*/
-		applyStyles?( styles?:any ): Ext.dom.IElement;
-		/** [Method] Selects a single direct child based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true)
-		*/
-		child?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all elements  */
-		clear?(): void;
-		/** [Method] Returns true if this composite contains the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.
-		* @returns Boolean
-		*/
-		contains?( el?:any ): boolean;
-		/** [Method] Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e
-		* @param config Object DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be automatically generated with the specified attributes.
-		* @param insertBefore HTMLElement a child element of this element.
-		* @param returnDom Boolean true to return the dom node instead of creating an Element.
-		* @returns Ext.dom.Element The new child element.
-		*/
-		createChild?( config?:any, insertBefore?:HTMLElement, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Translates an element using CSS 3 in 2D  */
-		cssTranslate?(): void;
-		/** [Method] Removes this element s DOM reference  */
-		destroy?(): void;
-		/** [Method] Selects a single child at any depth below this element based on the passed CSS selector the selector should not cont
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true).
-		*/
-		down?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Calls the passed function for each element in this composite
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the Element.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		each?( fn?:any, scope?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Clears this Composite and adds the elements passed
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an array of DOM elements, or another Composite from which to fill this Composite.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		fill?( els?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Filters this composite to only elements that match the passed selector
-		* @param selector String/Function A string CSS selector or a comparison function. The comparison function will be called with the following arguments:
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		filter?( selector?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Looks at this node and then at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 50 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParent?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Looks at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParentNode?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Gets the x y coordinates to align this element with another element
-		* @param element Mixed The element to align to.
-		* @param position String The position to align to.
-		* @param offsets Array Offset the positioning by [x, y].
-		* @returns Array [x, y]
-		*/
-		getAlignToXY?( element?:any, position?:string, offsets?:any[] ): any[];
-		/** [Method] Gets the x y coordinates specified by the anchor position on the element
-		* @param anchor String The specified anchor position.
-		* @param local Boolean true to get the local (element top/left-relative) anchor position instead of page coordinates.
-		* @param size Object An object containing the size to use for calculating anchor position. {width: (target width), height: (target height)} (defaults to the element's current size)
-		* @returns Array [x, y] An array containing the element's x and y coordinates.
-		*/
-		getAnchorXY?( anchor?:string, local?:boolean, size?:any ): any[];
-		/** [Method] Returns the value of an attribute from the element s underlying DOM node
-		* @param name String The attribute name.
-		* @param namespace String The namespace in which to look for the attribute.
-		* @returns String The attribute value.
-		*/
-		getAttribute?( name?:string, namespace?:string ): string;
-		/** [Method] Gets the width of the border s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the border left width + the border right width.
-		* @returns Number The width of the sides passed added together
-		*/
-		getBorderWidth?( side?:string ): number;
-		/** [Method] Gets the bottom Y coordinate of the element element Y position  element height
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param contentBox Boolean If true a box for the content of the element is returned.
-		* @param local Boolean If true the element's left and top are returned instead of page x/y.
-		* @returns Object An object in the format
-		*/
-		getBox?( contentBox?:boolean, local?:boolean ): any;
-		/** [Method] Returns the number of elements in this Composite
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHTML?(): string;
-		/** [Method] Returns the offset height of the element
-		* @param contentHeight Boolean true to get the height minus borders and padding.
-		* @returns Number The element's height.
-		*/
-		getHeight?( contentHeight?:boolean ): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHtml?(): string;
-		/** [Method] Gets the left X coordinate
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns an object with properties top left right and bottom representing the margins of this element unless sides i
-		* @param sides String Any combination of 'l', 'r', 't', 'b' to get the sum of those sides.
-		* @returns Object/Number
-		*/
-		getMargin?( sides?:string ): any;
-		/** [Method] Returns the offsets of this element from the passed element
-		* @param element Mixed The element to get the offsets from.
-		* @returns Array The XY page offsets (e.g. [100, -200])
-		*/
-		getOffsetsTo?( element?:any ): any[];
-		/** [Method] Retrieves the height of the element account for the top and bottom margins  */
-		getOuterHeight?(): void;
-		/** [Method] Retrieves the width of the element accounting for the left and right margins  */
-		getOuterWidth?(): void;
-		/** [Method] Gets the width of the padding s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the padding left + the padding right.
-		* @returns Number The padding of the sides passed added together.
-		*/
-		getPadding?( side?:string ): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param asRegion Boolean If true an Ext.util.Region will be returned.
-		* @returns Object box An object in the format: {  x: &lt;Element's X position&gt;,  y: &lt;Element's Y position&gt;,  width: &lt;Element's width&gt;,  height: &lt;Element's height&gt;,  bottom: &lt;Element's lower bound&gt;,  right: &lt;Element's rightmost bound&gt; }  The returned object may also be addressed as an Array where index 0 contains the X position and index 1 contains the Y position. So the result may also be used for setXY.
-		*/
-		getPageBox?( asRegion?:boolean ): any;
-		/** [Method] Gets the right X coordinate of the element element X position  element width
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Gets the Scroller instance of the first parent that has one  */
-		getScrollParent?(): void;
-		/** [Method] Returns the size of the element
-		* @param contentSize Boolean true to get the width/size minus borders and padding.
-		* @returns Object An object containing the element's size:
-		*/
-		getSize?( contentSize?:boolean ): any;
-		/** [Method] Normalizes currentStyle and computedStyle
-		* @param prop String The style property whose value is returned.
-		* @returns String The current value of the style property for this element.
-		*/
-		getStyle?( prop?:string ): string;
-		/** [Method] Gets the top Y coordinate
-		* @returns Number
-		*/
-		getTop?(): number;
-		/** [Method] Returns the value of the value attribute
-		* @param asNumber Boolean true to parse the value as a number.
-		* @returns String/Number
-		*/
-		getValue?( asNumber?:boolean ): any;
-		/** [Method] Returns the dimensions of the element available to lay content out in
-		* @returns Object Object describing width and height:
-		*/
-		getViewSize?(): any;
-		/** [Method] Returns the offset width of the element
-		* @param contentWidth Boolean true to get the width minus borders and padding.
-		* @returns Number The element's width.
-		*/
-		getWidth?( contentWidth?:boolean ): number;
-		/** [Method] Gets the current X position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The X position of the element
-		*/
-		getX?( el?:any ): number;
-		/** [Method] Gets the current position of the element based on page coordinates
-		* @returns Array The XY position of the element
-		*/
-		getXY?(): any[];
-		/** [Method] Gets the current Y position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The Y position of the element
-		*/
-		getY?( el?:any ): number;
-		/** [Method] Checks if the specified CSS class exists on this element s DOM node
-		* @param name String The CSS class to check for.
-		* @returns Boolean true if the class exists, else false.
-		*/
-		hasCls?( name?:string ): boolean;
-		/** [Method] Hides this element  */
-		hide?(): void;
-		/** [Method] Find the index of the passed element within the composite collection
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.dom.Element, or an HtmlElement to find within the composite collection.
-		* @returns Number The index of the passed Ext.dom.Element in the composite collection, or -1 if not found.
-		*/
-		indexOf?( el?:any ): number;
-		/** [Method] Inserts this element after the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element to insert after. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertAfter?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts this element before the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element before which this element will be inserted. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertBefore?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an element as the first child of this element
-		* @param element String/HTMLElement/Ext.dom.Element The id or element to insert.
-		* @returns Ext.dom.Element this
-		*/
-		insertFirst?( element?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an HTML fragment into this element
-		* @param where String Where to insert the HTML in relation to this element - 'beforeBegin', 'afterBegin', 'beforeEnd', 'afterEnd'. See Ext.DomHelper.insertHtml for details.
-		* @param html String The HTML fragment
-		* @param returnEl Boolean true to return an Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The inserted node (or nearest related if more than 1 inserted).
-		*/
-		insertHtml?( where?:string, html?:string, returnEl?:boolean ): any;
-		/** [Method] Inserts or creates the passed element or DomHelper config as a sibling of this element
-		* @param el String/HTMLElement/Ext.dom.Element/Object/Array The id, element to insert or a DomHelper config to create and insert or an array of any of those.
-		* @param where String 'before' or 'after'.
-		* @param returnDom Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns Ext.dom.Element The inserted Element. If an array is passed, the last inserted element is returned.
-		*/
-		insertSibling?( el?:any, where?:string, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Returns true if this element matches the passed simple selector e g
-		* @param selector String The simple selector to test.
-		* @returns Boolean true if this element matches the selector, else false.
-		*/
-		is?( selector?:string ): boolean;
-		/** [Method] Determines if this element is a descendant of the passed in Element  */
-		isDescendent?(): void;
-		/** [Method] Checks if the current value of a style is equal to a given value
-		* @param style String property whose value is returned.
-		* @param value String to check against.
-		* @returns Boolean true for when the current value equals the given value.
-		*/
-		isStyle?( style?:string, value?:string ): boolean;
-		/** [Method] Returns true if the value of the given property is visually transparent
-		* @param prop String The style property whose value is to be tested.
-		* @returns Boolean true if the style property is visually transparent.
-		*/
-		isTransparent?( prop?:string ): boolean;
-		/** [Method] Returns a flyweight Element of the dom element object at the specified index
-		* @param index Number
-		* @returns Ext.dom.Element
-		*/
-		item?( index?:number ): Ext.dom.IElement;
-		/** [Method] Puts a mask over this element to disable user interaction  */
-		mask?(): void;
-		/** [Method] Gets the next sibling skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw dom node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The next sibling or null.
-		*/
-		next?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the parent node for this element optionally chaining up trying to match a selector
-		* @param selector String Find a parent node that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The parent node or null.
-		*/
-		parent?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the previous sibling skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element
-		* @returns Ext.dom.Element/HTMLElement/null The previous sibling or null.
-		*/
-		prev?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		purgeAllListeners?(): void;
-		/** [Method] Selects child nodes based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @returns HTMLElement[] An array of the matched nodes.
-		*/
-		query?( selector?:string ): HTMLElement[];
-		/** [Method] Adds one or more CSS classes to this element and removes the same class es from all siblings
-		* @param className String/String[] The CSS class to add, or an array of classes.
-		* @returns Ext.dom.Element this
-		*/
-		radioCls?( className?:any ): Ext.dom.IElement;
-		/** [Method] Removes this element s DOM reference  */
-		remove?(): void;
-		/** [Method] Removes all listeners for this object  */
-		removeAllListeners?(): void;
-		/** [Method] Removes the given CSS class es from this Element
-		* @param names String The CSS class(es) to remove from this element.
-		* @param prefix String Prefix to prepend to each class to be removed.
-		* @param suffix String Suffix to append to each class to be removed.
-		* @returns Ext.dom.Element this
-		*/
-		removeCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Removes the specified element s
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite or an array of any of those.
-		* @param removeDom Boolean true to also remove the element from the document
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		removeElement?( el?:any, removeDom?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Forces the browser to repaint this element
-		* @returns Ext.dom.Element this
-		*/
-		repaint?(): Ext.dom.IElement;
-		/** [Method] Replaces the passed element with this element
-		* @param element String/HTMLElement/Ext.dom.Element The element to replace. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		replace?( element?:any ): Ext.dom.IElement;
-		/** [Method] Replaces a CSS class on the element with another
-		* @param oldName String The CSS class to replace.
-		* @param newName String The replacement CSS class.
-		* @param prefix String Prefix to prepend to each class to be replaced.
-		* @param suffix String Suffix to append to each class to be replaced.
-		* @returns Ext.dom.Element this
-		*/
-		replaceCls?( oldName?:string, newName?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Replaces the specified element with the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite to replace.
-		* @param replacement String/Ext.Element The id of an element or the Element itself.
-		* @param domReplace Boolean true to remove and replace the element in the document too.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		replaceElement?( el?:any, replacement?:any, domReplace?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Replaces this element with the passed element
-		* @param el String/HTMLElement/Ext.dom.Element/Object The new element (id of the node, a DOM Node or an existing Element) or a DomHelper config of an element to create.
-		* @returns Ext.dom.Element This element.
-		*/
-		replaceWith?( el?:any ): Ext.dom.IElement;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		select?( selector?:any, composite?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Serializes a DOM form into a url encoded string
-		* @param form Object The form
-		* @returns String The url encoded form
-		*/
-		serializeForm?( form?:any ): string;
-		/** [Method] Sets the passed attributes as attributes of this element a style attribute can be a string object or function
-		* @param attributes Object The object with the attributes.
-		* @param useSet Boolean false to override the default setAttribute to use expandos.
-		* @returns Ext.dom.Element this
-		*/
-		set?( attributes?:any, useSet?:boolean ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS bottom style
-		* @param bottom String The bottom CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setBottom?( bottom?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s box
-		* @param box Object The box to fill, for example: {  left: ...,  top: ...,  width: ...,  height: ... }
-		* @returns Ext.dom.Element this
-		*/
-		setBox?( box?:any ): Ext.dom.IElement;
-		/** [Method] Sets the specified CSS class on this element s DOM node
-		* @param className String/Array The CSS class to set on this element.
-		*/
-		setCls?( className?:any ): void;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHTML?( html?:string ): void;
-		/** [Method] Set the height of this Element
-		* @param height Number/String The new height.
-		* @returns Ext.dom.Element this
-		*/
-		setHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHtml?( html?:string ): void;
-		/** [Method] Sets the element s left position directly using CSS style instead of setX
-		* @param left String The left CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setLeft?( left?:string ): Ext.dom.IElement;
-		/** [Method] Set the maximum height of this Element
-		* @param height Number/String The new maximum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the maximum width of this Element
-		* @param width Number/String The new maximum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum height of this Element
-		* @param height Number/String The new minimum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMinHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum width of this Element
-		* @param width Number/String The new minimum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMinWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS right style
-		* @param right String The right CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setRight?( right?:string ): Ext.dom.IElement;
-		/** [Method] Set the size of this Element
-		* @param width Number/String The new width. This may be one of:  A Number specifying the new width in this Element's defaultUnits (by default, pixels). A String used to set the CSS width style. Animation may not be used. A size object in the format {width: widthValue, height: heightValue}.
-		* @param height Number/String The new height. This may be one of:  A Number specifying the new height in this Element's defaultUnits (by default, pixels). A String used to set the CSS height style. Animation may not be used.
-		* @returns Ext.dom.Element this
-		*/
-		setSize?( width?:any, height?:any ): Ext.dom.IElement;
-		/** [Method] Wrapper for setting style properties also takes single object parameter of multiple styles
-		* @param property String/Object The style property to be set, or an object of multiple styles.
-		* @param value String The value to apply to the given property, or null if an object was passed.
-		* @returns Ext.dom.Element this
-		*/
-		setStyle?( property?:any, value?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top position directly using CSS style instead of setY
-		* @param top String The top CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setTop?( top?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top and left positions directly using CSS style  */
-		setTopLeft?(): void;
-		/** [Method] Use this to change the visibility mode between VISIBILITY DISPLAY or OFFSETS
-		* @param mode Object
-		* @returns Ext.dom.Element this
-		*/
-		setVisibilityMode?( mode?:any ): Ext.dom.IElement;
-		/** [Method] Sets the visibility of the element see details
-		* @param visible Boolean Whether the element is visible.
-		* @returns Ext.Element this
-		*/
-		setVisible?( visible?:boolean ): Ext.IElement;
-		/** [Method] Set the width of this Element
-		* @param width Number/String The new width.
-		* @returns Ext.dom.Element this
-		*/
-		setWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the X position of the element based on page coordinates
-		* @param x Number The X position of the element
-		* @returns Ext.dom.Element this
-		*/
-		setX?( x?:number ): Ext.dom.IElement;
-		/** [Method] Sets the position of the element in page coordinates regardless of how the element is positioned
-		* @param pos Number[] Contains X &amp; Y [x, y] values for new position (coordinates are page-based).
-		* @returns Ext.dom.Element this
-		*/
-		setXY?( pos?:number[] ): Ext.dom.IElement;
-		/** [Method] Sets the Y position of the element based on page coordinates
-		* @param y Number The Y position of the element.
-		* @returns Ext.dom.Element this
-		*/
-		setY?( y?:number ): Ext.dom.IElement;
-		/** [Method] Shows this element  */
-		show?(): void;
-		/** [Method] Toggles the specified CSS class on this element removes it if it already exists otherwise adds it
-		* @param className String The CSS class to toggle.
-		* @returns Ext.dom.Element this
-		*/
-		toggleCls?( className?:string ): Ext.dom.IElement;
-		/** [Method] Translates the passed page coordinates into left top CSS values for this element
-		* @param x Number/Array The page x or an array containing [x, y].
-		* @param y Number The page y, required if x is not an array.
-		* @returns Object An object with left and top properties. e.g. {left: (value), top: (value)}.
-		*/
-		translatePoints?( x?:any, y?:number ): any;
-		/** [Method] Removes a previously applied mask  */
-		unmask?(): void;
-		/** [Method] Walks up the dom looking for a parent node that matches the passed simple selector e g
-		* @param simpleSelector String The simple selector to test
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @returns Ext.dom.Element/null The matching DOM node (or null if no match was found).
-		*/
-		up?( simpleSelector?:string, maxDepth?:any ): any;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		update?( html?:string ): void;
-		/** [Method] Creates and wraps this element with another element
-		* @param config Object DomHelper element config object for the wrapper element or null for an empty div
-		* @param domNode Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The newly created wrapper element.
-		*/
-		wrap?( config?:any, domNode?:boolean ): any;
-	}
-}
-declare namespace Ext {
-	export interface ICompositeElementLite extends Ext.IBase,Ext.dom.IElement {
-		/** [Property] (HTMLElement[]) */
-		elements?: HTMLElement[];
-		/** [Method] Adds elements to this Composite object
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an Array of DOM elements to add, or another Composite object who's elements should be added.
-		* @param root HTMLElement/String The root element of the query or id of the root.
-		* @returns Ext.dom.CompositeElementLite This Composite object.
-		*/
-		add?( els?:any, root?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Adds the given CSS class es to this Element
-		* @param names String The CSS class(es) to add to this element.
-		* @param prefix String Prefix to prepend to each class.
-		* @param suffix String Suffix to append to each class.
-		* @returns Ext.dom.Element this
-		*/
-		addCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] fixes scope with flyweight
-		* @param eventName Object
-		* @param handler Object
-		* @param scope Object
-		* @param opt Object
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		addListener?( eventName?:any, handler?:any, scope?:any, opt?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Appends the passed element s to this element
-		* @param element HTMLElement/Ext.dom.Element a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendChild?( element?:any ): Ext.dom.IElement;
-		/** [Method] Appends this element to the passed element
-		* @param el String/HTMLElement/Ext.dom.Element The new parent element. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendTo?( el?:any ): Ext.dom.IElement;
-		/** [Method] More flexible version of setStyle for setting style properties
-		* @param styles String/Object/Function A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or a function which returns such a specification.
-		* @returns Ext.dom.Element this
-		*/
-		applyStyles?( styles?:any ): Ext.dom.IElement;
-		/** [Method] Selects a single direct child based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true)
-		*/
-		child?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all elements  */
-		clear?(): void;
-		/** [Method] Returns true if this composite contains the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.
-		* @returns Boolean
-		*/
-		contains?( el?:any ): boolean;
-		/** [Method] Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e
-		* @param config Object DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be automatically generated with the specified attributes.
-		* @param insertBefore HTMLElement a child element of this element.
-		* @param returnDom Boolean true to return the dom node instead of creating an Element.
-		* @returns Ext.dom.Element The new child element.
-		*/
-		createChild?( config?:any, insertBefore?:HTMLElement, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Translates an element using CSS 3 in 2D  */
-		cssTranslate?(): void;
-		/** [Method] Removes this element s DOM reference  */
-		destroy?(): void;
-		/** [Method] Selects a single child at any depth below this element based on the passed CSS selector the selector should not cont
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true).
-		*/
-		down?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Calls the passed function for each element in this composite
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the Element.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		each?( fn?:any, scope?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Clears this Composite and adds the elements passed
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an array of DOM elements, or another Composite from which to fill this Composite.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		fill?( els?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Filters this composite to only elements that match the passed selector
-		* @param selector String/Function A string CSS selector or a comparison function. The comparison function will be called with the following arguments:
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		filter?( selector?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Looks at this node and then at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 50 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParent?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Looks at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParentNode?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Gets the x y coordinates to align this element with another element
-		* @param element Mixed The element to align to.
-		* @param position String The position to align to.
-		* @param offsets Array Offset the positioning by [x, y].
-		* @returns Array [x, y]
-		*/
-		getAlignToXY?( element?:any, position?:string, offsets?:any[] ): any[];
-		/** [Method] Gets the x y coordinates specified by the anchor position on the element
-		* @param anchor String The specified anchor position.
-		* @param local Boolean true to get the local (element top/left-relative) anchor position instead of page coordinates.
-		* @param size Object An object containing the size to use for calculating anchor position. {width: (target width), height: (target height)} (defaults to the element's current size)
-		* @returns Array [x, y] An array containing the element's x and y coordinates.
-		*/
-		getAnchorXY?( anchor?:string, local?:boolean, size?:any ): any[];
-		/** [Method] Returns the value of an attribute from the element s underlying DOM node
-		* @param name String The attribute name.
-		* @param namespace String The namespace in which to look for the attribute.
-		* @returns String The attribute value.
-		*/
-		getAttribute?( name?:string, namespace?:string ): string;
-		/** [Method] Gets the width of the border s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the border left width + the border right width.
-		* @returns Number The width of the sides passed added together
-		*/
-		getBorderWidth?( side?:string ): number;
-		/** [Method] Gets the bottom Y coordinate of the element element Y position  element height
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param contentBox Boolean If true a box for the content of the element is returned.
-		* @param local Boolean If true the element's left and top are returned instead of page x/y.
-		* @returns Object An object in the format
-		*/
-		getBox?( contentBox?:boolean, local?:boolean ): any;
-		/** [Method] Returns the number of elements in this Composite
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHTML?(): string;
-		/** [Method] Returns the offset height of the element
-		* @param contentHeight Boolean true to get the height minus borders and padding.
-		* @returns Number The element's height.
-		*/
-		getHeight?( contentHeight?:boolean ): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHtml?(): string;
-		/** [Method] Gets the left X coordinate
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns an object with properties top left right and bottom representing the margins of this element unless sides i
-		* @param sides String Any combination of 'l', 'r', 't', 'b' to get the sum of those sides.
-		* @returns Object/Number
-		*/
-		getMargin?( sides?:string ): any;
-		/** [Method] Returns the offsets of this element from the passed element
-		* @param element Mixed The element to get the offsets from.
-		* @returns Array The XY page offsets (e.g. [100, -200])
-		*/
-		getOffsetsTo?( element?:any ): any[];
-		/** [Method] Retrieves the height of the element account for the top and bottom margins  */
-		getOuterHeight?(): void;
-		/** [Method] Retrieves the width of the element accounting for the left and right margins  */
-		getOuterWidth?(): void;
-		/** [Method] Gets the width of the padding s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the padding left + the padding right.
-		* @returns Number The padding of the sides passed added together.
-		*/
-		getPadding?( side?:string ): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param asRegion Boolean If true an Ext.util.Region will be returned.
-		* @returns Object box An object in the format: {  x: &lt;Element's X position&gt;,  y: &lt;Element's Y position&gt;,  width: &lt;Element's width&gt;,  height: &lt;Element's height&gt;,  bottom: &lt;Element's lower bound&gt;,  right: &lt;Element's rightmost bound&gt; }  The returned object may also be addressed as an Array where index 0 contains the X position and index 1 contains the Y position. So the result may also be used for setXY.
-		*/
-		getPageBox?( asRegion?:boolean ): any;
-		/** [Method] Gets the right X coordinate of the element element X position  element width
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Gets the Scroller instance of the first parent that has one  */
-		getScrollParent?(): void;
-		/** [Method] Returns the size of the element
-		* @param contentSize Boolean true to get the width/size minus borders and padding.
-		* @returns Object An object containing the element's size:
-		*/
-		getSize?( contentSize?:boolean ): any;
-		/** [Method] Normalizes currentStyle and computedStyle
-		* @param prop String The style property whose value is returned.
-		* @returns String The current value of the style property for this element.
-		*/
-		getStyle?( prop?:string ): string;
-		/** [Method] Gets the top Y coordinate
-		* @returns Number
-		*/
-		getTop?(): number;
-		/** [Method] Returns the value of the value attribute
-		* @param asNumber Boolean true to parse the value as a number.
-		* @returns String/Number
-		*/
-		getValue?( asNumber?:boolean ): any;
-		/** [Method] Returns the dimensions of the element available to lay content out in
-		* @returns Object Object describing width and height:
-		*/
-		getViewSize?(): any;
-		/** [Method] Returns the offset width of the element
-		* @param contentWidth Boolean true to get the width minus borders and padding.
-		* @returns Number The element's width.
-		*/
-		getWidth?( contentWidth?:boolean ): number;
-		/** [Method] Gets the current X position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The X position of the element
-		*/
-		getX?( el?:any ): number;
-		/** [Method] Gets the current position of the element based on page coordinates
-		* @returns Array The XY position of the element
-		*/
-		getXY?(): any[];
-		/** [Method] Gets the current Y position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The Y position of the element
-		*/
-		getY?( el?:any ): number;
-		/** [Method] Checks if the specified CSS class exists on this element s DOM node
-		* @param name String The CSS class to check for.
-		* @returns Boolean true if the class exists, else false.
-		*/
-		hasCls?( name?:string ): boolean;
-		/** [Method] Hides this element  */
-		hide?(): void;
-		/** [Method] Find the index of the passed element within the composite collection
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.dom.Element, or an HtmlElement to find within the composite collection.
-		* @returns Number The index of the passed Ext.dom.Element in the composite collection, or -1 if not found.
-		*/
-		indexOf?( el?:any ): number;
-		/** [Method] Inserts this element after the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element to insert after. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertAfter?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts this element before the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element before which this element will be inserted. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertBefore?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an element as the first child of this element
-		* @param element String/HTMLElement/Ext.dom.Element The id or element to insert.
-		* @returns Ext.dom.Element this
-		*/
-		insertFirst?( element?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an HTML fragment into this element
-		* @param where String Where to insert the HTML in relation to this element - 'beforeBegin', 'afterBegin', 'beforeEnd', 'afterEnd'. See Ext.DomHelper.insertHtml for details.
-		* @param html String The HTML fragment
-		* @param returnEl Boolean true to return an Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The inserted node (or nearest related if more than 1 inserted).
-		*/
-		insertHtml?( where?:string, html?:string, returnEl?:boolean ): any;
-		/** [Method] Inserts or creates the passed element or DomHelper config as a sibling of this element
-		* @param el String/HTMLElement/Ext.dom.Element/Object/Array The id, element to insert or a DomHelper config to create and insert or an array of any of those.
-		* @param where String 'before' or 'after'.
-		* @param returnDom Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns Ext.dom.Element The inserted Element. If an array is passed, the last inserted element is returned.
-		*/
-		insertSibling?( el?:any, where?:string, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Returns true if this element matches the passed simple selector e g
-		* @param selector String The simple selector to test.
-		* @returns Boolean true if this element matches the selector, else false.
-		*/
-		is?( selector?:string ): boolean;
-		/** [Method] Determines if this element is a descendant of the passed in Element  */
-		isDescendent?(): void;
-		/** [Method] Checks if the current value of a style is equal to a given value
-		* @param style String property whose value is returned.
-		* @param value String to check against.
-		* @returns Boolean true for when the current value equals the given value.
-		*/
-		isStyle?( style?:string, value?:string ): boolean;
-		/** [Method] Returns true if the value of the given property is visually transparent
-		* @param prop String The style property whose value is to be tested.
-		* @returns Boolean true if the style property is visually transparent.
-		*/
-		isTransparent?( prop?:string ): boolean;
-		/** [Method] Returns a flyweight Element of the dom element object at the specified index
-		* @param index Number
-		* @returns Ext.dom.Element
-		*/
-		item?( index?:number ): Ext.dom.IElement;
-		/** [Method] Puts a mask over this element to disable user interaction  */
-		mask?(): void;
-		/** [Method] Gets the next sibling skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw dom node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The next sibling or null.
-		*/
-		next?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the parent node for this element optionally chaining up trying to match a selector
-		* @param selector String Find a parent node that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The parent node or null.
-		*/
-		parent?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the previous sibling skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element
-		* @returns Ext.dom.Element/HTMLElement/null The previous sibling or null.
-		*/
-		prev?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		purgeAllListeners?(): void;
-		/** [Method] Selects child nodes based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @returns HTMLElement[] An array of the matched nodes.
-		*/
-		query?( selector?:string ): HTMLElement[];
-		/** [Method] Adds one or more CSS classes to this element and removes the same class es from all siblings
-		* @param className String/String[] The CSS class to add, or an array of classes.
-		* @returns Ext.dom.Element this
-		*/
-		radioCls?( className?:any ): Ext.dom.IElement;
-		/** [Method] Removes this element s DOM reference  */
-		remove?(): void;
-		/** [Method] Removes all listeners for this object  */
-		removeAllListeners?(): void;
-		/** [Method] Removes the given CSS class es from this Element
-		* @param names String The CSS class(es) to remove from this element.
-		* @param prefix String Prefix to prepend to each class to be removed.
-		* @param suffix String Suffix to append to each class to be removed.
-		* @returns Ext.dom.Element this
-		*/
-		removeCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Removes the specified element s
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite or an array of any of those.
-		* @param removeDom Boolean true to also remove the element from the document
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		removeElement?( el?:any, removeDom?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Forces the browser to repaint this element
-		* @returns Ext.dom.Element this
-		*/
-		repaint?(): Ext.dom.IElement;
-		/** [Method] Replaces the passed element with this element
-		* @param element String/HTMLElement/Ext.dom.Element The element to replace. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		replace?( element?:any ): Ext.dom.IElement;
-		/** [Method] Replaces a CSS class on the element with another
-		* @param oldName String The CSS class to replace.
-		* @param newName String The replacement CSS class.
-		* @param prefix String Prefix to prepend to each class to be replaced.
-		* @param suffix String Suffix to append to each class to be replaced.
-		* @returns Ext.dom.Element this
-		*/
-		replaceCls?( oldName?:string, newName?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Replaces the specified element with the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite to replace.
-		* @param replacement String/Ext.Element The id of an element or the Element itself.
-		* @param domReplace Boolean true to remove and replace the element in the document too.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		replaceElement?( el?:any, replacement?:any, domReplace?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Replaces this element with the passed element
-		* @param el String/HTMLElement/Ext.dom.Element/Object The new element (id of the node, a DOM Node or an existing Element) or a DomHelper config of an element to create.
-		* @returns Ext.dom.Element This element.
-		*/
-		replaceWith?( el?:any ): Ext.dom.IElement;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		select?( selector?:any, composite?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Serializes a DOM form into a url encoded string
-		* @param form Object The form
-		* @returns String The url encoded form
-		*/
-		serializeForm?( form?:any ): string;
-		/** [Method] Sets the passed attributes as attributes of this element a style attribute can be a string object or function
-		* @param attributes Object The object with the attributes.
-		* @param useSet Boolean false to override the default setAttribute to use expandos.
-		* @returns Ext.dom.Element this
-		*/
-		set?( attributes?:any, useSet?:boolean ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS bottom style
-		* @param bottom String The bottom CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setBottom?( bottom?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s box
-		* @param box Object The box to fill, for example: {  left: ...,  top: ...,  width: ...,  height: ... }
-		* @returns Ext.dom.Element this
-		*/
-		setBox?( box?:any ): Ext.dom.IElement;
-		/** [Method] Sets the specified CSS class on this element s DOM node
-		* @param className String/Array The CSS class to set on this element.
-		*/
-		setCls?( className?:any ): void;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHTML?( html?:string ): void;
-		/** [Method] Set the height of this Element
-		* @param height Number/String The new height.
-		* @returns Ext.dom.Element this
-		*/
-		setHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHtml?( html?:string ): void;
-		/** [Method] Sets the element s left position directly using CSS style instead of setX
-		* @param left String The left CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setLeft?( left?:string ): Ext.dom.IElement;
-		/** [Method] Set the maximum height of this Element
-		* @param height Number/String The new maximum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the maximum width of this Element
-		* @param width Number/String The new maximum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum height of this Element
-		* @param height Number/String The new minimum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMinHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum width of this Element
-		* @param width Number/String The new minimum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMinWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS right style
-		* @param right String The right CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setRight?( right?:string ): Ext.dom.IElement;
-		/** [Method] Set the size of this Element
-		* @param width Number/String The new width. This may be one of:  A Number specifying the new width in this Element's defaultUnits (by default, pixels). A String used to set the CSS width style. Animation may not be used. A size object in the format {width: widthValue, height: heightValue}.
-		* @param height Number/String The new height. This may be one of:  A Number specifying the new height in this Element's defaultUnits (by default, pixels). A String used to set the CSS height style. Animation may not be used.
-		* @returns Ext.dom.Element this
-		*/
-		setSize?( width?:any, height?:any ): Ext.dom.IElement;
-		/** [Method] Wrapper for setting style properties also takes single object parameter of multiple styles
-		* @param property String/Object The style property to be set, or an object of multiple styles.
-		* @param value String The value to apply to the given property, or null if an object was passed.
-		* @returns Ext.dom.Element this
-		*/
-		setStyle?( property?:any, value?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top position directly using CSS style instead of setY
-		* @param top String The top CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setTop?( top?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top and left positions directly using CSS style  */
-		setTopLeft?(): void;
-		/** [Method] Use this to change the visibility mode between VISIBILITY DISPLAY or OFFSETS
-		* @param mode Object
-		* @returns Ext.dom.Element this
-		*/
-		setVisibilityMode?( mode?:any ): Ext.dom.IElement;
-		/** [Method] Sets the visibility of the element see details
-		* @param visible Boolean Whether the element is visible.
-		* @returns Ext.Element this
-		*/
-		setVisible?( visible?:boolean ): Ext.IElement;
-		/** [Method] Set the width of this Element
-		* @param width Number/String The new width.
-		* @returns Ext.dom.Element this
-		*/
-		setWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the X position of the element based on page coordinates
-		* @param x Number The X position of the element
-		* @returns Ext.dom.Element this
-		*/
-		setX?( x?:number ): Ext.dom.IElement;
-		/** [Method] Sets the position of the element in page coordinates regardless of how the element is positioned
-		* @param pos Number[] Contains X &amp; Y [x, y] values for new position (coordinates are page-based).
-		* @returns Ext.dom.Element this
-		*/
-		setXY?( pos?:number[] ): Ext.dom.IElement;
-		/** [Method] Sets the Y position of the element based on page coordinates
-		* @param y Number The Y position of the element.
-		* @returns Ext.dom.Element this
-		*/
-		setY?( y?:number ): Ext.dom.IElement;
-		/** [Method] Shows this element  */
-		show?(): void;
-		/** [Method] Toggles the specified CSS class on this element removes it if it already exists otherwise adds it
-		* @param className String The CSS class to toggle.
-		* @returns Ext.dom.Element this
-		*/
-		toggleCls?( className?:string ): Ext.dom.IElement;
-		/** [Method] Translates the passed page coordinates into left top CSS values for this element
-		* @param x Number/Array The page x or an array containing [x, y].
-		* @param y Number The page y, required if x is not an array.
-		* @returns Object An object with left and top properties. e.g. {left: (value), top: (value)}.
-		*/
-		translatePoints?( x?:any, y?:number ): any;
-		/** [Method] Removes a previously applied mask  */
-		unmask?(): void;
-		/** [Method] Walks up the dom looking for a parent node that matches the passed simple selector e g
-		* @param simpleSelector String The simple selector to test
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @returns Ext.dom.Element/null The matching DOM node (or null if no match was found).
-		*/
-		up?( simpleSelector?:string, maxDepth?:any ): any;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		update?( html?:string ): void;
-		/** [Method] Creates and wraps this element with another element
-		* @param config Object DomHelper element config object for the wrapper element or null for an empty div
-		* @param domNode Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The newly created wrapper element.
-		*/
-		wrap?( config?:any, domNode?:boolean ): any;
-	}
-}
-declare namespace Ext {
-	export interface ICompositeElement extends Ext.IBase,Ext.dom.IElement {
-		/** [Property] (HTMLElement[]) */
-		elements?: HTMLElement[];
-		/** [Method] Adds elements to this Composite object
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an Array of DOM elements to add, or another Composite object who's elements should be added.
-		* @param root HTMLElement/String The root element of the query or id of the root.
-		* @returns Ext.dom.CompositeElementLite This Composite object.
-		*/
-		add?( els?:any, root?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Adds the given CSS class es to this Element
-		* @param names String The CSS class(es) to add to this element.
-		* @param prefix String Prefix to prepend to each class.
-		* @param suffix String Suffix to append to each class.
-		* @returns Ext.dom.Element this
-		*/
-		addCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] fixes scope with flyweight
-		* @param eventName Object
-		* @param handler Object
-		* @param scope Object
-		* @param opt Object
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		addListener?( eventName?:any, handler?:any, scope?:any, opt?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Appends the passed element s to this element
-		* @param element HTMLElement/Ext.dom.Element a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendChild?( element?:any ): Ext.dom.IElement;
-		/** [Method] Appends this element to the passed element
-		* @param el String/HTMLElement/Ext.dom.Element The new parent element. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendTo?( el?:any ): Ext.dom.IElement;
-		/** [Method] More flexible version of setStyle for setting style properties
-		* @param styles String/Object/Function A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or a function which returns such a specification.
-		* @returns Ext.dom.Element this
-		*/
-		applyStyles?( styles?:any ): Ext.dom.IElement;
-		/** [Method] Selects a single direct child based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true)
-		*/
-		child?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all elements  */
-		clear?(): void;
-		/** [Method] Returns true if this composite contains the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.
-		* @returns Boolean
-		*/
-		contains?( el?:any ): boolean;
-		/** [Method] Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e
-		* @param config Object DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be automatically generated with the specified attributes.
-		* @param insertBefore HTMLElement a child element of this element.
-		* @param returnDom Boolean true to return the dom node instead of creating an Element.
-		* @returns Ext.dom.Element The new child element.
-		*/
-		createChild?( config?:any, insertBefore?:HTMLElement, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Translates an element using CSS 3 in 2D  */
-		cssTranslate?(): void;
-		/** [Method] Removes this element s DOM reference  */
-		destroy?(): void;
-		/** [Method] Selects a single child at any depth below this element based on the passed CSS selector the selector should not cont
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true).
-		*/
-		down?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Calls the passed function for each element in this composite
-		* @param fn Function The function to call.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the Element.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		each?( fn?:any, scope?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Clears this Composite and adds the elements passed
-		* @param els HTMLElement[]/Ext.dom.CompositeElementLite Either an array of DOM elements, or another Composite from which to fill this Composite.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		fill?( els?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Filters this composite to only elements that match the passed selector
-		* @param selector String/Function A string CSS selector or a comparison function. The comparison function will be called with the following arguments:
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		filter?( selector?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Looks at this node and then at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 50 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParent?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Looks at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParentNode?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Gets the x y coordinates to align this element with another element
-		* @param element Mixed The element to align to.
-		* @param position String The position to align to.
-		* @param offsets Array Offset the positioning by [x, y].
-		* @returns Array [x, y]
-		*/
-		getAlignToXY?( element?:any, position?:string, offsets?:any[] ): any[];
-		/** [Method] Gets the x y coordinates specified by the anchor position on the element
-		* @param anchor String The specified anchor position.
-		* @param local Boolean true to get the local (element top/left-relative) anchor position instead of page coordinates.
-		* @param size Object An object containing the size to use for calculating anchor position. {width: (target width), height: (target height)} (defaults to the element's current size)
-		* @returns Array [x, y] An array containing the element's x and y coordinates.
-		*/
-		getAnchorXY?( anchor?:string, local?:boolean, size?:any ): any[];
-		/** [Method] Returns the value of an attribute from the element s underlying DOM node
-		* @param name String The attribute name.
-		* @param namespace String The namespace in which to look for the attribute.
-		* @returns String The attribute value.
-		*/
-		getAttribute?( name?:string, namespace?:string ): string;
-		/** [Method] Gets the width of the border s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the border left width + the border right width.
-		* @returns Number The width of the sides passed added together
-		*/
-		getBorderWidth?( side?:string ): number;
-		/** [Method] Gets the bottom Y coordinate of the element element Y position  element height
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param contentBox Boolean If true a box for the content of the element is returned.
-		* @param local Boolean If true the element's left and top are returned instead of page x/y.
-		* @returns Object An object in the format
-		*/
-		getBox?( contentBox?:boolean, local?:boolean ): any;
-		/** [Method] Returns the number of elements in this Composite
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHTML?(): string;
-		/** [Method] Returns the offset height of the element
-		* @param contentHeight Boolean true to get the height minus borders and padding.
-		* @returns Number The element's height.
-		*/
-		getHeight?( contentHeight?:boolean ): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHtml?(): string;
-		/** [Method] Gets the left X coordinate
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns an object with properties top left right and bottom representing the margins of this element unless sides i
-		* @param sides String Any combination of 'l', 'r', 't', 'b' to get the sum of those sides.
-		* @returns Object/Number
-		*/
-		getMargin?( sides?:string ): any;
-		/** [Method] Returns the offsets of this element from the passed element
-		* @param element Mixed The element to get the offsets from.
-		* @returns Array The XY page offsets (e.g. [100, -200])
-		*/
-		getOffsetsTo?( element?:any ): any[];
-		/** [Method] Retrieves the height of the element account for the top and bottom margins  */
-		getOuterHeight?(): void;
-		/** [Method] Retrieves the width of the element accounting for the left and right margins  */
-		getOuterWidth?(): void;
-		/** [Method] Gets the width of the padding s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the padding left + the padding right.
-		* @returns Number The padding of the sides passed added together.
-		*/
-		getPadding?( side?:string ): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param asRegion Boolean If true an Ext.util.Region will be returned.
-		* @returns Object box An object in the format: {  x: &lt;Element's X position&gt;,  y: &lt;Element's Y position&gt;,  width: &lt;Element's width&gt;,  height: &lt;Element's height&gt;,  bottom: &lt;Element's lower bound&gt;,  right: &lt;Element's rightmost bound&gt; }  The returned object may also be addressed as an Array where index 0 contains the X position and index 1 contains the Y position. So the result may also be used for setXY.
-		*/
-		getPageBox?( asRegion?:boolean ): any;
-		/** [Method] Gets the right X coordinate of the element element X position  element width
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Gets the Scroller instance of the first parent that has one  */
-		getScrollParent?(): void;
-		/** [Method] Returns the size of the element
-		* @param contentSize Boolean true to get the width/size minus borders and padding.
-		* @returns Object An object containing the element's size:
-		*/
-		getSize?( contentSize?:boolean ): any;
-		/** [Method] Normalizes currentStyle and computedStyle
-		* @param prop String The style property whose value is returned.
-		* @returns String The current value of the style property for this element.
-		*/
-		getStyle?( prop?:string ): string;
-		/** [Method] Gets the top Y coordinate
-		* @returns Number
-		*/
-		getTop?(): number;
-		/** [Method] Returns the value of the value attribute
-		* @param asNumber Boolean true to parse the value as a number.
-		* @returns String/Number
-		*/
-		getValue?( asNumber?:boolean ): any;
-		/** [Method] Returns the dimensions of the element available to lay content out in
-		* @returns Object Object describing width and height:
-		*/
-		getViewSize?(): any;
-		/** [Method] Returns the offset width of the element
-		* @param contentWidth Boolean true to get the width minus borders and padding.
-		* @returns Number The element's width.
-		*/
-		getWidth?( contentWidth?:boolean ): number;
-		/** [Method] Gets the current X position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The X position of the element
-		*/
-		getX?( el?:any ): number;
-		/** [Method] Gets the current position of the element based on page coordinates
-		* @returns Array The XY position of the element
-		*/
-		getXY?(): any[];
-		/** [Method] Gets the current Y position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The Y position of the element
-		*/
-		getY?( el?:any ): number;
-		/** [Method] Checks if the specified CSS class exists on this element s DOM node
-		* @param name String The CSS class to check for.
-		* @returns Boolean true if the class exists, else false.
-		*/
-		hasCls?( name?:string ): boolean;
-		/** [Method] Hides this element  */
-		hide?(): void;
-		/** [Method] Find the index of the passed element within the composite collection
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, or an Ext.dom.Element, or an HtmlElement to find within the composite collection.
-		* @returns Number The index of the passed Ext.dom.Element in the composite collection, or -1 if not found.
-		*/
-		indexOf?( el?:any ): number;
-		/** [Method] Inserts this element after the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element to insert after. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertAfter?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts this element before the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element before which this element will be inserted. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertBefore?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an element as the first child of this element
-		* @param element String/HTMLElement/Ext.dom.Element The id or element to insert.
-		* @returns Ext.dom.Element this
-		*/
-		insertFirst?( element?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an HTML fragment into this element
-		* @param where String Where to insert the HTML in relation to this element - 'beforeBegin', 'afterBegin', 'beforeEnd', 'afterEnd'. See Ext.DomHelper.insertHtml for details.
-		* @param html String The HTML fragment
-		* @param returnEl Boolean true to return an Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The inserted node (or nearest related if more than 1 inserted).
-		*/
-		insertHtml?( where?:string, html?:string, returnEl?:boolean ): any;
-		/** [Method] Inserts or creates the passed element or DomHelper config as a sibling of this element
-		* @param el String/HTMLElement/Ext.dom.Element/Object/Array The id, element to insert or a DomHelper config to create and insert or an array of any of those.
-		* @param where String 'before' or 'after'.
-		* @param returnDom Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns Ext.dom.Element The inserted Element. If an array is passed, the last inserted element is returned.
-		*/
-		insertSibling?( el?:any, where?:string, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Returns true if this element matches the passed simple selector e g
-		* @param selector String The simple selector to test.
-		* @returns Boolean true if this element matches the selector, else false.
-		*/
-		is?( selector?:string ): boolean;
-		/** [Method] Determines if this element is a descendant of the passed in Element  */
-		isDescendent?(): void;
-		/** [Method] Checks if the current value of a style is equal to a given value
-		* @param style String property whose value is returned.
-		* @param value String to check against.
-		* @returns Boolean true for when the current value equals the given value.
-		*/
-		isStyle?( style?:string, value?:string ): boolean;
-		/** [Method] Returns true if the value of the given property is visually transparent
-		* @param prop String The style property whose value is to be tested.
-		* @returns Boolean true if the style property is visually transparent.
-		*/
-		isTransparent?( prop?:string ): boolean;
-		/** [Method] Returns a flyweight Element of the dom element object at the specified index
-		* @param index Number
-		* @returns Ext.dom.Element
-		*/
-		item?( index?:number ): Ext.dom.IElement;
-		/** [Method] Puts a mask over this element to disable user interaction  */
-		mask?(): void;
-		/** [Method] Gets the next sibling skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw dom node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The next sibling or null.
-		*/
-		next?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the parent node for this element optionally chaining up trying to match a selector
-		* @param selector String Find a parent node that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The parent node or null.
-		*/
-		parent?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the previous sibling skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element
-		* @returns Ext.dom.Element/HTMLElement/null The previous sibling or null.
-		*/
-		prev?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		purgeAllListeners?(): void;
-		/** [Method] Selects child nodes based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @returns HTMLElement[] An array of the matched nodes.
-		*/
-		query?( selector?:string ): HTMLElement[];
-		/** [Method] Adds one or more CSS classes to this element and removes the same class es from all siblings
-		* @param className String/String[] The CSS class to add, or an array of classes.
-		* @returns Ext.dom.Element this
-		*/
-		radioCls?( className?:any ): Ext.dom.IElement;
-		/** [Method] Removes this element s DOM reference  */
-		remove?(): void;
-		/** [Method] Removes all listeners for this object  */
-		removeAllListeners?(): void;
-		/** [Method] Removes the given CSS class es from this Element
-		* @param names String The CSS class(es) to remove from this element.
-		* @param prefix String Prefix to prepend to each class to be removed.
-		* @param suffix String Suffix to append to each class to be removed.
-		* @returns Ext.dom.Element this
-		*/
-		removeCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Removes the specified element s
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite or an array of any of those.
-		* @param removeDom Boolean true to also remove the element from the document
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		removeElement?( el?:any, removeDom?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Forces the browser to repaint this element
-		* @returns Ext.dom.Element this
-		*/
-		repaint?(): Ext.dom.IElement;
-		/** [Method] Replaces the passed element with this element
-		* @param element String/HTMLElement/Ext.dom.Element The element to replace. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		replace?( element?:any ): Ext.dom.IElement;
-		/** [Method] Replaces a CSS class on the element with another
-		* @param oldName String The CSS class to replace.
-		* @param newName String The replacement CSS class.
-		* @param prefix String Prefix to prepend to each class to be replaced.
-		* @param suffix String Suffix to append to each class to be replaced.
-		* @returns Ext.dom.Element this
-		*/
-		replaceCls?( oldName?:string, newName?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Replaces the specified element with the passed element
-		* @param el String/HTMLElement/Ext.Element/Number The id of an element, the Element itself, the index of the element in this composite to replace.
-		* @param replacement String/Ext.Element The id of an element or the Element itself.
-		* @param domReplace Boolean true to remove and replace the element in the document too.
-		* @returns Ext.dom.CompositeElementLite this
-		*/
-		replaceElement?( el?:any, replacement?:any, domReplace?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Replaces this element with the passed element
-		* @param el String/HTMLElement/Ext.dom.Element/Object The new element (id of the node, a DOM Node or an existing Element) or a DomHelper config of an element to create.
-		* @returns Ext.dom.Element This element.
-		*/
-		replaceWith?( el?:any ): Ext.dom.IElement;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		select?( selector?:any, composite?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Serializes a DOM form into a url encoded string
-		* @param form Object The form
-		* @returns String The url encoded form
-		*/
-		serializeForm?( form?:any ): string;
-		/** [Method] Sets the passed attributes as attributes of this element a style attribute can be a string object or function
-		* @param attributes Object The object with the attributes.
-		* @param useSet Boolean false to override the default setAttribute to use expandos.
-		* @returns Ext.dom.Element this
-		*/
-		set?( attributes?:any, useSet?:boolean ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS bottom style
-		* @param bottom String The bottom CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setBottom?( bottom?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s box
-		* @param box Object The box to fill, for example: {  left: ...,  top: ...,  width: ...,  height: ... }
-		* @returns Ext.dom.Element this
-		*/
-		setBox?( box?:any ): Ext.dom.IElement;
-		/** [Method] Sets the specified CSS class on this element s DOM node
-		* @param className String/Array The CSS class to set on this element.
-		*/
-		setCls?( className?:any ): void;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHTML?( html?:string ): void;
-		/** [Method] Set the height of this Element
-		* @param height Number/String The new height.
-		* @returns Ext.dom.Element this
-		*/
-		setHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHtml?( html?:string ): void;
-		/** [Method] Sets the element s left position directly using CSS style instead of setX
-		* @param left String The left CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setLeft?( left?:string ): Ext.dom.IElement;
-		/** [Method] Set the maximum height of this Element
-		* @param height Number/String The new maximum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the maximum width of this Element
-		* @param width Number/String The new maximum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum height of this Element
-		* @param height Number/String The new minimum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMinHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum width of this Element
-		* @param width Number/String The new minimum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMinWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS right style
-		* @param right String The right CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setRight?( right?:string ): Ext.dom.IElement;
-		/** [Method] Set the size of this Element
-		* @param width Number/String The new width. This may be one of:  A Number specifying the new width in this Element's defaultUnits (by default, pixels). A String used to set the CSS width style. Animation may not be used. A size object in the format {width: widthValue, height: heightValue}.
-		* @param height Number/String The new height. This may be one of:  A Number specifying the new height in this Element's defaultUnits (by default, pixels). A String used to set the CSS height style. Animation may not be used.
-		* @returns Ext.dom.Element this
-		*/
-		setSize?( width?:any, height?:any ): Ext.dom.IElement;
-		/** [Method] Wrapper for setting style properties also takes single object parameter of multiple styles
-		* @param property String/Object The style property to be set, or an object of multiple styles.
-		* @param value String The value to apply to the given property, or null if an object was passed.
-		* @returns Ext.dom.Element this
-		*/
-		setStyle?( property?:any, value?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top position directly using CSS style instead of setY
-		* @param top String The top CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setTop?( top?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top and left positions directly using CSS style  */
-		setTopLeft?(): void;
-		/** [Method] Use this to change the visibility mode between VISIBILITY DISPLAY or OFFSETS
-		* @param mode Object
-		* @returns Ext.dom.Element this
-		*/
-		setVisibilityMode?( mode?:any ): Ext.dom.IElement;
-		/** [Method] Sets the visibility of the element see details
-		* @param visible Boolean Whether the element is visible.
-		* @returns Ext.Element this
-		*/
-		setVisible?( visible?:boolean ): Ext.IElement;
-		/** [Method] Set the width of this Element
-		* @param width Number/String The new width.
-		* @returns Ext.dom.Element this
-		*/
-		setWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the X position of the element based on page coordinates
-		* @param x Number The X position of the element
-		* @returns Ext.dom.Element this
-		*/
-		setX?( x?:number ): Ext.dom.IElement;
-		/** [Method] Sets the position of the element in page coordinates regardless of how the element is positioned
-		* @param pos Number[] Contains X &amp; Y [x, y] values for new position (coordinates are page-based).
-		* @returns Ext.dom.Element this
-		*/
-		setXY?( pos?:number[] ): Ext.dom.IElement;
-		/** [Method] Sets the Y position of the element based on page coordinates
-		* @param y Number The Y position of the element.
-		* @returns Ext.dom.Element this
-		*/
-		setY?( y?:number ): Ext.dom.IElement;
-		/** [Method] Shows this element  */
-		show?(): void;
-		/** [Method] Toggles the specified CSS class on this element removes it if it already exists otherwise adds it
-		* @param className String The CSS class to toggle.
-		* @returns Ext.dom.Element this
-		*/
-		toggleCls?( className?:string ): Ext.dom.IElement;
-		/** [Method] Translates the passed page coordinates into left top CSS values for this element
-		* @param x Number/Array The page x or an array containing [x, y].
-		* @param y Number The page y, required if x is not an array.
-		* @returns Object An object with left and top properties. e.g. {left: (value), top: (value)}.
-		*/
-		translatePoints?( x?:any, y?:number ): any;
-		/** [Method] Removes a previously applied mask  */
-		unmask?(): void;
-		/** [Method] Walks up the dom looking for a parent node that matches the passed simple selector e g
-		* @param simpleSelector String The simple selector to test
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @returns Ext.dom.Element/null The matching DOM node (or null if no match was found).
-		*/
-		up?( simpleSelector?:string, maxDepth?:any ): any;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		update?( html?:string ): void;
-		/** [Method] Creates and wraps this element with another element
-		* @param config Object DomHelper element config object for the wrapper element or null for an empty div
-		* @param domNode Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The newly created wrapper element.
-		*/
-		wrap?( config?:any, domNode?:boolean ): any;
-	}
-}
-declare namespace Ext.dom {
-	export interface IElement extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Property] (Number) */
-		DISPLAY?: number;
-		/** [Property] (Number) */
-		OFFSETS?: number;
-		/** [Property] (Number) */
-		VISIBILITY?: number;
-		/** [Property] (String) */
-		defaultUnit?: string;
-		/** [Property] (HTMLElement) */
-		dom?: HTMLElement;
-		/** [Property] (String) */
-		id?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the given CSS class es to this Element
-		* @param names String The CSS class(es) to add to this element.
-		* @param prefix String Prefix to prepend to each class.
-		* @param suffix String Suffix to append to each class.
-		* @returns Ext.dom.Element this
-		*/
-		addCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends the passed element s to this element
-		* @param element HTMLElement/Ext.dom.Element a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendChild?( element?:any ): Ext.dom.IElement;
-		/** [Method] Appends this element to the passed element
-		* @param el String/HTMLElement/Ext.dom.Element The new parent element. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendTo?( el?:any ): Ext.dom.IElement;
-		/** [Method] More flexible version of setStyle for setting style properties
-		* @param styles String/Object/Function A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or a function which returns such a specification.
-		* @returns Ext.dom.Element this
-		*/
-		applyStyles?( styles?:any ): Ext.dom.IElement;
-		/** [Method] Selects a single direct child based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true)
-		*/
-		child?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Returns true if this element is an ancestor of the passed element
-		* @param element HTMLElement/String The element to check.
-		* @returns Boolean true if this element is an ancestor of el, else false.
-		*/
-		contains?( element?:any ): boolean;
-		/** [Method] Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e
-		* @param config Object DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be automatically generated with the specified attributes.
-		* @param insertBefore HTMLElement a child element of this element.
-		* @param returnDom Boolean true to return the dom node instead of creating an Element.
-		* @returns Ext.dom.Element The new child element.
-		*/
-		createChild?( config?:any, insertBefore?:HTMLElement, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Translates an element using CSS 3 in 2D  */
-		cssTranslate?(): void;
-		/** [Method] Removes this element s DOM reference  */
-		destroy?(): void;
-		/** [Method] Selects a single child at any depth below this element based on the passed CSS selector the selector should not cont
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true).
-		*/
-		down?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Looks at this node and then at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 50 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParent?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Looks at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParentNode?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Gets the first child skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The first child or null.
-		*/
-		first?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the x y coordinates to align this element with another element
-		* @param element Mixed The element to align to.
-		* @param position String The position to align to.
-		* @param offsets Array Offset the positioning by [x, y].
-		* @returns Array [x, y]
-		*/
-		getAlignToXY?( element?:any, position?:string, offsets?:any[] ): any[];
-		/** [Method] Gets the x y coordinates specified by the anchor position on the element
-		* @param anchor String The specified anchor position.
-		* @param local Boolean true to get the local (element top/left-relative) anchor position instead of page coordinates.
-		* @param size Object An object containing the size to use for calculating anchor position. {width: (target width), height: (target height)} (defaults to the element's current size)
-		* @returns Array [x, y] An array containing the element's x and y coordinates.
-		*/
-		getAnchorXY?( anchor?:string, local?:boolean, size?:any ): any[];
-		/** [Method] Returns the value of an attribute from the element s underlying DOM node
-		* @param name String The attribute name.
-		* @param namespace String The namespace in which to look for the attribute.
-		* @returns String The attribute value.
-		*/
-		getAttribute?( name?:string, namespace?:string ): string;
-		/** [Method] Gets the width of the border s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the border left width + the border right width.
-		* @returns Number The width of the sides passed added together
-		*/
-		getBorderWidth?( side?:string ): number;
-		/** [Method] Gets the bottom Y coordinate of the element element Y position  element height
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param contentBox Boolean If true a box for the content of the element is returned.
-		* @param local Boolean If true the element's left and top are returned instead of page x/y.
-		* @returns Object An object in the format
-		*/
-		getBox?( contentBox?:boolean, local?:boolean ): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHTML?(): string;
-		/** [Method] Returns the offset height of the element
-		* @param contentHeight Boolean true to get the height minus borders and padding.
-		* @returns Number The element's height.
-		*/
-		getHeight?( contentHeight?:boolean ): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHtml?(): string;
-		/** [Method] Gets the left X coordinate
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns an object with properties top left right and bottom representing the margins of this element unless sides i
-		* @param sides String Any combination of 'l', 'r', 't', 'b' to get the sum of those sides.
-		* @returns Object/Number
-		*/
-		getMargin?( sides?:string ): any;
-		/** [Method] Returns the offsets of this element from the passed element
-		* @param element Mixed The element to get the offsets from.
-		* @returns Array The XY page offsets (e.g. [100, -200])
-		*/
-		getOffsetsTo?( element?:any ): any[];
-		/** [Method] Retrieves the height of the element account for the top and bottom margins  */
-		getOuterHeight?(): void;
-		/** [Method] Retrieves the width of the element accounting for the left and right margins  */
-		getOuterWidth?(): void;
-		/** [Method] Gets the width of the padding s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the padding left + the padding right.
-		* @returns Number The padding of the sides passed added together.
-		*/
-		getPadding?( side?:string ): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param asRegion Boolean If true an Ext.util.Region will be returned.
-		* @returns Object box An object in the format: {  x: &lt;Element's X position&gt;,  y: &lt;Element's Y position&gt;,  width: &lt;Element's width&gt;,  height: &lt;Element's height&gt;,  bottom: &lt;Element's lower bound&gt;,  right: &lt;Element's rightmost bound&gt; }  The returned object may also be addressed as an Array where index 0 contains the X position and index 1 contains the Y position. So the result may also be used for setXY.
-		*/
-		getPageBox?( asRegion?:boolean ): any;
-		/** [Method] Gets the right X coordinate of the element element X position  element width
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Gets the Scroller instance of the first parent that has one  */
-		getScrollParent?(): void;
-		/** [Method] Returns the size of the element
-		* @param contentSize Boolean true to get the width/size minus borders and padding.
-		* @returns Object An object containing the element's size:
-		*/
-		getSize?( contentSize?:boolean ): any;
-		/** [Method] Normalizes currentStyle and computedStyle
-		* @param prop String The style property whose value is returned.
-		* @returns String The current value of the style property for this element.
-		*/
-		getStyle?( prop?:string ): string;
-		/** [Method] Gets the top Y coordinate
-		* @returns Number
-		*/
-		getTop?(): number;
-		/** [Method] Returns the value of the value attribute
-		* @param asNumber Boolean true to parse the value as a number.
-		* @returns String/Number
-		*/
-		getValue?( asNumber?:boolean ): any;
-		/** [Method] Returns the dimensions of the element available to lay content out in
-		* @returns Object Object describing width and height:
-		*/
-		getViewSize?(): any;
-		/** [Method] Returns the offset width of the element
-		* @param contentWidth Boolean true to get the width minus borders and padding.
-		* @returns Number The element's width.
-		*/
-		getWidth?( contentWidth?:boolean ): number;
-		/** [Method] Gets the current X position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The X position of the element
-		*/
-		getX?( el?:any ): number;
-		/** [Method] Gets the current position of the element based on page coordinates
-		* @returns Array The XY position of the element
-		*/
-		getXY?(): any[];
-		/** [Method] Gets the current Y position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The Y position of the element
-		*/
-		getY?( el?:any ): number;
-		/** [Method] Checks if the specified CSS class exists on this element s DOM node
-		* @param name String The CSS class to check for.
-		* @returns Boolean true if the class exists, else false.
-		*/
-		hasCls?( name?:string ): boolean;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Hides this element  */
-		hide?(): void;
-		/** [Method] Inserts this element after the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element to insert after. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertAfter?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts this element before the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element before which this element will be inserted. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertBefore?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an element as the first child of this element
-		* @param element String/HTMLElement/Ext.dom.Element The id or element to insert.
-		* @returns Ext.dom.Element this
-		*/
-		insertFirst?( element?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an HTML fragment into this element
-		* @param where String Where to insert the HTML in relation to this element - 'beforeBegin', 'afterBegin', 'beforeEnd', 'afterEnd'. See Ext.DomHelper.insertHtml for details.
-		* @param html String The HTML fragment
-		* @param returnEl Boolean true to return an Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The inserted node (or nearest related if more than 1 inserted).
-		*/
-		insertHtml?( where?:string, html?:string, returnEl?:boolean ): any;
-		/** [Method] Inserts or creates the passed element or DomHelper config as a sibling of this element
-		* @param el String/HTMLElement/Ext.dom.Element/Object/Array The id, element to insert or a DomHelper config to create and insert or an array of any of those.
-		* @param where String 'before' or 'after'.
-		* @param returnDom Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns Ext.dom.Element The inserted Element. If an array is passed, the last inserted element is returned.
-		*/
-		insertSibling?( el?:any, where?:string, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Returns true if this element matches the passed simple selector e g
-		* @param selector String The simple selector to test.
-		* @returns Boolean true if this element matches the selector, else false.
-		*/
-		is?( selector?:string ): boolean;
-		/** [Method] Determines if this element is a descendant of the passed in Element  */
-		isDescendent?(): void;
-		/** [Method] Checks if the current value of a style is equal to a given value
-		* @param style String property whose value is returned.
-		* @param value String to check against.
-		* @returns Boolean true for when the current value equals the given value.
-		*/
-		isStyle?( style?:string, value?:string ): boolean;
-		/** [Method] Returns true if the value of the given property is visually transparent
-		* @param prop String The style property whose value is to be tested.
-		* @returns Boolean true if the style property is visually transparent.
-		*/
-		isTransparent?( prop?:string ): boolean;
-		/** [Method] Gets the last child skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The last child or null.
-		*/
-		last?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Puts a mask over this element to disable user interaction  */
-		mask?(): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Gets the next sibling skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw dom node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The next sibling or null.
-		*/
-		next?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Gets the parent node for this element optionally chaining up trying to match a selector
-		* @param selector String Find a parent node that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The parent node or null.
-		*/
-		parent?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the previous sibling skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element
-		* @returns Ext.dom.Element/HTMLElement/null The previous sibling or null.
-		*/
-		prev?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		purgeAllListeners?(): void;
-		/** [Method] Selects child nodes based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @returns HTMLElement[] An array of the matched nodes.
-		*/
-		query?( selector?:string ): HTMLElement[];
-		/** [Method] Adds one or more CSS classes to this element and removes the same class es from all siblings
-		* @param className String/String[] The CSS class to add, or an array of classes.
-		* @returns Ext.dom.Element this
-		*/
-		radioCls?( className?:any ): Ext.dom.IElement;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes this element s DOM reference  */
-		remove?(): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		removeAllListeners?(): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes the given CSS class es from this Element
-		* @param names String The CSS class(es) to remove from this element.
-		* @param prefix String Prefix to prepend to each class to be removed.
-		* @param suffix String Suffix to append to each class to be removed.
-		* @returns Ext.dom.Element this
-		*/
-		removeCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Forces the browser to repaint this element
-		* @returns Ext.dom.Element this
-		*/
-		repaint?(): Ext.dom.IElement;
-		/** [Method] Replaces the passed element with this element
-		* @param element String/HTMLElement/Ext.dom.Element The element to replace. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		replace?( element?:any ): Ext.dom.IElement;
-		/** [Method] Replaces a CSS class on the element with another
-		* @param oldName String The CSS class to replace.
-		* @param newName String The replacement CSS class.
-		* @param prefix String Prefix to prepend to each class to be replaced.
-		* @param suffix String Suffix to append to each class to be replaced.
-		* @returns Ext.dom.Element this
-		*/
-		replaceCls?( oldName?:string, newName?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Replaces this element with the passed element
-		* @param el String/HTMLElement/Ext.dom.Element/Object The new element (id of the node, a DOM Node or an existing Element) or a DomHelper config of an element to create.
-		* @returns Ext.dom.Element This element.
-		*/
-		replaceWith?( el?:any ): Ext.dom.IElement;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Serializes a DOM form into a url encoded string
-		* @param form Object The form
-		* @returns String The url encoded form
-		*/
-		serializeForm?( form?:any ): string;
-		/** [Method] Sets the passed attributes as attributes of this element a style attribute can be a string object or function
-		* @param attributes Object The object with the attributes.
-		* @param useSet Boolean false to override the default setAttribute to use expandos.
-		* @returns Ext.dom.Element this
-		*/
-		set?( attributes?:any, useSet?:boolean ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS bottom style
-		* @param bottom String The bottom CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setBottom?( bottom?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s box
-		* @param box Object The box to fill, for example: {  left: ...,  top: ...,  width: ...,  height: ... }
-		* @returns Ext.dom.Element this
-		*/
-		setBox?( box?:any ): Ext.dom.IElement;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the specified CSS class on this element s DOM node
-		* @param className String/Array The CSS class to set on this element.
-		*/
-		setCls?( className?:any ): void;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHTML?( html?:string ): void;
-		/** [Method] Set the height of this Element
-		* @param height Number/String The new height.
-		* @returns Ext.dom.Element this
-		*/
-		setHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHtml?( html?:string ): void;
-		/** [Method] Sets the element s left position directly using CSS style instead of setX
-		* @param left String The left CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setLeft?( left?:string ): Ext.dom.IElement;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Set the maximum height of this Element
-		* @param height Number/String The new maximum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the maximum width of this Element
-		* @param width Number/String The new maximum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum height of this Element
-		* @param height Number/String The new minimum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMinHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum width of this Element
-		* @param width Number/String The new minimum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMinWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS right style
-		* @param right String The right CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setRight?( right?:string ): Ext.dom.IElement;
-		/** [Method] Set the size of this Element
-		* @param width Number/String The new width. This may be one of:  A Number specifying the new width in this Element's defaultUnits (by default, pixels). A String used to set the CSS width style. Animation may not be used. A size object in the format {width: widthValue, height: heightValue}.
-		* @param height Number/String The new height. This may be one of:  A Number specifying the new height in this Element's defaultUnits (by default, pixels). A String used to set the CSS height style. Animation may not be used.
-		* @returns Ext.dom.Element this
-		*/
-		setSize?( width?:any, height?:any ): Ext.dom.IElement;
-		/** [Method] Wrapper for setting style properties also takes single object parameter of multiple styles
-		* @param property String/Object The style property to be set, or an object of multiple styles.
-		* @param value String The value to apply to the given property, or null if an object was passed.
-		* @returns Ext.dom.Element this
-		*/
-		setStyle?( property?:any, value?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top position directly using CSS style instead of setY
-		* @param top String The top CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setTop?( top?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top and left positions directly using CSS style  */
-		setTopLeft?(): void;
-		/** [Method] Use this to change the visibility mode between VISIBILITY DISPLAY or OFFSETS
-		* @param mode Object
-		* @returns Ext.dom.Element this
-		*/
-		setVisibilityMode?( mode?:any ): Ext.dom.IElement;
-		/** [Method] Sets the visibility of the element see details
-		* @param visible Boolean Whether the element is visible.
-		* @returns Ext.Element this
-		*/
-		setVisible?( visible?:boolean ): Ext.IElement;
-		/** [Method] Set the width of this Element
-		* @param width Number/String The new width.
-		* @returns Ext.dom.Element this
-		*/
-		setWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the X position of the element based on page coordinates
-		* @param x Number The X position of the element
-		* @returns Ext.dom.Element this
-		*/
-		setX?( x?:number ): Ext.dom.IElement;
-		/** [Method] Sets the position of the element in page coordinates regardless of how the element is positioned
-		* @param pos Number[] Contains X &amp; Y [x, y] values for new position (coordinates are page-based).
-		* @returns Ext.dom.Element this
-		*/
-		setXY?( pos?:number[] ): Ext.dom.IElement;
-		/** [Method] Sets the Y position of the element based on page coordinates
-		* @param y Number The Y position of the element.
-		* @returns Ext.dom.Element this
-		*/
-		setY?( y?:number ): Ext.dom.IElement;
-		/** [Method] Shows this element  */
-		show?(): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Toggles the specified CSS class on this element removes it if it already exists otherwise adds it
-		* @param className String The CSS class to toggle.
-		* @returns Ext.dom.Element this
-		*/
-		toggleCls?( className?:string ): Ext.dom.IElement;
-		/** [Method] Translates the passed page coordinates into left top CSS values for this element
-		* @param x Number/Array The page x or an array containing [x, y].
-		* @param y Number The page y, required if x is not an array.
-		* @returns Object An object with left and top properties. e.g. {left: (value), top: (value)}.
-		*/
-		translatePoints?( x?:any, y?:number ): any;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a previously applied mask  */
-		unmask?(): void;
-		/** [Method] Walks up the dom looking for a parent node that matches the passed simple selector e g
-		* @param simpleSelector String The simple selector to test
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @returns Ext.dom.Element/null The matching DOM node (or null if no match was found).
-		*/
-		up?( simpleSelector?:string, maxDepth?:any ): any;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		update?( html?:string ): void;
-		/** [Method] Creates and wraps this element with another element
-		* @param config Object DomHelper element config object for the wrapper element or null for an empty div
-		* @param domNode Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The newly created wrapper element.
-		*/
-		wrap?( config?:any, domNode?:boolean ): any;
-	}
-	export class Element {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Gets the globally shared flyweight Element with the passed node as the active element
-		* @param element String/HTMLElement The DOM node or id.
-		* @param named String Allows for creation of named reusable flyweights to prevent conflicts (e.g. internally Ext uses "_global").
-		* @returns Ext.dom.Element The shared Element object (or null if no matching element was found).
-		*/
-		static fly( element?:any, named?:string ): Ext.dom.IElement;
-		/** [Method] Returns the top Element that is located at the passed coordinates
-		* @param x Number The x coordinate
-		* @param y Number The y coordinate
-		* @returns String The found Element
-		*/
-		static fromPoint( x?:number, y?:number ): string;
-		/** [Method] Retrieves Ext dom Element objects
-		* @param element String/HTMLElement/Ext.Element The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element The Element object (or null if no matching element was found).
-		*/
-		static get( element?:any ): Ext.dom.IElement;
-		/** [Method] Retrieves the document height
-		* @returns Number documentHeight
-		*/
-		static getDocumentHeight(): number;
-		/** [Method] Retrieves the document width
-		* @returns Number documentWidth
-		*/
-		static getDocumentWidth(): number;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Retrieves the current orientation of the window
-		* @returns String Orientation of window: 'portrait' or 'landscape'
-		*/
-		static getOrientation(): string;
-		/** [Method] Retrieves the viewport size of the window
-		* @returns Object object containing width and height properties
-		*/
-		static getViewSize(): any;
-		/** [Method] Retrieves the viewport height of the window
-		* @returns Number viewportHeight
-		*/
-		static getViewportHeight(): number;
-		/** [Method] Retrieves the viewport width of the window
-		* @returns Number viewportWidth
-		*/
-		static getViewportWidth(): number;
-		/** [Method] Normalizes CSS property keys from dash delimited to camel case JavaScript Syntax
-		* @param prop String The property to normalize
-		* @returns String The normalized string
-		*/
-		static normalize( prop?:string ): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-		/** [Method] Parses a number or string representing margin sizes into an object
-		* @param box Number/String The encoded margins
-		* @returns Object An object with margin sizes for top, right, bottom and left containing the unit
-		*/
-		static parseBox( box?:any ): any;
-		/** [Method] Converts a CSS string into an object with a property for each style
-		* @param styles String A CSS string
-		* @returns Object styles
-		*/
-		static parseStyles( styles?:string ): any;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @param root HTMLElement/String The root element of the query or id of the root
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		static select( selector?:any, composite?:boolean, root?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Parses a number or string representing margin sizes into an object
-		* @param box Number/String The encoded margins
-		* @param units String The type of units to add
-		* @returns String An string with unitized (px if units is not specified) metrics for top, right, bottom and left
-		*/
-		static unitizeBox( box?:any, units?:string ): string;
-	}
-}
-declare namespace Ext {
-	export interface IElement extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Property] (Number) */
-		DISPLAY?: number;
-		/** [Property] (Number) */
-		OFFSETS?: number;
-		/** [Property] (Number) */
-		VISIBILITY?: number;
-		/** [Property] (String) */
-		defaultUnit?: string;
-		/** [Property] (HTMLElement) */
-		dom?: HTMLElement;
-		/** [Property] (String) */
-		id?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the given CSS class es to this Element
-		* @param names String The CSS class(es) to add to this element.
-		* @param prefix String Prefix to prepend to each class.
-		* @param suffix String Suffix to append to each class.
-		* @returns Ext.dom.Element this
-		*/
-		addCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends the passed element s to this element
-		* @param element HTMLElement/Ext.dom.Element a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendChild?( element?:any ): Ext.dom.IElement;
-		/** [Method] Appends this element to the passed element
-		* @param el String/HTMLElement/Ext.dom.Element The new parent element. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		appendTo?( el?:any ): Ext.dom.IElement;
-		/** [Method] More flexible version of setStyle for setting style properties
-		* @param styles String/Object/Function A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or a function which returns such a specification.
-		* @returns Ext.dom.Element this
-		*/
-		applyStyles?( styles?:any ): Ext.dom.IElement;
-		/** [Method] Selects a single direct child based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true)
-		*/
-		child?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Returns true if this element is an ancestor of the passed element
-		* @param element HTMLElement/String The element to check.
-		* @returns Boolean true if this element is an ancestor of el, else false.
-		*/
-		contains?( element?:any ): boolean;
-		/** [Method] Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e
-		* @param config Object DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be automatically generated with the specified attributes.
-		* @param insertBefore HTMLElement a child element of this element.
-		* @param returnDom Boolean true to return the dom node instead of creating an Element.
-		* @returns Ext.dom.Element The new child element.
-		*/
-		createChild?( config?:any, insertBefore?:HTMLElement, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Translates an element using CSS 3 in 2D  */
-		cssTranslate?(): void;
-		/** [Method] Removes this element s DOM reference  */
-		destroy?(): void;
-		/** [Method] Selects a single child at any depth below this element based on the passed CSS selector the selector should not cont
-		* @param selector String The CSS selector.
-		* @param returnDom Boolean true to return the DOM node instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The child Ext.dom.Element (or DOM node if returnDom is true).
-		*/
-		down?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Looks at this node and then at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 50 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParent?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Looks at parent nodes for a match of the passed simple selector e g
-		* @param simpleSelector String The simple selector to test.
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement/null The matching DOM node (or null if no match was found).
-		*/
-		findParentNode?( simpleSelector?:string, maxDepth?:any, returnEl?:boolean ): any;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Gets the first child skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The first child or null.
-		*/
-		first?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the x y coordinates to align this element with another element
-		* @param element Mixed The element to align to.
-		* @param position String The position to align to.
-		* @param offsets Array Offset the positioning by [x, y].
-		* @returns Array [x, y]
-		*/
-		getAlignToXY?( element?:any, position?:string, offsets?:any[] ): any[];
-		/** [Method] Gets the x y coordinates specified by the anchor position on the element
-		* @param anchor String The specified anchor position.
-		* @param local Boolean true to get the local (element top/left-relative) anchor position instead of page coordinates.
-		* @param size Object An object containing the size to use for calculating anchor position. {width: (target width), height: (target height)} (defaults to the element's current size)
-		* @returns Array [x, y] An array containing the element's x and y coordinates.
-		*/
-		getAnchorXY?( anchor?:string, local?:boolean, size?:any ): any[];
-		/** [Method] Returns the value of an attribute from the element s underlying DOM node
-		* @param name String The attribute name.
-		* @param namespace String The namespace in which to look for the attribute.
-		* @returns String The attribute value.
-		*/
-		getAttribute?( name?:string, namespace?:string ): string;
-		/** [Method] Gets the width of the border s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the border left width + the border right width.
-		* @returns Number The width of the sides passed added together
-		*/
-		getBorderWidth?( side?:string ): number;
-		/** [Method] Gets the bottom Y coordinate of the element element Y position  element height
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param contentBox Boolean If true a box for the content of the element is returned.
-		* @param local Boolean If true the element's left and top are returned instead of page x/y.
-		* @returns Object An object in the format
-		*/
-		getBox?( contentBox?:boolean, local?:boolean ): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHTML?(): string;
-		/** [Method] Returns the offset height of the element
-		* @param contentHeight Boolean true to get the height minus borders and padding.
-		* @returns Number The element's height.
-		*/
-		getHeight?( contentHeight?:boolean ): number;
-		/** [Method] Returns the innerHTML of an element
-		* @returns String
-		*/
-		getHtml?(): string;
-		/** [Method] Gets the left X coordinate
-		* @returns Number
-		*/
-		getLeft?(): number;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns an object with properties top left right and bottom representing the margins of this element unless sides i
-		* @param sides String Any combination of 'l', 'r', 't', 'b' to get the sum of those sides.
-		* @returns Object/Number
-		*/
-		getMargin?( sides?:string ): any;
-		/** [Method] Returns the offsets of this element from the passed element
-		* @param element Mixed The element to get the offsets from.
-		* @returns Array The XY page offsets (e.g. [100, -200])
-		*/
-		getOffsetsTo?( element?:any ): any[];
-		/** [Method] Retrieves the height of the element account for the top and bottom margins  */
-		getOuterHeight?(): void;
-		/** [Method] Retrieves the width of the element accounting for the left and right margins  */
-		getOuterWidth?(): void;
-		/** [Method] Gets the width of the padding s for the specified side s
-		* @param side String Can be t, l, r, b or any combination of those to add multiple values. For example, passing 'lr' would get the padding left + the padding right.
-		* @returns Number The padding of the sides passed added together.
-		*/
-		getPadding?( side?:string ): number;
-		/** [Method] Return an object defining the area of this Element which can be passed to setBox to set another Element s size locati
-		* @param asRegion Boolean If true an Ext.util.Region will be returned.
-		* @returns Object box An object in the format: {  x: &lt;Element's X position&gt;,  y: &lt;Element's Y position&gt;,  width: &lt;Element's width&gt;,  height: &lt;Element's height&gt;,  bottom: &lt;Element's lower bound&gt;,  right: &lt;Element's rightmost bound&gt; }  The returned object may also be addressed as an Array where index 0 contains the X position and index 1 contains the Y position. So the result may also be used for setXY.
-		*/
-		getPageBox?( asRegion?:boolean ): any;
-		/** [Method] Gets the right X coordinate of the element element X position  element width
-		* @returns Number
-		*/
-		getRight?(): number;
-		/** [Method] Gets the Scroller instance of the first parent that has one  */
-		getScrollParent?(): void;
-		/** [Method] Returns the size of the element
-		* @param contentSize Boolean true to get the width/size minus borders and padding.
-		* @returns Object An object containing the element's size:
-		*/
-		getSize?( contentSize?:boolean ): any;
-		/** [Method] Normalizes currentStyle and computedStyle
-		* @param prop String The style property whose value is returned.
-		* @returns String The current value of the style property for this element.
-		*/
-		getStyle?( prop?:string ): string;
-		/** [Method] Gets the top Y coordinate
-		* @returns Number
-		*/
-		getTop?(): number;
-		/** [Method] Returns the value of the value attribute
-		* @param asNumber Boolean true to parse the value as a number.
-		* @returns String/Number
-		*/
-		getValue?( asNumber?:boolean ): any;
-		/** [Method] Returns the dimensions of the element available to lay content out in
-		* @returns Object Object describing width and height:
-		*/
-		getViewSize?(): any;
-		/** [Method] Returns the offset width of the element
-		* @param contentWidth Boolean true to get the width minus borders and padding.
-		* @returns Number The element's width.
-		*/
-		getWidth?( contentWidth?:boolean ): number;
-		/** [Method] Gets the current X position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The X position of the element
-		*/
-		getX?( el?:any ): number;
-		/** [Method] Gets the current position of the element based on page coordinates
-		* @returns Array The XY position of the element
-		*/
-		getXY?(): any[];
-		/** [Method] Gets the current Y position of the element based on page coordinates
-		* @param el Object
-		* @returns Number The Y position of the element
-		*/
-		getY?( el?:any ): number;
-		/** [Method] Checks if the specified CSS class exists on this element s DOM node
-		* @param name String The CSS class to check for.
-		* @returns Boolean true if the class exists, else false.
-		*/
-		hasCls?( name?:string ): boolean;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Hides this element  */
-		hide?(): void;
-		/** [Method] Inserts this element after the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element to insert after. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertAfter?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts this element before the passed element in the DOM
-		* @param el String/HTMLElement/Ext.dom.Element The element before which this element will be inserted. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		insertBefore?( el?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an element as the first child of this element
-		* @param element String/HTMLElement/Ext.dom.Element The id or element to insert.
-		* @returns Ext.dom.Element this
-		*/
-		insertFirst?( element?:any ): Ext.dom.IElement;
-		/** [Method] Inserts an HTML fragment into this element
-		* @param where String Where to insert the HTML in relation to this element - 'beforeBegin', 'afterBegin', 'beforeEnd', 'afterEnd'. See Ext.DomHelper.insertHtml for details.
-		* @param html String The HTML fragment
-		* @param returnEl Boolean true to return an Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The inserted node (or nearest related if more than 1 inserted).
-		*/
-		insertHtml?( where?:string, html?:string, returnEl?:boolean ): any;
-		/** [Method] Inserts or creates the passed element or DomHelper config as a sibling of this element
-		* @param el String/HTMLElement/Ext.dom.Element/Object/Array The id, element to insert or a DomHelper config to create and insert or an array of any of those.
-		* @param where String 'before' or 'after'.
-		* @param returnDom Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns Ext.dom.Element The inserted Element. If an array is passed, the last inserted element is returned.
-		*/
-		insertSibling?( el?:any, where?:string, returnDom?:boolean ): Ext.dom.IElement;
-		/** [Method] Returns true if this element matches the passed simple selector e g
-		* @param selector String The simple selector to test.
-		* @returns Boolean true if this element matches the selector, else false.
-		*/
-		is?( selector?:string ): boolean;
-		/** [Method] Determines if this element is a descendant of the passed in Element  */
-		isDescendent?(): void;
-		/** [Method] Checks if the current value of a style is equal to a given value
-		* @param style String property whose value is returned.
-		* @param value String to check against.
-		* @returns Boolean true for when the current value equals the given value.
-		*/
-		isStyle?( style?:string, value?:string ): boolean;
-		/** [Method] Returns true if the value of the given property is visually transparent
-		* @param prop String The style property whose value is to be tested.
-		* @returns Boolean true if the style property is visually transparent.
-		*/
-		isTransparent?( prop?:string ): boolean;
-		/** [Method] Gets the last child skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The last child or null.
-		*/
-		last?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Puts a mask over this element to disable user interaction  */
-		mask?(): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Gets the next sibling skipping text nodes
-		* @param selector String Find the next sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw dom node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The next sibling or null.
-		*/
-		next?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Gets the parent node for this element optionally chaining up trying to match a selector
-		* @param selector String Find a parent node that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element.
-		* @returns Ext.dom.Element/HTMLElement/null The parent node or null.
-		*/
-		parent?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Gets the previous sibling skipping text nodes
-		* @param selector String Find the previous sibling that matches the passed simple selector.
-		* @param returnDom Boolean true to return a raw DOM node instead of an Ext.dom.Element
-		* @returns Ext.dom.Element/HTMLElement/null The previous sibling or null.
-		*/
-		prev?( selector?:string, returnDom?:boolean ): any;
-		/** [Method] Removes all listeners for this object  */
-		purgeAllListeners?(): void;
-		/** [Method] Selects child nodes based on the passed CSS selector the selector should not contain an id
-		* @param selector String The CSS selector.
-		* @returns HTMLElement[] An array of the matched nodes.
-		*/
-		query?( selector?:string ): HTMLElement[];
-		/** [Method] Adds one or more CSS classes to this element and removes the same class es from all siblings
-		* @param className String/String[] The CSS class to add, or an array of classes.
-		* @returns Ext.dom.Element this
-		*/
-		radioCls?( className?:any ): Ext.dom.IElement;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes this element s DOM reference  */
-		remove?(): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		removeAllListeners?(): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes the given CSS class es from this Element
-		* @param names String The CSS class(es) to remove from this element.
-		* @param prefix String Prefix to prepend to each class to be removed.
-		* @param suffix String Suffix to append to each class to be removed.
-		* @returns Ext.dom.Element this
-		*/
-		removeCls?( names?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Forces the browser to repaint this element
-		* @returns Ext.dom.Element this
-		*/
-		repaint?(): Ext.dom.IElement;
-		/** [Method] Replaces the passed element with this element
-		* @param element String/HTMLElement/Ext.dom.Element The element to replace. The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element This element.
-		*/
-		replace?( element?:any ): Ext.dom.IElement;
-		/** [Method] Replaces a CSS class on the element with another
-		* @param oldName String The CSS class to replace.
-		* @param newName String The replacement CSS class.
-		* @param prefix String Prefix to prepend to each class to be replaced.
-		* @param suffix String Suffix to append to each class to be replaced.
-		* @returns Ext.dom.Element this
-		*/
-		replaceCls?( oldName?:string, newName?:string, prefix?:string, suffix?:string ): Ext.dom.IElement;
-		/** [Method] Replaces this element with the passed element
-		* @param el String/HTMLElement/Ext.dom.Element/Object The new element (id of the node, a DOM Node or an existing Element) or a DomHelper config of an element to create.
-		* @returns Ext.dom.Element This element.
-		*/
-		replaceWith?( el?:any ): Ext.dom.IElement;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Serializes a DOM form into a url encoded string
-		* @param form Object The form
-		* @returns String The url encoded form
-		*/
-		serializeForm?( form?:any ): string;
-		/** [Method] Sets the passed attributes as attributes of this element a style attribute can be a string object or function
-		* @param attributes Object The object with the attributes.
-		* @param useSet Boolean false to override the default setAttribute to use expandos.
-		* @returns Ext.dom.Element this
-		*/
-		set?( attributes?:any, useSet?:boolean ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS bottom style
-		* @param bottom String The bottom CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setBottom?( bottom?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s box
-		* @param box Object The box to fill, for example: {  left: ...,  top: ...,  width: ...,  height: ... }
-		* @returns Ext.dom.Element this
-		*/
-		setBox?( box?:any ): Ext.dom.IElement;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the specified CSS class on this element s DOM node
-		* @param className String/Array The CSS class to set on this element.
-		*/
-		setCls?( className?:any ): void;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHTML?( html?:string ): void;
-		/** [Method] Set the height of this Element
-		* @param height Number/String The new height.
-		* @returns Ext.dom.Element this
-		*/
-		setHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		setHtml?( html?:string ): void;
-		/** [Method] Sets the element s left position directly using CSS style instead of setX
-		* @param left String The left CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setLeft?( left?:string ): Ext.dom.IElement;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Set the maximum height of this Element
-		* @param height Number/String The new maximum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the maximum width of this Element
-		* @param width Number/String The new maximum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMaxWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum height of this Element
-		* @param height Number/String The new minimum height.
-		* @returns Ext.dom.Element this
-		*/
-		setMinHeight?( height?:any ): Ext.dom.IElement;
-		/** [Method] Set the minimum width of this Element
-		* @param width Number/String The new minimum width.
-		* @returns Ext.dom.Element this
-		*/
-		setMinWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the element s CSS right style
-		* @param right String The right CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setRight?( right?:string ): Ext.dom.IElement;
-		/** [Method] Set the size of this Element
-		* @param width Number/String The new width. This may be one of:  A Number specifying the new width in this Element's defaultUnits (by default, pixels). A String used to set the CSS width style. Animation may not be used. A size object in the format {width: widthValue, height: heightValue}.
-		* @param height Number/String The new height. This may be one of:  A Number specifying the new height in this Element's defaultUnits (by default, pixels). A String used to set the CSS height style. Animation may not be used.
-		* @returns Ext.dom.Element this
-		*/
-		setSize?( width?:any, height?:any ): Ext.dom.IElement;
-		/** [Method] Wrapper for setting style properties also takes single object parameter of multiple styles
-		* @param property String/Object The style property to be set, or an object of multiple styles.
-		* @param value String The value to apply to the given property, or null if an object was passed.
-		* @returns Ext.dom.Element this
-		*/
-		setStyle?( property?:any, value?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top position directly using CSS style instead of setY
-		* @param top String The top CSS property value.
-		* @returns Ext.dom.Element this
-		*/
-		setTop?( top?:string ): Ext.dom.IElement;
-		/** [Method] Sets the element s top and left positions directly using CSS style  */
-		setTopLeft?(): void;
-		/** [Method] Use this to change the visibility mode between VISIBILITY DISPLAY or OFFSETS
-		* @param mode Object
-		* @returns Ext.dom.Element this
-		*/
-		setVisibilityMode?( mode?:any ): Ext.dom.IElement;
-		/** [Method] Sets the visibility of the element see details
-		* @param visible Boolean Whether the element is visible.
-		* @returns Ext.Element this
-		*/
-		setVisible?( visible?:boolean ): Ext.IElement;
-		/** [Method] Set the width of this Element
-		* @param width Number/String The new width.
-		* @returns Ext.dom.Element this
-		*/
-		setWidth?( width?:any ): Ext.dom.IElement;
-		/** [Method] Sets the X position of the element based on page coordinates
-		* @param x Number The X position of the element
-		* @returns Ext.dom.Element this
-		*/
-		setX?( x?:number ): Ext.dom.IElement;
-		/** [Method] Sets the position of the element in page coordinates regardless of how the element is positioned
-		* @param pos Number[] Contains X &amp; Y [x, y] values for new position (coordinates are page-based).
-		* @returns Ext.dom.Element this
-		*/
-		setXY?( pos?:number[] ): Ext.dom.IElement;
-		/** [Method] Sets the Y position of the element based on page coordinates
-		* @param y Number The Y position of the element.
-		* @returns Ext.dom.Element this
-		*/
-		setY?( y?:number ): Ext.dom.IElement;
-		/** [Method] Shows this element  */
-		show?(): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Toggles the specified CSS class on this element removes it if it already exists otherwise adds it
-		* @param className String The CSS class to toggle.
-		* @returns Ext.dom.Element this
-		*/
-		toggleCls?( className?:string ): Ext.dom.IElement;
-		/** [Method] Translates the passed page coordinates into left top CSS values for this element
-		* @param x Number/Array The page x or an array containing [x, y].
-		* @param y Number The page y, required if x is not an array.
-		* @returns Object An object with left and top properties. e.g. {left: (value), top: (value)}.
-		*/
-		translatePoints?( x?:any, y?:number ): any;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a previously applied mask  */
-		unmask?(): void;
-		/** [Method] Walks up the dom looking for a parent node that matches the passed simple selector e g
-		* @param simpleSelector String The simple selector to test
-		* @param maxDepth Number/String/HTMLElement/Ext.Element The max depth to search as a number or element (defaults to 10 || document.body).
-		* @returns Ext.dom.Element/null The matching DOM node (or null if no match was found).
-		*/
-		up?( simpleSelector?:string, maxDepth?:any ): any;
-		/** [Method] Sets the innerHTML of this element
-		* @param html String The new HTML.
-		*/
-		update?( html?:string ): void;
-		/** [Method] Creates and wraps this element with another element
-		* @param config Object DomHelper element config object for the wrapper element or null for an empty div
-		* @param domNode Boolean true to return the raw DOM element instead of Ext.dom.Element.
-		* @returns HTMLElement/Ext.dom.Element The newly created wrapper element.
-		*/
-		wrap?( config?:any, domNode?:boolean ): any;
-	}
-	export class Element {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Gets the globally shared flyweight Element with the passed node as the active element
-		* @param element String/HTMLElement The DOM node or id.
-		* @param named String Allows for creation of named reusable flyweights to prevent conflicts (e.g. internally Ext uses "_global").
-		* @returns Ext.dom.Element The shared Element object (or null if no matching element was found).
-		*/
-		static fly( element?:any, named?:string ): Ext.dom.IElement;
-		/** [Method] Returns the top Element that is located at the passed coordinates
-		* @param x Number The x coordinate
-		* @param y Number The y coordinate
-		* @returns String The found Element
-		*/
-		static fromPoint( x?:number, y?:number ): string;
-		/** [Method] Retrieves Ext dom Element objects
-		* @param element String/HTMLElement/Ext.Element The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element The Element object (or null if no matching element was found).
-		*/
-		static get( element?:any ): Ext.dom.IElement;
-		/** [Method] Retrieves the document height
-		* @returns Number documentHeight
-		*/
-		static getDocumentHeight(): number;
-		/** [Method] Retrieves the document width
-		* @returns Number documentWidth
-		*/
-		static getDocumentWidth(): number;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Retrieves the current orientation of the window
-		* @returns String Orientation of window: 'portrait' or 'landscape'
-		*/
-		static getOrientation(): string;
-		/** [Method] Retrieves the viewport size of the window
-		* @returns Object object containing width and height properties
-		*/
-		static getViewSize(): any;
-		/** [Method] Retrieves the viewport height of the window
-		* @returns Number viewportHeight
-		*/
-		static getViewportHeight(): number;
-		/** [Method] Retrieves the viewport width of the window
-		* @returns Number viewportWidth
-		*/
-		static getViewportWidth(): number;
-		/** [Method] Normalizes CSS property keys from dash delimited to camel case JavaScript Syntax
-		* @param prop String The property to normalize
-		* @returns String The normalized string
-		*/
-		static normalize( prop?:string ): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-		/** [Method] Parses a number or string representing margin sizes into an object
-		* @param box Number/String The encoded margins
-		* @returns Object An object with margin sizes for top, right, bottom and left containing the unit
-		*/
-		static parseBox( box?:any ): any;
-		/** [Method] Converts a CSS string into an object with a property for each style
-		* @param styles String A CSS string
-		* @returns Object styles
-		*/
-		static parseStyles( styles?:string ): any;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @param root HTMLElement/String The root element of the query or id of the root
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		static select( selector?:any, composite?:boolean, root?:any ): Ext.dom.ICompositeElementLite;
-		/** [Method] Parses a number or string representing margin sizes into an object
-		* @param box Number/String The encoded margins
-		* @param units String The type of units to add
-		* @returns String An string with unitized (px if units is not specified) metrics for top, right, bottom and left
-		*/
-		static unitizeBox( box?:any, units?:string ): string;
-	}
-}
-declare namespace Ext.dom {
-	export interface IQuery extends Ext.IBase {
-		/** [Method] Returns true if the passed element s match the passed simple selector e g
-		* @param el String/HTMLElement/Array An element id, element or array of elements
-		* @param selector String The simple selector to test
-		* @returns Boolean
-		*/
-		is?( el?:any, selector?:string ): boolean;
-		/** [Method] Selects a group of elements
-		* @param selector String The selector/xpath query (can be a comma separated list of selectors)
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement[] An Array of DOM elements which match the selector. If there are no matches, and empty Array is returned.
-		*/
-		select?( selector?:string, root?:any ): HTMLElement[];
-		/** [Method] Selects a single element
-		* @param selector String The selector/xpath query
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement The DOM element which matched the selector.
-		*/
-		selectNode?( selector?:string, root?:any ): HTMLElement;
-	}
-}
-declare namespace Ext {
-	export interface IDomHelper {
-		/** [Method] Creates new DOM element s and appends them to el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		append?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Applies a style specification to an element
-		* @param el String/HTMLElement The element to apply styles to
-		* @param styles String/Object/Function A style specification string e.g. 'width:100px', or object in the form {width:'100px'}, or a function which returns such a specification.
-		*/
-		applyStyles?( el?:any, styles?:any ): void;
-		/** [Method] Creates a new Ext Template from the DOM object spec
-		* @param o Object The DOM object spec (and children)
-		* @returns Ext.Template The new template
-		*/
-		createTemplate?( o?:any ): Ext.ITemplate;
-		/** [Method] Converts the styles from the given object to text
-		* @param styles Object The object describing the styles.
-		* @param buffer String[] The output buffer.
-		* @returns String/String[] If buffer is passed, it is returned. Otherwise the style string is returned.
-		*/
-		generateStyles?( styles?:any, buffer?:string[] ): any;
-		/** [Method] Creates new DOM element s and inserts them after el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object The DOM object spec (and children)
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertAfter?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Creates new DOM element s and inserts them before el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertBefore?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Creates new DOM element s and inserts them as the first child of el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertFirst?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Inserts an HTML fragment into the DOM
-		* @param where String Where to insert the html in relation to el - beforeBegin, afterBegin, beforeEnd, afterEnd. For example take the following HTML: &lt;div&gt;Contents&lt;/div&gt; Using different where values inserts element to the following places:  beforeBegin: &lt;HERE&gt;&lt;div&gt;Contents&lt;/div&gt; afterBegin: &lt;div&gt;&lt;HERE&gt;Contents&lt;/div&gt; beforeEnd: &lt;div&gt;Contents&lt;HERE&gt;&lt;/div&gt; afterEnd: &lt;div&gt;Contents&lt;/div&gt;&lt;HERE&gt;
-		* @param el HTMLElement/TextNode The context element
-		* @param html String The HTML fragment
-		* @returns HTMLElement The new node
-		*/
-		insertHtml?( where?:string, el?:any, html?:string ): HTMLElement;
-		/** [Method] Returns the markup for the passed Element s config
-		* @param spec Object The DOM object spec (and children).
-		* @returns String
-		*/
-		markup?( spec?:any ): string;
-		/** [Method] Creates new DOM element s and overwrites the contents of el with them
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		overwrite?( el?:any, o?:any, returnElement?:boolean ): any;
-	}
-}
-declare namespace Ext.dom {
-	export interface IHelper {
-		/** [Method] Creates new DOM element s and appends them to el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		append?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Applies a style specification to an element
-		* @param el String/HTMLElement The element to apply styles to
-		* @param styles String/Object/Function A style specification string e.g. 'width:100px', or object in the form {width:'100px'}, or a function which returns such a specification.
-		*/
-		applyStyles?( el?:any, styles?:any ): void;
-		/** [Method] Creates a new Ext Template from the DOM object spec
-		* @param o Object The DOM object spec (and children)
-		* @returns Ext.Template The new template
-		*/
-		createTemplate?( o?:any ): Ext.ITemplate;
-		/** [Method] Converts the styles from the given object to text
-		* @param styles Object The object describing the styles.
-		* @param buffer String[] The output buffer.
-		* @returns String/String[] If buffer is passed, it is returned. Otherwise the style string is returned.
-		*/
-		generateStyles?( styles?:any, buffer?:string[] ): any;
-		/** [Method] Creates new DOM element s and inserts them after el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object The DOM object spec (and children)
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertAfter?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Creates new DOM element s and inserts them before el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertBefore?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Creates new DOM element s and inserts them as the first child of el
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		insertFirst?( el?:any, o?:any, returnElement?:boolean ): any;
-		/** [Method] Inserts an HTML fragment into the DOM
-		* @param where String Where to insert the html in relation to el - beforeBegin, afterBegin, beforeEnd, afterEnd. For example take the following HTML: &lt;div&gt;Contents&lt;/div&gt; Using different where values inserts element to the following places:  beforeBegin: &lt;HERE&gt;&lt;div&gt;Contents&lt;/div&gt; afterBegin: &lt;div&gt;&lt;HERE&gt;Contents&lt;/div&gt; beforeEnd: &lt;div&gt;Contents&lt;HERE&gt;&lt;/div&gt; afterEnd: &lt;div&gt;Contents&lt;/div&gt;&lt;HERE&gt;
-		* @param el HTMLElement/TextNode The context element
-		* @param html String The HTML fragment
-		* @returns HTMLElement The new node
-		*/
-		insertHtml?( where?:string, el?:any, html?:string ): HTMLElement;
-		/** [Method] Returns the markup for the passed Element s config
-		* @param spec Object The DOM object spec (and children).
-		* @returns String
-		*/
-		markup?( spec?:any ): string;
-		/** [Method] Creates new DOM element s and overwrites the contents of el with them
-		* @param el String/HTMLElement/Ext.Element The context element
-		* @param o Object/String The DOM object spec (and children) or raw HTML blob
-		* @param returnElement Boolean true to return a Ext.Element
-		* @returns HTMLElement/Ext.Element The new node
-		*/
-		overwrite?( el?:any, o?:any, returnElement?:boolean ): any;
-	}
-}
-declare namespace Ext {
-	export interface IDomQuery extends Ext.dom.IQuery {
-	}
-	export class DomQuery {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns true if the passed element s match the passed simple selector e g
-		* @param el String/HTMLElement/Array An element id, element or array of elements
-		* @param selector String The simple selector to test
-		* @returns Boolean
-		*/
-		static is( el?:any, selector?:string ): boolean;
-		/** [Method] Selects a group of elements
-		* @param selector String The selector/xpath query (can be a comma separated list of selectors)
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement[] An Array of DOM elements which match the selector. If there are no matches, and empty Array is returned.
-		*/
-		static select( selector?:string, root?:any ): HTMLElement[];
-		/** [Method] Selects a single element
-		* @param selector String The selector/xpath query
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement The DOM element which matched the selector.
-		*/
-		static selectNode( selector?:string, root?:any ): HTMLElement;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.core {
-	export interface IDomQuery extends Ext.dom.IQuery {
-	}
-	export class DomQuery {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns true if the passed element s match the passed simple selector e g
-		* @param el String/HTMLElement/Array An element id, element or array of elements
-		* @param selector String The simple selector to test
-		* @returns Boolean
-		*/
-		static is( el?:any, selector?:string ): boolean;
-		/** [Method] Selects a group of elements
-		* @param selector String The selector/xpath query (can be a comma separated list of selectors)
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement[] An Array of DOM elements which match the selector. If there are no matches, and empty Array is returned.
-		*/
-		static select( selector?:string, root?:any ): HTMLElement[];
-		/** [Method] Selects a single element
-		* @param selector String The selector/xpath query
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement The DOM element which matched the selector.
-		*/
-		static selectNode( selector?:string, root?:any ): HTMLElement;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw {
-	export interface IAnimator extends Ext.IBase {
-	}
-	export class Animator {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Adds an animated object to the animation pool
-		* @param animation Object The animation descriptor to add to the pool.
-		*/
-		static add( animation?:any ): void;
-		/** [Method] Register a recursive callback that will be called at every frame
-		* @param callback Object
-		* @param scope Object
-		* @returns String
-		*/
-		static addFrameCallback( callback?:any, scope?:any ): string;
-		/** [Method] Cross platform animationTime implementation
-		* @returns Number
-		*/
-		static animationTime(): number;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Cancel a registered one time callback
-		* @param id Object
-		*/
-		static cancel( id?:any ): void;
-		/** [Method] Returns true or false whether it contains the given animation or not
-		* @param animation Object The animation to check for.
-		* @returns Boolean
-		*/
-		static contains( animation?:any ): boolean;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns true or false whether the pool is empty or not
-		* @returns Boolean
-		*/
-		static empty(): boolean;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Removes an animation from the pool
-		* @param animation Object The animation to remove from the pool.
-		*/
-		static remove( animation?:any ): void;
-		/** [Method] Unregister a recursive callback
-		* @param id Object
-		*/
-		static removeFrameCallback( id?:any ): void;
-		/** [Method] Register an one time callback that will be called at the next frame
-		* @param callback Object
-		* @param scope Object
-		* @returns String
-		*/
-		static schedule( callback?:any, scope?:any ): string;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Given a frame time it will filter out finished animations from the pool
-		* @param frameTime Number The frame's start time, in milliseconds.
-		*/
-		static step( frameTime?:number ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface IColor extends Ext.IBase {
-		/** [Config Option] (Number) */
-		lightnessFactor?: number;
-		/** [Method] Return a new color that is darker than this color
-		* @param factor Number Darker factor (0..1).
-		* @returns Ext.draw.Color
-		*/
-		createDarker?( factor?:number ): Ext.draw.IColor;
-		/** [Method] Return a new color that is lighter than this color
-		* @param factor Number Lighter factor (0..1).
-		* @returns Ext.draw.Color
-		*/
-		createLighter?( factor?:number ): Ext.draw.IColor;
-		/** [Method] Returns the gray value 0 to 255 of the color
-		* @returns Number
-		*/
-		getGrayscale?(): number;
-		/** [Method] Get the equivalent HSL components of the color
-		* @param target Array Optional array to receive the values.
-		* @returns Array
-		*/
-		getHSL?( target?:any[] ): any[];
-		/** [Method] Parse the string and set current color
-		* @param str String Color in string.
-		* @returns Object this
-		*/
-		setFromString?( str?:string ): any;
-		/** [Method] Set current color based on the specified HSL values
-		* @param h Number Hue component (0..359)
-		* @param s Number Saturation component (0..1)
-		* @param l Number Lightness component (0..1)
-		* @returns Object this
-		*/
-		setHSL?( h?:number, s?:number, l?:number ): any;
-		/** [Method] Convert a color to hexadecimal format
-		* @param color String/Array The color value (i.e 'rgb(255, 255, 255)', 'color: #ffffff'). Can also be an Array, in this case the function handles the first member.
-		* @returns String The color in hexadecimal format.
-		*/
-		toHex?( color?:any ): string;
-		/** [Method] Return the color in the hex format i e
-		* @returns String
-		*/
-		toString?(): string;
-	}
-	export class Color {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Convenience method for creating a color
-		* @param red Ext.draw.Color/String/Number[]/Number Red component (0..255), CSS color string or array of all components.
-		* @param green Number Green component (0..255)
-		* @param blue Number Blue component (0..255)
-		* @param alpha Number Alpha component (0..1)
-		* @returns Ext.draw.Color
-		*/
-		static create( red?:any, green?:number, blue?:number, alpha?:number ): Ext.draw.IColor;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Returns a flyweight instance of Ext draw Color
-		* @param red Number/String Red component (0..255) or CSS color string.
-		* @param green Number Green component (0..255)
-		* @param blue Number Blue component (0..255)
-		* @param alpha Number Alpha component (0..1)
-		* @returns Ext.draw.Color
-		*/
-		static fly( red?:any, green?:number, blue?:number, alpha?:number ): Ext.draw.IColor;
-		/** [Method] Create a new color based on the specified HSL values
-		* @param h Number Hue component (0..359)
-		* @param s Number Saturation component (0..1)
-		* @param l Number Lightness component (0..1)
-		* @returns Ext.draw.Color
-		*/
-		static fromHSL( h?:number, s?:number, l?:number ): Ext.draw.IColor;
-		/** [Method] Parse the string and create a new color
-		* @param string String Color in string.
-		* @returns Ext.draw.Color
-		*/
-		static fromString( string?:string ): Ext.draw.IColor;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.draw {
-	export interface IComponent extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		autoSize?: boolean;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Boolean) */
-		fitSurface?: boolean;
-		/** [Config Option] (Function) */
-		resizeHandler?: any;
-		/** [Config Option] (Boolean) */
-		viewBox?: boolean;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of autoSize
-		* @returns Boolean
-		*/
-		getAutoSize?(): boolean;
-		/** [Method] Returns the value of background
-		* @returns Object
-		*/
-		getBackground?(): any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of fitSurface
-		* @returns Boolean
-		*/
-		getFitSurface?(): boolean;
-		/** [Method] Returns the value of resizeHandler
-		* @returns Function
-		*/
-		getResizeHandler?(): any;
-		/** [Method] Returns the value of sprites
-		* @returns Object
-		*/
-		getSprites?(): any;
-		/** [Method] Get a surface by the given id or create one if it doesn t exist
-		* @param id String
-		* @returns Ext.draw.Surface
-		*/
-		getSurface?( id?:string ): Ext.draw.ISurface;
-		/** [Method] Returns the value of viewBox
-		* @returns Boolean
-		*/
-		getViewBox?(): boolean;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Place water mark after resize  */
-		onPlaceWatermark?(): void;
-		/** [Method] Render all the surfaces in the component  */
-		renderFrame?(): void;
-		/** [Method] Sets the value of autoSize
-		* @param autoSize Boolean
-		*/
-		setAutoSize?( autoSize?:boolean ): void;
-		/** [Method] Sets the value of background
-		* @param background Object
-		*/
-		setBackground?( background?:any ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of fitSurface
-		* @param fitSurface Boolean
-		*/
-		setFitSurface?( fitSurface?:boolean ): void;
-		/** [Method] Sets the value of resizeHandler
-		* @param resizeHandler Function
-		*/
-		setResizeHandler?( resizeHandler?:any ): void;
-		/** [Method] Sets the value of sprites
-		* @param sprites Object
-		*/
-		setSprites?( sprites?:any ): void;
-		/** [Method] Sets the value of viewBox
-		* @param viewBox Boolean
-		*/
-		setViewBox?( viewBox?:boolean ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface IDraw extends Ext.IBase {
-	}
-	export class Draw {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Converting radians to degrees
-		* @param radian Number
-		* @returns Number
-		*/
-		static degrees( radian?:number ): number;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method]
-		* @param bbox1 Object
-		* @param bbox2 Object
-		* @param padding Object
-		* @returns Boolean
-		*/
-		static isBBoxIntersect( bbox1?:any, bbox2?:any, padding?:any ): boolean;
-		/** [Method] Converting degrees to radians
-		* @param degrees Number
-		* @returns Number
-		*/
-		static rad( degrees?:number ): number;
-		/** [Method] Function that returns its first element
-		* @param a Mixed
-		* @returns Mixed
-		*/
-		static reflectFn( a?:any ): any;
-		/** [Method] Natural cubic spline interpolation
-		* @param points Array Array of numbers.
-		*/
-		static spline( points?:any[] ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw.engine {
-	export interface ICanvas extends Ext.draw.ISurface {
-		/** [Config Option] (Boolean) */
-		highPrecision?: boolean;
-		/** [Method] Empty the surface content without touching the sprites */
-		clear?(): void;
-		/** [Method] Clears the current transformation state on the surface  */
-		clearTransform?(): void;
-		/** [Method] Destroys the Canvas element and prepares it for Garbage Collection  */
-		destroy?(): void;
-		/** [Method] Returns the value of highPrecision
-		* @returns Boolean
-		*/
-		getHighPrecision?(): boolean;
-		/** [Method] Initialize the canvas element  */
-		initElement?(): void;
-		/** [Method] Sets the value of highPrecision
-		* @param highPrecision Boolean
-		*/
-		setHighPrecision?( highPrecision?:boolean ): void;
-	}
-}
-declare namespace Ext.draw.engine {
-	export interface ISvg extends Ext.draw.ISurface {
-		/** [Config Option] (Boolean) */
-		highPrecision?: boolean;
-		/** [Method] Empty the surface content without touching the sprites */
-		clear?(): void;
-		/** [Method] Clears the current transformation state on the surface  */
-		clearTransform?(): void;
-		/** [Method] Creates a DOM element under the SVG namespace of the given type
-		* @param type Object The type of the SVG DOM element.
-		* @returns * The created element.
-		*/
-		createSvgNode?( type?:any ): any;
-		/** [Method] Destroys the Canvas element and prepares it for Garbage Collection
-		* @param path Object
-		* @param matrix Object
-		* @param band Object
-		*/
-		destroy?( path?:any, matrix?:any, band?:any ): void;
-		/** [Method] Returns the value of highPrecision
-		* @returns Boolean
-		*/
-		getHighPrecision?(): boolean;
-		/** [Method] Remove a given sprite from the surface optionally destroying the sprite in the process
-		* @param sprite Object
-		* @param destroySprite Object
-		*/
-		remove?( sprite?:any, destroySprite?:any ): void;
-		/** [Method] Renders a single sprite into the surface
-		* @param sprite Ext.draw.sprite.Sprite The Sprite to be rendered.
-		* @returns Boolean returns false to stop the rendering to continue.
-		*/
-		renderSprite?( sprite?:Ext.draw.sprite.ISprite ): boolean;
-		/** [Method] Sets the value of highPrecision
-		* @param highPrecision Boolean
-		*/
-		setHighPrecision?( highPrecision?:boolean ): void;
-	}
-}
-declare namespace Ext.draw.engine.svgcontext {
-	export interface IGradient extends Ext.IBase {
-		/** [Method] Adds a color stop with the given color to the gradient at the given offset
-		* @param offset Object
-		* @param color Object
-		*/
-		addColorStop?( offset?:any, color?:any ): void;
-	}
-}
-declare namespace Ext.draw.engine {
-	export interface ISvgContext extends Ext.IBase {
-		/** [Method] Adds points to the subpath such that the arc described by the circumference of the circle described by the arguments
-		* @param x Object
-		* @param y Object
-		* @param radius Object
-		* @param startAngle Object
-		* @param endAngle Object
-		* @param anticlockwise Object
-		*/
-		arc?( x?:any, y?:any, radius?:any, startAngle?:any, endAngle?:any, anticlockwise?:any ): void;
-		/** [Method] Arc command using svg parameters
-		* @param r1 Object
-		* @param r2 Object
-		* @param rotation Object
-		* @param large Object
-		* @param swipe Object
-		* @param x2 Object
-		* @param y2 Object
-		*/
-		arcSvg?( r1?:any, r2?:any, rotation?:any, large?:any, swipe?:any, x2?:any, y2?:any ): void;
-		/** [Method] Adds an arc with the given control points and radius to the current subpath connected to the previous point by a str
-		* @param x1 Object
-		* @param y1 Object
-		* @param x2 Object
-		* @param y2 Object
-		* @param radiusX Object
-		* @param radiusY Object
-		* @param rotation Object
-		*/
-		arcTo?( x1?:any, y1?:any, x2?:any, y2?:any, radiusX?:any, radiusY?:any, rotation?:any ): void;
-		/** [Method] Resets the current default path  */
-		beginPath?(): void;
-		/** [Method] Adds the given point to the current subpath connected to the previous one by a cubic B zier curve with the given con
-		* @param x1 Object
-		* @param y1 Object
-		* @param x2 Object
-		* @param y2 Object
-		* @param x3 Object
-		* @param y3 Object
-		*/
-		bezierCurveTo?( x1?:any, y1?:any, x2?:any, y2?:any, x3?:any, y3?:any ): void;
-		/** [Method] Clears the context  */
-		clear?(): void;
-		/** [Method] Marks the current subpath as closed and starts a new subpath with a point the same as the start and end of the newly  */
-		closePath?(): void;
-		/** [Method] Returns an object that represents a linear gradient that paints along the line given by the coordinates represented b
-		* @param x0 Object
-		* @param y0 Object
-		* @param x1 Object
-		* @param y1 Object
-		* @returns Ext.draw.engine.SvgContext.Gradient
-		*/
-		createLinearGradient?( x0?:any, y0?:any, x1?:any, y1?:any ): Ext.draw.engine.svgcontext.IGradient;
-		/** [Method] Returns a CanvasGradient object that represents a radial gradient that paints along the cone given by the circles rep
-		* @param x0 Object
-		* @param y0 Object
-		* @param r0 Object
-		* @param x1 Object
-		* @param y1 Object
-		* @param r1 Object
-		* @returns Ext.draw.engine.SvgContext.Gradient
-		*/
-		createRadialGradient?( x0?:any, y0?:any, r0?:any, x1?:any, y1?:any, r1?:any ): Ext.draw.engine.svgcontext.IGradient;
-		/** [Method] Draws the given image onto the canvas
-		* @param image Object
-		* @param sx Object
-		* @param sy Object
-		* @param sw Object
-		* @param sh Object
-		* @param dx Object
-		* @param dy Object
-		* @param dw Object
-		* @param dh Object
-		*/
-		drawImage?( image?:any, sx?:any, sy?:any, sw?:any, sh?:any, dx?:any, dy?:any, dw?:any, dh?:any ): void;
-		/** [Method] Adds points to the subpath such that the arc described by the circumference of the ellipse described by the arguments
-		* @param x Object
-		* @param y Object
-		* @param radiusX Object
-		* @param radiusY Object
-		* @param rotation Object
-		* @param startAngle Object
-		* @param endAngle Object
-		* @param anticlockwise Object
-		*/
-		ellipse?( x?:any, y?:any, radiusX?:any, radiusY?:any, rotation?:any, startAngle?:any, endAngle?:any, anticlockwise?:any ): void;
-		/** [Method] Fills the subpaths of the current default path or the given path with the current fill style  */
-		fill?(): void;
-		/** [Method] Paints the given rectangle onto the canvas using the current fill style
-		* @param x Object
-		* @param y Object
-		* @param width Object
-		* @param height Object
-		*/
-		fillRect?( x?:any, y?:any, width?:any, height?:any ): void;
-		/** [Method] Note After the method guarantees the transform matrix will be inverted
-		* @param attr Object The attribute object
-		* @param transformFillStroke Boolean Indicate whether to transform fill and stroke. If this is not  given, then uses `attr.transformFillStroke` instead.
-		*/
-		fillStroke?( attr?:any, transformFillStroke?:boolean ): void;
-		/** [Method] Fills the given text at the given position
-		* @param text Object
-		* @param x Object
-		* @param y Object
-		*/
-		fillText?( text?:any, x?:any, y?:any ): void;
-		/** [Method] Adds the given point to the current subpath connected to the previous one by a straight line
-		* @param x Object
-		* @param y Object
-		*/
-		lineTo?( x?:any, y?:any ): void;
-		/** [Method] Creates a new subpath with the given point
-		* @param x Object
-		* @param y Object
-		*/
-		moveTo?( x?:any, y?:any ): void;
-		/** [Method] Adds a new closed subpath to the path representing the given rectangle
-		* @param x Object
-		* @param y Object
-		* @param width Object
-		* @param height Object
-		*/
-		rect?( x?:any, y?:any, width?:any, height?:any ): void;
-		/** [Method] Pops the state stack and restores the state  */
-		restore?(): void;
-		/** [Method] Pushes the context state to the state stack  */
-		save?(): void;
-		/** [Method] Changes the transformation matrix to the matrix given by the arguments as described below
-		* @param xx Object
-		* @param yx Object
-		* @param xy Object
-		* @param yy Object
-		* @param dx Object
-		* @param dy Object
-		*/
-		setTransform?( xx?:any, yx?:any, xy?:any, yy?:any, dx?:any, dy?:any ): void;
-		/** [Method] Strokes the subpaths of the current default path or the given path with the current stroke style  */
-		stroke?(): void;
-		/** [Method] Paints the box that outlines the given rectangle onto the canvas using the current stroke style
-		* @param x Object
-		* @param y Object
-		* @param width Object
-		* @param height Object
-		*/
-		strokeRect?( x?:any, y?:any, width?:any, height?:any ): void;
-		/** [Method] Strokes the given text at the given position
-		* @param text Object
-		* @param x Object
-		* @param y Object
-		*/
-		strokeText?( text?:any, x?:any, y?:any ): void;
-		/** [Method] Changes the transformation matrix to apply the matrix given by the arguments as described below
-		* @param xx Object
-		* @param yx Object
-		* @param xy Object
-		* @param yy Object
-		* @param dx Object
-		* @param dy Object
-		*/
-		transform?( xx?:any, yx?:any, xy?:any, yy?:any, dx?:any, dy?:any ): void;
-	}
-}
-declare namespace Ext.draw.gradient {
-	export interface IGradient extends Ext.IBase,Ext.mixin.IIdentifiable {
-		/** [Config Option] (Array/Object) */
-		Defines?: any;
-		/** [Method] Generates the gradient for the given context
-		* @param ctx Object The context.
-		* @param bbox Object
-		* @returns Object
-		*/
-		generateGradient?( ctx?:any, bbox?:any ): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		getId?(): string;
-	}
-}
-declare namespace Ext.draw.gradient {
-	export interface ILinear extends Ext.draw.gradient.IGradient {
-		/** [Config Option] (Number) */
-		The?: number;
-		/** [Method] Generates the gradient for the given context
-		* @param ctx Object The context.
-		* @param bbox Object
-		* @returns Object
-		*/
-		generateGradient?( ctx?:any, bbox?:any ): any;
-	}
-}
-declare namespace Ext.draw.gradient {
-	export interface IRadial extends Ext.draw.gradient.IGradient {
-		/** [Config Option] (Object) */
-		end?: any;
-		/** [Config Option] (Object) */
-		start?: any;
-		/** [Method] Generates the gradient for the given context
-		* @param ctx Object The context.
-		* @param bbox Object
-		* @returns Object
-		*/
-		generateGradient?( ctx?:any, bbox?:any ): any;
-		/** [Method] Returns the value of end
-		* @returns Object
-		*/
-		getEnd?(): any;
-		/** [Method] Returns the value of start
-		* @returns Object
-		*/
-		getStart?(): any;
-		/** [Method] Sets the value of end
-		* @param end Object
-		*/
-		setEnd?( end?:any ): void;
-		/** [Method] Sets the value of start
-		* @param start Object
-		*/
-		setStart?( start?:any ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface IGroup extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Add sprite to group
-		* @param sprite Ext.draw.sprite.Sprite
-		*/
-		add?( sprite?:Ext.draw.sprite.ISprite ): void;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Add a list of sprites to group
-		* @param sprites Array|Ext.draw.sprite.Sprite
-		*/
-		addAll?( sprites?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Clear the group
-		* @param destroySprite Boolean
-		*/
-		clear?( destroySprite?:boolean ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Destroy the group and remove it from surface  */
-		destroy?(): void;
-		/** [Method] Iterate all sprites with specific function
-		* @param fn Function Function to iterate.
-		*/
-		each?( fn?:any ): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Get the sprite with id or index
-		* @param id String|Number
-		* @returns Ext.draw.sprite.Sprite
-		*/
-		get?( id?:any ): Ext.draw.sprite.ISprite;
-		/** [Method] Get the i th sprite of the group
-		* @param index Number
-		* @returns Ext.draw.sprite.Sprite
-		*/
-		getAt?( index?:number ): Ext.draw.sprite.ISprite;
-		/** [Method] Return the minimal bounding box that contains all the sprites bounding boxes in this group
-		* @param isWithTransform Object
-		*/
-		getBBox?( isWithTransform?:any ): void;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of surface
-		* @returns Object
-		*/
-		getSurface?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Hide all sprites in the group
-		* @param o Boolean Whether to re-render the frame.
-		*/
-		hide?( o?:boolean ): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Remote sprite from group
-		* @param sprite Ext.draw.sprite.Sprite
-		* @param destroySprite Boolean
-		*/
-		remove?( sprite?:Ext.draw.sprite.ISprite, destroySprite?:boolean ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Set attributes to all sprites in the group
-		* @param o Object Sprite attribute options just like in Ext.draw.sprite.Sprite.
-		*/
-		setAttributes?( o?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Set dirty flag for all sprites in the group */
-		setDirty?(): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of surface
-		* @param surface Object
-		*/
-		setSurface?( surface?:any ): void;
-		/** [Method] Display all sprites in the group
-		* @param o Boolean Whether to re-render the frame.
-		*/
-		show?( o?:boolean ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface ILimitedCache extends Ext.IBase {
-		/** [Config Option] (Function) */
-		feeder?: any;
-		/** [Config Option] (Number) */
-		limit?: number;
-		/** [Config Option] (Object) */
-		scope?: any;
-		/** [Method] Clear all the objects  */
-		clear?(): void;
-		/** [Method] Get a cached object
-		* @param id String
-		* @param args Mixed... Arguments appended to feeder.
-		* @returns Object
-		*/
-		get?( id:string, ...args:any[] ): any;
-		/** [Method] Returns the value of feeder
-		* @returns Function
-		*/
-		getFeeder?(): any;
-		/** [Method] Returns the value of limit
-		* @returns Number
-		*/
-		getLimit?(): number;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Sets the value of feeder
-		* @param feeder Function
-		* @returns Number
-		*/
-		setFeeder?( feeder?:any ): number;
-		/** [Method] Sets the value of limit
-		* @param limit Number
-		*/
-		setLimit?( limit?:number ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface IMatrix extends Ext.IBase {
-		/** [Property] (Number) */
-		a?: number;
-		/** [Method] Postpend a matrix onto the current
-		* @param xx Object Coefficient from x to x.
-		* @param xy Object Coefficient from x to y.
-		* @param yx Object Coefficient from y to x.
-		* @param yy Object Coefficient from y to y.
-		* @param dx Object Offset of x.
-		* @param dy Object Offset of y.
-		* @returns Ext.draw.Matrix this
-		*/
-		append?( xx?:any, xy?:any, yx?:any, yy?:any, dx?:any, dy?:any ): Ext.draw.IMatrix;
-		/** [Method] Postpend a matrix onto the current
-		* @param matrix Ext.draw.Matrix
-		* @returns Ext.draw.Matrix this
-		*/
-		appendMatrix?( matrix?:Ext.draw.IMatrix ): Ext.draw.IMatrix;
-		/** [Method] Clone this matrix
-		* @returns Ext.draw.Matrix
-		*/
-		clone?(): Ext.draw.IMatrix;
-		/** [Method] Determines if this matrix has the same values as another matrix
-		* @param matrix Ext.draw.Matrix
-		* @returns Boolean
-		*/
-		equals?( matrix?:Ext.draw.IMatrix ): boolean;
-		/** [Method] Horizontally flip the matrix
-		* @returns Ext.draw.Matrix this
-		*/
-		flipX?(): Ext.draw.IMatrix;
-		/** [Method] Vertically flip the matrix
-		* @returns Ext.draw.Matrix this
-		*/
-		flipY?(): Ext.draw.IMatrix;
-		/** [Method] Get offset x component of the matrix
-		* @returns Number
-		*/
-		getDX?(): number;
-		/** [Method] Get offset y component of the matrix
-		* @returns Number
-		*/
-		getDY?(): number;
-		/** [Method] Get the x scale of the matrix
-		* @returns Number
-		*/
-		getScaleX?(): number;
-		/** [Method] Get the y scale of the matrix
-		* @returns Number
-		*/
-		getScaleY?(): number;
-		/** [Method] Get x to x component of the matrix
-		* @returns Number
-		*/
-		getXX?(): number;
-		/** [Method] Get x to y component of the matrix
-		* @returns Number
-		*/
-		getXY?(): number;
-		/** [Method] Get y to x component of the matrix
-		* @returns Number
-		*/
-		getYX?(): number;
-		/** [Method] Get y to y component of the matrix
-		* @returns Number
-		*/
-		getYY?(): number;
-		/** [Method] Return a new matrix represents the opposite transformation of the current one
-		* @param target Ext.draw.Matrix A target matrix. If present, it will receive the result of inversion to avoid creating a new object.
-		* @returns Ext.draw.Matrix
-		*/
-		inverse?( target?:Ext.draw.IMatrix ): Ext.draw.IMatrix;
-		/** [Method] Determines whether this matrix is an identity matrix no transform
-		* @returns Boolean
-		*/
-		isIdentity?(): boolean;
-		/** [Method] Postpend a matrix onto the current
-		* @param matrix Ext.draw.Matrix
-		* @returns Ext.draw.Matrix this
-		*/
-		multiply?( matrix?:Ext.draw.IMatrix ): Ext.draw.IMatrix;
-		/** [Method] Prepend a matrix onto the current
-		* @param xx Object Coefficient from x to x.
-		* @param xy Object Coefficient from x to y.
-		* @param yx Object Coefficient from y to x.
-		* @param yy Object Coefficient from y to y.
-		* @param dx Object Offset of x.
-		* @param dy Object Offset of y.
-		* @returns Ext.draw.Matrix this
-		*/
-		prepend?( xx?:any, xy?:any, yx?:any, yy?:any, dx?:any, dy?:any ): Ext.draw.IMatrix;
-		/** [Method] Prepend a matrix onto the current
-		* @param matrix Ext.draw.Matrix
-		* @returns Ext.draw.Matrix this
-		*/
-		prependMatrix?( matrix?:Ext.draw.IMatrix ): Ext.draw.IMatrix;
-		/** [Method] Reset the matrix to identical
-		* @returns Ext.draw.Matrix this
-		*/
-		reset?(): Ext.draw.IMatrix;
-		/** [Method] Rotate the matrix
-		* @param angle Number Radians to rotate
-		* @param rcx Number|null Center of rotation.
-		* @param rcy Number|null Center of rotation.
-		* @param prepend Boolean If true, this will transformation be prepended to the matrix.
-		* @returns Ext.draw.Matrix this
-		*/
-		rotate?( angle?:number, rcx?:any, rcy?:any, prepend?:boolean ): Ext.draw.IMatrix;
-		/** [Method] Rotate the matrix by the angle of a vector
-		* @param x Number
-		* @param y Number
-		* @param prepend Boolean If true, this will transformation be prepended to the matrix.
-		* @returns Ext.draw.Matrix this
-		*/
-		rotateFromVector?( x?:number, y?:number, prepend?:boolean ): Ext.draw.IMatrix;
-		/** [Method] Scale the matrix
-		* @param sx Number
-		* @param sy Number
-		* @param scx Number
-		* @param scy Number
-		* @param prepend Boolean If true, this will transformation be prepended to the matrix.
-		* @returns Ext.draw.Matrix this
-		*/
-		scale?( sx?:number, sy?:number, scx?:number, scy?:number, prepend?:boolean ): Ext.draw.IMatrix;
-		/** [Method] Set the elements of a Matrix
-		* @param xx Number
-		* @param xy Number
-		* @param yx Number
-		* @param yy Number
-		* @param dx Number
-		* @param dy Number
-		* @returns Ext.draw.Matrix this
-		*/
-		set?( xx?:number, xy?:number, yx?:number, yy?:number, dx?:number, dy?:number ): Ext.draw.IMatrix;
-		/** [Method] Skew the matrix
-		* @param angle Number
-		* @returns Ext.draw.Matrix this
-		*/
-		skewX?( angle?:number ): Ext.draw.IMatrix;
-		/** [Method] Skew the matrix
-		* @param angle Number
-		* @returns Ext.draw.Matrix this
-		*/
-		skewY?( angle?:number ): Ext.draw.IMatrix;
-		/** [Method] Split matrix into Translate Scale Shear and Rotate
-		* @returns Object
-		*/
-		split?(): any;
-		/** [Method] Create an array of elements by horizontal order xx yx dx yx yy dy
-		* @returns Array
-		*/
-		toArray?(): any[];
-		/** [Method] Apply the matrix to a drawing context
-		* @param ctx Object
-		* @returns Ext.draw.Matrix this
-		*/
-		toContext?( ctx?:any ): Ext.draw.IMatrix;
-		/** [Method] Get an array of elements
-		* @returns Array
-		*/
-		toString?(): any[];
-		/** [Method] Return a string that can be used as transform attribute in SVG
-		* @returns String
-		*/
-		toSvg?(): string;
-		/** [Method] Create an array of elements by vertical order xx xy yx yy dx dy
-		* @returns Array|String
-		*/
-		toVerticalArray?(): any;
-		/** [Method]
-		* @param bbox Object Given as {x: Number, y: Number, width: Number, height: Number}.
-		* @param radius Number
-		* @param target Object Optional target object to recieve the result. Recommanded to use it for better gc.
-		* @returns Object Object with x, y, width and height.
-		*/
-		transformBBox?( bbox?:any, radius?:number, target?:any ): any;
-		/** [Method] Transform a list for points
-		* @param list Array
-		* @returns Array list
-		*/
-		transformList?( list?:any[] ): any[];
-		/** [Method] Transform a point to a new array
-		* @param point Array
-		* @returns Array
-		*/
-		transformPoint?( point?:any[] ): any[];
-		/** [Method] Translate the matrix
-		* @param x Number
-		* @param y Number
-		* @param prepend Boolean If true, this will transformation be prepended to the matrix.
-		* @returns Ext.draw.Matrix this
-		*/
-		translate?( x?:number, y?:number, prepend?:boolean ): Ext.draw.IMatrix;
-		/** [Method] Transform point returning the x component of the result
-		* @param x Number
-		* @param y Number
-		* @returns Number x component of the result.
-		*/
-		x?( x?:number, y?:number ): number;
-		/** [Method] Transform point returning the y component of the result
-		* @param x Number
-		* @param y Number
-		* @returns Number y component of the result.
-		*/
-		y?( x?:number, y?:number ): number;
-	}
-	export class Matrix {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a matrix from mat
-		* @param mat Mixed
-		* @returns Ext.draw.Matrix
-		*/
-		static create( mat?:any ): Ext.draw.IMatrix;
-		/** [Method] Return the affine matrix that transform two points x0 y0 and x1 y1 to x0p y0p and x1p y1p
-		* @param x0 Object
-		* @param y0 Object
-		* @param x1 Object
-		* @param y1 Object
-		* @param x0p Object
-		* @param y0p Object
-		* @param x1p Object
-		* @param y1p Object
-		*/
-		static createAffineMatrixFromTwoPair( x0?:any, y0?:any, x1?:any, y1?:any, x0p?:any, y0p?:any, x1p?:any, y1p?:any ): void;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Return the affine matrix that transform two points x0 y0 and x1 y1 to x0p y0p and x1p y1p
-		* @param x0 Object
-		* @param y0 Object
-		* @param x1 Object
-		* @param y1 Object
-		* @param x0p Object
-		* @param y0p Object
-		* @param x1p Object
-		* @param y1p Object
-		*/
-		static createPanZoomFromTwoPair( x0?:any, y0?:any, x1?:any, y1?:any, x0p?:any, y0p?:any, x1p?:any, y1p?:any ): void;
-		/** [Method] Create a flyweight to wrap the given array
-		* @param elements Array
-		* @returns Ext.draw.Matrix
-		*/
-		static fly( elements?:any[] ): Ext.draw.IMatrix;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.draw.modifier {
-	export interface IAnimation extends Ext.draw.modifier.IModifier,Ext.mixin.IObservable {
-		/** [Config Option] (Object) */
-		customDuration?: any;
-		/** [Config Option] (Object) */
-		customEasings?: any;
-		/** [Config Option] (Number) */
-		duration?: number;
-		/** [Config Option] (Function) */
-		easing?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Remove special easings on the given attributes
-		* @param attrs Object The source attributes.
-		*/
-		clearDurationOn?( attrs?:any ): void;
-		/** [Method] Remove special easings on the given attributes
-		* @param attrs Object The source attributes.
-		*/
-		clearEasingOn?( attrs?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of customDuration
-		* @returns Object
-		*/
-		getCustomDuration?(): any;
-		/** [Method] Returns the value of customEasings
-		* @returns Object
-		*/
-		getCustomEasings?(): any;
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of easing
-		* @returns Function
-		*/
-		getEasing?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Invoked when changes need to be popped up to the top
-		* @param attributes Object The source attributes.
-		* @param changes Object The changes to be popped up.
-		*/
-		popUp?( attributes?:any, changes?:any ): void;
-		/** [Method] Validate attribute set before use
-		* @param attr Object The attribute to be validated. Note that it may be already initialized, so do not override properties that has already be used.
-		*/
-		prepareAttributes?( attr?:any ): void;
-		/** [Method] Invoked when changes need to pushed down to the sprite
-		* @param attr Object The source attributes.
-		* @param changes Object The changes to make. This object might be changed unexpectedly inside the method.
-		* @returns Mixed
-		*/
-		pushDown?( attr?:any, changes?:any ): any;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of customDuration
-		* @param customDuration Object
-		*/
-		setCustomDuration?( customDuration?:any ): void;
-		/** [Method] Sets the value of customEasings
-		* @param customEasings Object
-		*/
-		setCustomEasings?( customEasings?:any ): void;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Set special duration on the given attributes
-		* @param attrs Object The source attributes.
-		* @param duration Object The special duration.
-		*/
-		setDurationOn?( attrs?:any, duration?:any ): void;
-		/** [Method] Sets the value of easing
-		* @param easing Function
-		*/
-		setEasing?( easing?:any ): void;
-		/** [Method] Set special easings on the given attributes
-		* @param attrs Object The source attributes.
-		* @param easing Object The special easings.
-		*/
-		setEasingOn?( attrs?:any, easing?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Stop all animations effected by this modifier */
-		stop?(): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.draw.modifier {
-	export interface IHighlight extends Ext.draw.modifier.IModifier {
-		/** [Config Option] (Boolean) */
-		enabled?: boolean;
-		/** [Config Option] (Object) */
-		highlightStyle?: any;
-		/** [Method] Filter modifier changes if overriding source attributes
-		* @param attr Object The source attributes.
-		* @param changes Object The modifier changes.
-		* @returns * The filtered changes.
-		*/
-		filterChanges?( attr?:any, changes?:any ): any;
-		/** [Method] Returns the value of enabled
-		* @returns Boolean
-		*/
-		getEnabled?(): boolean;
-		/** [Method] Returns the value of highlightStyle
-		* @returns Object
-		*/
-		getHighlightStyle?(): any;
-		/** [Method] Invoked when changes need to be popped up to the top
-		* @param attributes Object The source attributes.
-		* @param changes Object The changes to be popped up.
-		*/
-		popUp?( attributes?:any, changes?:any ): void;
-		/** [Method] Validate attribute set before use
-		* @param attr Object The attribute to be validated. Note that it may be already initialized, so do not override properties that has already be used.
-		*/
-		prepareAttributes?( attr?:any ): void;
-		/** [Method] Invoked when changes need to pushed down to the sprite
-		* @param attr Object The source attributes.
-		* @param changes Object The changes to make. This object might be changed unexpectedly inside the method.
-		* @returns Mixed
-		*/
-		pushDown?( attr?:any, changes?:any ): any;
-		/** [Method] Sets the value of enabled
-		* @param enabled Boolean
-		*/
-		setEnabled?( enabled?:boolean ): void;
-		/** [Method] Sets the value of highlightStyle
-		* @param highlightStyle Object
-		*/
-		setHighlightStyle?( highlightStyle?:any ): void;
-	}
-}
-declare namespace Ext.draw.modifier {
-	export interface IModifier extends Ext.IBase {
-		/** [Config Option] (Ext.draw.modifier.Modifier) */
-		next?: Ext.draw.modifier.IModifier;
-		/** [Config Option] (Ext.draw.modifier.Modifier) */
-		previous?: Ext.draw.modifier.IModifier;
-		/** [Config Option] (Ext.draw.sprite.Sprite) */
-		sprite?: Ext.draw.sprite.ISprite;
-		/** [Method] Returns the value of next
-		* @returns Ext.draw.modifier.Modifier
-		*/
-		getNext?(): Ext.draw.modifier.IModifier;
-		/** [Method] Returns the value of previous
-		* @returns Ext.draw.modifier.Modifier
-		*/
-		getPrevious?(): Ext.draw.modifier.IModifier;
-		/** [Method] Returns the value of sprite
-		* @returns Ext.draw.sprite.Sprite
-		*/
-		getSprite?(): Ext.draw.sprite.ISprite;
-		/** [Method] Invoked when changes need to be popped up to the top
-		* @param attributes Object The source attributes.
-		* @param changes Object The changes to be popped up.
-		*/
-		popUp?( attributes?:any, changes?:any ): void;
-		/** [Method] Validate attribute set before use
-		* @param attr Object The attribute to be validated. Note that it may be already initialized, so do not override properties that has already be used.
-		*/
-		prepareAttributes?( attr?:any ): void;
-		/** [Method] Invoked when changes need to pushed down to the sprite
-		* @param attr Object The source attributes.
-		* @param changes Object The changes to make. This object might be changed unexpectedly inside the method.
-		* @returns Mixed
-		*/
-		pushDown?( attr?:any, changes?:any ): any;
-		/** [Method] Sets the value of next
-		* @param next Ext.draw.modifier.Modifier
-		*/
-		setNext?( next?:Ext.draw.modifier.IModifier ): void;
-		/** [Method] Sets the value of previous
-		* @param previous Ext.draw.modifier.Modifier
-		*/
-		setPrevious?( previous?:Ext.draw.modifier.IModifier ): void;
-		/** [Method] Sets the value of sprite
-		* @param sprite Ext.draw.sprite.Sprite
-		*/
-		setSprite?( sprite?:Ext.draw.sprite.ISprite ): void;
-	}
-}
-declare namespace Ext.draw.modifier {
-	export interface ITarget extends Ext.draw.modifier.IModifier {
-		/** [Method] Invoked when changes need to be popped up to the top
-		* @param attributes Object The source attributes.
-		* @param changes Object The changes to be popped up.
-		*/
-		popUp?( attributes?:any, changes?:any ): void;
-		/** [Method] Validate attribute set before use
-		* @param attr Object The attribute to be validated. Note that it may be already initialized, so do not override properties that has already be used.
-		*/
-		prepareAttributes?( attr?:any ): void;
-		/** [Method] Invoked when changes need to pushed down to the sprite
-		* @param attr Object The source attributes.
-		* @param changes Object The changes to make. This object might be changed unexpectedly inside the method.
-		* @returns Mixed
-		*/
-		pushDown?( attr?:any, changes?:any ): any;
-	}
-}
-declare namespace Ext.draw {
-	export interface IPath extends Ext.IBase {
-		/** [Method] Create an circular arc
-		* @param x Object
-		* @param y Object
-		* @param radius Object
-		* @param startAngle Object
-		* @param endAngle Object
-		* @param anticlockwise Object
-		*/
-		arc?( x?:any, y?:any, radius?:any, startAngle?:any, endAngle?:any, anticlockwise?:any ): void;
-		/** [Method] http  www w3 org TR SVG implnote html ArcImplementationNotes
-		* @param rx Object
-		* @param ry Object
-		* @param rotation Object Differ from svg spec, this is radian.
-		* @param fA Object
-		* @param fS Object
-		* @param x2 Object
-		* @param y2 Object
-		*/
-		arcSvg?( rx?:any, ry?:any, rotation?:any, fA?:any, fS?:any, x2?:any, y2?:any ): void;
-		/** [Method] Create a elliptic arc curve compatible with SVG s arc to instruction
-		* @param x1 Number
-		* @param y1 Number
-		* @param x2 Number
-		* @param y2 Number
-		* @param rx Number
-		* @param ry Number
-		* @param rotation Number
-		*/
-		arcTo?( x1?:number, y1?:number, x2?:number, y2?:number, rx?:number, ry?:number, rotation?:number ): void;
-		/** [Method] A cubic bezier curve to a position
-		* @param cx1 Number
-		* @param cy1 Number
-		* @param cx2 Number
-		* @param cy2 Number
-		* @param x Number
-		* @param y Number
-		*/
-		bezierCurveTo?( cx1?:number, cy1?:number, cx2?:number, cy2?:number, x?:number, y?:number ): void;
-		/** [Method] Clear the path  */
-		clear?(): void;
-		/** [Method] Clone this path
-		* @returns Ext.draw.Path
-		*/
-		clone?(): Ext.draw.IPath;
-		/** [Method] Close this path with a straight line  */
-		closePath?(): void;
-		/** [Method] Create an elliptic arc
-		* @param cx Object
-		* @param cy Object
-		* @param radiusX Object
-		* @param radiusY Object
-		* @param rotation Object
-		* @param startAngle Object
-		* @param endAngle Object
-		* @param anticlockwise Object
-		*/
-		ellipse?( cx?:any, cy?:any, radiusX?:any, radiusY?:any, rotation?:any, startAngle?:any, endAngle?:any, anticlockwise?:any ): void;
-		/** [Method] Reconstruct path from cubic bezier curve stripes
-		* @param stripes Array
-		*/
-		fromStripes?( stripes?:any[] ): void;
-		/** [Method] Feed the path from svg path string
-		* @param pathString Object
-		*/
-		fromSvgString?( pathString?:any ): void;
-		/** [Method] Get the bounding box of this matrix
-		* @param target Object Optional object to receive the result.
-		* @returns Object Object with x, y, width and height
-		*/
-		getDimension?( target?:any ): any;
-		/** [Method] Get the bounding box as if the path is transformed by a matrix
-		* @param matrix Ext.draw.Matrix
-		* @param target Object Optional object to receive the result.
-		* @returns Object An object with x, y, width and height.
-		*/
-		getDimensionWithTransform?( matrix?:Ext.draw.IMatrix, target?:any ): any;
-		/** [Method] Test wether the given point is on or inside the path
-		* @param x Object
-		* @param y Object
-		* @returns Boolean
-		*/
-		isPointInPath?( x?:any, y?:any ): boolean;
-		/** [Method] A straight line to a position
-		* @param x Number
-		* @param y Number
-		*/
-		lineTo?( x?:number, y?:number ): void;
-		/** [Method] Move to a position
-		* @param x Number
-		* @param y Number
-		*/
-		moveTo?( x?:number, y?:number ): void;
-		/** [Method] A quadratic bezier curve to a position
-		* @param cx Number
-		* @param cy Number
-		* @param x Number
-		* @param y Number
-		*/
-		quadraticCurveTo?( cx?:number, cy?:number, x?:number, y?:number ): void;
-		/** [Method] Draw a rectangle and close it
-		* @param x Object
-		* @param y Object
-		* @param width Object
-		* @param height Object
-		*/
-		rect?( x?:any, y?:any, width?:any, height?:any ): void;
-		/** [Method] Return an svg path string for this path
-		* @returns String
-		*/
-		toString?(): string;
-		/** [Method] Convert path to bezier curve stripes
-		* @param target Array The optional array to receive the result.
-		* @returns Array
-		*/
-		toStripes?( target?:any[] ): any[];
-		/** [Method] Transform the current path by a matrix
-		* @param matrix Ext.draw.Matrix
-		*/
-		transform?( matrix?:Ext.draw.IMatrix ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface ISegmentTree extends Ext.IBase {
-		/** [Method] Returns the minimum range of data that fits the given range and step size
-		* @param min Number
-		* @param max Number
-		* @param estStep Number
-		* @returns Object The aggregation information.
-		*/
-		getAggregation?( min?:number, max?:number, estStep?:number ): any;
-		/** [Method] Returns the value of strategy
-		* @returns String
-		*/
-		getStrategy?(): string;
-		/** [Method] Sets the data of the segment tree
-		* @param dataX Object
-		* @param dataOpen Object
-		* @param dataHigh Object
-		* @param dataLow Object
-		* @param dataClose Object
-		*/
-		setData?( dataX?:any, dataOpen?:any, dataHigh?:any, dataLow?:any, dataClose?:any ): void;
-		/** [Method] Sets the value of strategy
-		* @param strategy String
-		*/
-		setStrategy?( strategy?:string ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface ISolver extends Ext.IBase {
-	}
-	export class Solver {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Returns the function f x a  x3  b  x2  c  x  d and solver for f x y
-		* @param a Object
-		* @param b Object
-		* @param c Object
-		* @param d Object
-		*/
-		static cubicFunction( a?:any, b?:any, c?:any, d?:any ): void;
-		/** [Method] Cubic root of number
-		* @param number Object {Number}
-		*/
-		static cubicRoot( number?:any ): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns the function f x a  x  b and solver for f x y
-		* @param a Object
-		* @param b Object
-		*/
-		static linearFunction( a?:any, b?:any ): void;
-		/** [Method] Returns the function f x a  x  2  b  x  c and solver for f x y
-		* @param a Object
-		* @param b Object
-		* @param c Object
-		*/
-		static quadraticFunction( a?:any, b?:any, c?:any ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IAnimationParser extends Ext.IBase {
-	}
-	export class AnimationParser {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IArc extends Ext.draw.sprite.ICircle {
-		/** [Config Option] (Boolean) */
-		anticlockwise?: boolean;
-		/** [Config Option] (Number) */
-		endAngle?: number;
-		/** [Config Option] (Number) */
-		startAngle?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IAttributeDefinition extends Ext.IBase {
-		/** [Config Option] (Object) */
-		aliases?: any;
-		/** [Config Option] (Object) */
-		animationProcessors?: any;
-		/** [Config Option] (Object) */
-		defaults?: any;
-		/** [Config Option] (Object) */
-		dirty?: any;
-		/** [Config Option] (Object) */
-		processors?: any;
-		/** [Config Option] (Object) */
-		updaters?: any;
-		/** [Method] Returns the value of aliases
-		* @returns Object
-		*/
-		getAliases?(): any;
-		/** [Method] Returns the value of animationProcessors
-		* @returns Object
-		*/
-		getAnimationProcessors?(): any;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		getDefaults?(): any;
-		/** [Method] Returns the value of processors
-		* @returns Object
-		*/
-		getProcessors?(): any;
-		/** [Method] Returns the value of updaters
-		* @returns Object
-		*/
-		getUpdaters?(): any;
-		/** [Method] Normalizes the changes given via their processors before they are applied as attributes
-		* @param changes Object The changes given.
-		* @returns Object The normalized values.
-		*/
-		normalize?( changes?:any ): any;
-		/** [Method] Sets the value of aliases
-		* @param aliases Object
-		*/
-		setAliases?( aliases?:any ): void;
-		/** [Method] Sets the value of animationProcessors
-		* @param animationProcessors Object
-		*/
-		setAnimationProcessors?( animationProcessors?:any ): void;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		setDefaults?( defaults?:any ): void;
-		/** [Method] Sets the value of processors
-		* @param processors Object
-		*/
-		setProcessors?( processors?:any ): void;
-		/** [Method] Sets the value of updaters
-		* @param updaters Object
-		*/
-		setUpdaters?( updaters?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IAttributeParser extends Ext.IBase {
-	}
-	export class AttributeParser {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface ICircle extends Ext.draw.sprite.IPath {
-		/** [Config Option] (Number) */
-		cx?: number;
-		/** [Config Option] (Number) */
-		cy?: number;
-		/** [Config Option] (Number) */
-		r?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object
-		*/
-		updateTransformedBBox?( transform?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IComposite extends Ext.draw.sprite.ISprite {
-		/** [Method] Adds a sprite to the composite
-		* @param sprite Object
-		*/
-		add?( sprite?:any ): void;
-		/** [Method] Renders all sprites contained in the composite to the surface
-		* @param surface Object
-		* @param ctx Object
-		* @param region Object
-		*/
-		render?( surface?:any, ctx?:any, region?:any ): void;
-		/** [Method] Updates the bounding box of the composite which contains the bounding box of all sprites in the composite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IEllipse extends Ext.draw.sprite.IPath {
-		/** [Config Option] (Number) */
-		axisRotation?: number;
-		/** [Config Option] (Number) */
-		cx?: number;
-		/** [Config Option] (Number) */
-		cy?: number;
-		/** [Config Option] (Number) */
-		rx?: number;
-		/** [Config Option] (Number) */
-		ry?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object
-		*/
-		updateTransformedBBox?( transform?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IEllipticalArc extends Ext.draw.sprite.IEllipse {
-		/** [Config Option] (Boolean) */
-		anticlockwise?: boolean;
-		/** [Config Option] (Number) */
-		endAngle?: number;
-		/** [Config Option] (Number) */
-		startAngle?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IImage extends Ext.draw.sprite.IRect {
-		/** [Config Option] (String) */
-		src?: string;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any ): any;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IInstancing extends Ext.draw.sprite.ISprite {
-		/** [Config Option] (Object) */
-		template?: any;
-		/** [Method] Creates a new sprite instance
-		* @param config Object The configuration of the instance.
-		* @param data Object
-		* @param bypassNormalization Boolean 'true' to bypass attribute normalization.
-		* @param avoidCopy Boolean 'true' to avoid copying.
-		* @returns Object The attributes of the instance.
-		*/
-		createInstance?( config?:any, data?:any, bypassNormalization?:boolean, avoidCopy?:boolean ): any;
-		/** [Method] Removes the sprite and clears all listeners  */
-		destroy?(): void;
-		/** [Method] Not supported
-		* @returns null
-		*/
-		getBBox?(): any;
-		/** [Method] Returns the bounding box for the instance at the given index
-		* @param index Number The index of the instance.
-		* @param isWithoutTransform Boolean 'true' to not apply sprite transforms to the bounding box.
-		* @returns Object The bounding box for the instance.
-		*/
-		getBBoxFor?( index?:number, isWithoutTransform?:boolean ): any;
-		/** [Method] Returns the value of template
-		* @returns Object
-		*/
-		getTemplate?(): any;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @param clipRegion Object
-		* @param region Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any, clipRegion?:any, region?:any ): any;
-		/** [Method] Sets the attributes for the instance at the given index
-		* @param index Number the index of the instance
-		* @param changes Object the attributes to change
-		* @param bypassNormalization Boolean 'true' to avoid attribute normalization
-		*/
-		setAttributesFor?( index?:number, changes?:any, bypassNormalization?:boolean ): void;
-		/** [Method] Sets the value of template
-		* @param template Object
-		*/
-		setTemplate?( template?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IPath extends Ext.draw.sprite.ISprite {
-		/** [Config Option] (String) */
-		path?: string;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any ): any;
-		/** [Method] Update the path
-		* @param path Ext.draw.Path An empty path to draw on using path API.
-		* @param attr Object The attribute object. Note: DO NOT use the sprite.attr instead of this if you want to work with instancing.
-		*/
-		updatePath?( path?:Ext.draw.IPath, attr?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object
-		*/
-		updateTransformedBBox?( transform?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IRect extends Ext.draw.sprite.IPath {
-		/** [Config Option] (Number) */
-		height?: number;
-		/** [Config Option] (Number) */
-		radius?: number;
-		/** [Config Option] (Number) */
-		width?: number;
-		/** [Config Option] (Number) */
-		x?: number;
-		/** [Config Option] (Number) */
-		y?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object
-		* @param plain Object
-		*/
-		updateTransformedBBox?( transform?:any, plain?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface ISector extends Ext.draw.sprite.IPath {
-		/** [Config Option] (Number) */
-		centerX?: number;
-		/** [Config Option] (Number) */
-		centerY?: number;
-		/** [Config Option] (Number) */
-		endAngle?: number;
-		/** [Config Option] (Number) */
-		endRho?: number;
-		/** [Config Option] (Number) */
-		margin?: number;
-		/** [Config Option] (Number) */
-		startAngle?: number;
-		/** [Config Option] (Number) */
-		startRho?: number;
-		/** [Method] Update the path
-		* @param path Object
-		* @param attr Object
-		*/
-		updatePath?( path?:any, attr?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface ISprite extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Number) */
-		fillOpacity?: number;
-		/** [Config Option] (String) */
-		fillStyle?: string;
-		/** [Config Option] (Number) */
-		globalAlpha?: number;
-		/** [Config Option] (Boolean) */
-		hidden?: boolean;
-		/** [Config Option] (String) */
-		lineCap?: string;
-		/** [Config Option] (String) */
-		lineJoin?: string;
-		/** [Config Option] (Number) */
-		lineWidth?: number;
-		/** [Config Option] (Number) */
-		miterLimit?: number;
-		/** [Config Option] (Number) */
-		rotationCenterX?: number;
-		/** [Config Option] (Number) */
-		rotationCenterY?: number;
-		/** [Config Option] (Number) */
-		rotationRads?: number;
-		/** [Config Option] (Number) */
-		scalingCenterX?: number;
-		/** [Config Option] (Number) */
-		scalingCenterY?: number;
-		/** [Config Option] (Number) */
-		scalingX?: number;
-		/** [Config Option] (Number) */
-		scalingY?: number;
-		/** [Config Option] (Number) */
-		shadowBlur?: number;
-		/** [Config Option] (String) */
-		shadowColor?: string;
-		/** [Config Option] (Number) */
-		shadowOffsetX?: number;
-		/** [Config Option] (Number) */
-		shadowOffsetY?: number;
-		/** [Config Option] (Number) */
-		strokeOpacity?: number;
-		/** [Config Option] (String) */
-		strokeStyle?: string;
-		/** [Config Option] (Boolean) */
-		transformFillStroke?: boolean;
-		/** [Config Option] (Number) */
-		translationX?: number;
-		/** [Config Option] (Number) */
-		translationY?: number;
-		/** [Config Option] (Number) */
-		zIndex?: number;
-		/** [Property] (Object) */
-		attr?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Removes the sprite and clears all listeners  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the bounding box for the given Sprite as calculated with the Canvas engine
-		* @param isWithoutTransform Boolean Whether to calculate the bounding box with the current transforms or not.
-		*/
-		getBBox?( isWithoutTransform?:boolean ): void;
-		/** [Method] Subclass can rewrite this function to gain better performance
-		* @param isWithoutTransform Boolean
-		* @returns Array
-		*/
-		getBBoxCenter?( isWithoutTransform?:boolean ): any[];
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of parent
-		* @returns Object
-		*/
-		getParent?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Hide the sprite
-		* @returns Ext.draw.sprite.Sprite this
-		*/
-		hide?(): Ext.draw.sprite.ISprite;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Called before rendering  */
-		preRender?(): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Render method
-		* @param surface Ext.draw.Surface The surface.
-		* @param ctx Object A context object compatible with CanvasRenderingContext2D.
-		* @param region Array The clip region (or called dirty rect) of the current rendering. Not be confused with surface.getRegion().
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:Ext.draw.ISurface, ctx?:any, region?:any[] ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Set attributes of the sprite
-		* @param changes Object The content of the change.
-		* @param bypassNormalization Boolean true to avoid normalization of the given changes.
-		* @param avoidCopy Boolean true to avoid copying the changes object. The content of object may be destroyed.
-		*/
-		setAttributes?( changes?:any, bypassNormalization?:boolean, avoidCopy?:boolean ): void;
-		/** [Method] Set attributes of the sprite assuming the names and values have already been normalized
-		* @param changes Object The content of the change.
-		* @param avoidCopy Boolean true to avoid copying the changes object. The content of object may be destroyed.
-		*/
-		setAttributesBypassingNormalization?( changes?:any, avoidCopy?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of parent
-		* @param parent Object
-		*/
-		setParent?( parent?:any ): void;
-		/** [Method] Show the sprite
-		* @returns Ext.draw.sprite.Sprite this
-		*/
-		show?(): Ext.draw.sprite.ISprite;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object Target object.
-		*/
-		updatePlainBBox?( plain?:any ): void;
-		/** [Method] Subclass will fill the plain object with x y width height information of the transformed bounding box of this sprite
-		* @param transform Object Target object.
-		* @param plain Object Auxiliary object providing information of plain object.
-		*/
-		updateTransformedBBox?( transform?:any, plain?:any ): void;
-	}
-}
-declare namespace Ext.draw.sprite {
-	export interface IText extends Ext.draw.sprite.ISprite {
-		/** [Config Option] (String) */
-		font?: string;
-		/** [Config Option] (String) */
-		fontFamily?: string;
-		/** [Config Option] (String/Number) */
-		fontSize?: any;
-		/** [Config Option] (String) */
-		fontStyle?: string;
-		/** [Config Option] (String) */
-		fontVariant?: string;
-		/** [Config Option] (String) */
-		fontWeight?: string;
-		/** [Config Option] (String) */
-		text?: string;
-		/** [Config Option] (String) */
-		textAlign?: string;
-		/** [Config Option] (String) */
-		textBaseline?: string;
-		/** [Config Option] (Number) */
-		x?: number;
-		/** [Config Option] (Number) */
-		y?: number;
-		/** [Method] Render method
-		* @param surface Object
-		* @param ctx Object
-		* @returns * returns false to stop rendering in this frame. All the sprite haven't been rendered will have their dirty flag untouched.
-		*/
-		render?( surface?:any, ctx?:any ): any;
-		/** [Method] Subclass will fill the plain object with x y width height information of the plain bounding box of this sprite
-		* @param plain Object
-		*/
-		updatePlainBBox?( plain?:any ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface ISurface extends Ext.IComponent {
-		/** [Config Option] (Object) */
-		background?: any;
-		/** [Config Option] (Boolean) */
-		dirty?: boolean;
-		/** [Config Option] (Array) */
-		groups?: any[];
-		/** [Config Option] (Ext.draw.Group) */
-		items?: Ext.draw.IGroup;
-		/** [Config Option] (Array) */
-		region?: any[];
-		/** [Property] (Object) */
-		devicePixelRatio?: any;
-		/** [Method] Add a Sprite to the surface  */
-		add?(): void;
-		/** [Method] Empty the surface content without touching the sprites */
-		clear?(): void;
-		/** [Method] Destroys the surface  */
-		destroy?(): void;
-		/** [Method]
-		* @param sprite Object
-		* @param isWithoutTransform Object
-		* @returns Object
-		*/
-		getBBox?( sprite?:any, isWithoutTransform?:any ): any;
-		/** [Method] Returns the value of background
-		* @returns Object
-		*/
-		getBackground?(): any;
-		/** [Method] Returns true if the surface is dirty
-		* @returns Boolean 'true' if the surface is dirty
-		*/
-		getDirty?(): boolean;
-		/** [Method]
-		* @param id String The unique identifier of the group.
-		* @returns Ext.draw.Group The group.
-		*/
-		getGroup?( id?:string ): Ext.draw.IGroup;
-		/** [Method] Returns the value of groups
-		* @returns Array
-		*/
-		getGroups?(): any[];
-		/** [Method] Returns the value of items
-		* @returns Ext.draw.Group
-		*/
-		getItems?(): Ext.draw.IGroup;
-		/** [Method] Returns the value of region
-		* @returns Array
-		*/
-		getRegion?(): any[];
-		/** [Method] Invoked when a sprite is adding to the surface
-		* @param sprite Ext.draw.sprite.Sprite The sprite to be added.
-		*/
-		onAdd?( sprite?:Ext.draw.sprite.ISprite ): void;
-		/** [Method] Remove a given sprite from the surface optionally destroying the sprite in the process
-		* @param sprite Ext.draw.sprite.Sprite
-		* @param destroySprite Boolean
-		*/
-		remove?( sprite?:Ext.draw.sprite.ISprite, destroySprite?:boolean ): void;
-		/** [Method] Remove all sprites from the surface optionally destroying the sprites in the process  */
-		removeAll?(): void;
-		/** [Method] Triggers the re rendering of the canvas  */
-		renderFrame?(): void;
-		/** [Method] Force the element to redraw  */
-		repaint?(): void;
-		/** [Method] Reset the matrix of the surface  */
-		resetTransform?(): void;
-		/** [Method] Round the number to align to the pixels on device
-		* @param num Object The number to align.
-		* @returns Number The resultant alignment.
-		*/
-		roundPixel?( num?:any ): number;
-		/** [Method] Sets the value of background
-		* @param background Object
-		*/
-		setBackground?( background?:any ): void;
-		/** [Method] Sets the value of groups
-		* @param groups Array
-		*/
-		setGroups?( groups?:any[] ): void;
-		/** [Method] Sets the value of items
-		* @param items Ext.draw.Group
-		*/
-		setItems?( items?:Ext.draw.IGroup ): void;
-		/** [Method] Sets the value of region
-		* @param region Array
-		*/
-		setRegion?( region?:any[] ): void;
-		/** [Method] Mark the surface to render after another surface is updated
-		* @param surface Object The surface to wait for.
-		*/
-		waitFor?( surface?:any ): void;
-	}
-	export class Surface {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-		/** [Method] Stably sort the list of sprites by their zIndex
-		* @param list Object
-		*/
-		static stableSort( list?:any ): void;
-	}
-}
-declare namespace Ext.draw {
-	export interface ITextMeasurer extends Ext.IBase {
-	}
-	export class TextMeasurer {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Measure a text with specific font
-		* @param text String
-		* @param font String
-		* @returns Object An object with width and height properties.
-		*/
-		static measureText( text?:string, font?:string ): any;
-		/** [Method] Measure a single line text with specific font
-		* @param text String
-		* @param font String
-		* @returns Object An object with width and height properties.
-		*/
-		static measureTextSingleLine( text?:string, font?:string ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.draw {
-	export interface ITimingFunctions extends Ext.IBase {
-	}
-	export class TimingFunctions {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.env {
-	export interface IBrowser extends Ext.IBase {
-		/** [Property] (String) */
-		engineName?: string;
-		/** [Property] (Ext.Version) */
-		engineVersion?: Ext.IVersion;
-		/** [Property] (Boolean) */
-		isSecure?: boolean;
-		/** [Property] (Boolean) */
-		isStrict?: boolean;
-		/** [Property] (String) */
-		name?: string;
-		/** [Property] (String) */
-		userAgent?: string;
-		/** [Property] (Ext.Version) */
-		version?: Ext.IVersion;
-		/** [Method] A hybrid property can be either accessed as a method call for example  if Ext browser is IE
-		* @param value String The OS name to check.
-		* @returns Boolean
-		*/
-		is?( value?:string ): boolean;
-	}
-}
-declare namespace Ext.env {
-	export interface IFeature extends Ext.IBase {
-	}
-}
-declare namespace Ext.env {
-	export interface IOS extends Ext.IBase {
-		/** [Property] (String) */
-		name?: string;
-		/** [Property] (Ext.Version) */
-		version?: Ext.IVersion;
-		/** [Method] A hybrid property can be either accessed as a method call i e  if Ext os is Android
-		* @param value String The OS name to check.
-		* @returns Boolean
-		*/
-		is?( value?:string ): boolean;
-	}
-}
-declare namespace Ext.event {
-	export interface IController extends Ext.IBase {
-	}
-}
-declare namespace Ext.event {
-	export interface IDispatcher extends Ext.IBase {
-		/** [Method] Returns the value of publishers
-		* @returns Object
-		*/
-		getPublishers?(): any;
-		/** [Method] Sets the value of publishers
-		* @param publishers Object
-		*/
-		setPublishers?( publishers?:any ): void;
-	}
-}
-declare namespace Ext.event {
-	export interface IDom {
-		/** [Property] (Number) */
-		distance?: number;
-		/** [Property] (Number) */
-		pageX?: number;
-		/** [Property] (Number) */
-		pageY?: number;
-		/** [Property] (HTMLElement) */
-		target?: HTMLElement;
-		/** [Method] Gets the x coordinate of the event
-		* @returns Number
-		*/
-		getPageX?(): number;
-		/** [Method] Gets the y coordinate of the event
-		* @returns Number
-		*/
-		getPageY?(): number;
-		/** [Method] Gets the target for the event
-		* @param selector String A simple selector to filter the target or look for an ancestor of the target
-		* @param maxDepth Number/Mixed The max depth to search as a number or element (defaults to 10 || document.body)
-		* @param returnEl Boolean true to return a Ext.Element object instead of DOM node.
-		* @returns HTMLElement
-		*/
-		getTarget?( selector?:string, maxDepth?:any, returnEl?:boolean ): HTMLElement;
-		/** [Method] Returns the time of the event
-		* @returns Date
-		*/
-		getTime?(): any;
-		/** [Method] Gets the X and Y coordinates of the event
-		* @returns Array
-		*/
-		getXY?(): any[];
-		/** [Method] Prevents the browsers default handling of the event  */
-		preventDefault?(): void;
-	}
-}
-declare namespace Ext.event {
-	export interface IEvent extends Ext.IBase,Ext.event.ITouch {
-		/** [Property] (Number) */
-		angle?: number;
-		/** [Property] (Number) */
-		direction?: number;
-		/** [Property] (Number) */
-		duration?: number;
-		/** [Property] (Number) */
-		rotation?: number;
-		/** [Property] (Number) */
-		scale?: number;
-		/** [Method] Stop the event preventDefault and stopPropagation
-		* @returns Ext.event.Event this
-		*/
-		stopEvent?(): Ext.event.IEvent;
-		/** [Method] Cancels bubbling of the event
-		* @returns Ext.event.Event this
-		*/
-		stopPropagation?(): Ext.event.IEvent;
-	}
-}
-declare namespace Ext {
-	export interface IEventObject extends Ext.IBase,Ext.event.ITouch {
-		/** [Property] (Number) */
-		angle?: number;
-		/** [Property] (Number) */
-		direction?: number;
-		/** [Property] (Number) */
-		duration?: number;
-		/** [Property] (Number) */
-		rotation?: number;
-		/** [Property] (Number) */
-		scale?: number;
-		/** [Method] Stop the event preventDefault and stopPropagation
-		* @returns Ext.event.Event this
-		*/
-		stopEvent?(): Ext.event.IEvent;
-		/** [Method] Cancels bubbling of the event
-		* @returns Ext.event.Event this
-		*/
-		stopPropagation?(): Ext.event.IEvent;
-	}
-}
-declare namespace Ext.event {
-	export interface IListenerStack extends Ext.IBase {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IComponentDelegation extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IComponentPaint extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IComponentSize extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IDom extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IElementPaint extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IElementSize extends Ext.event.publisher.IPublisher {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface IPublisher extends Ext.IBase {
-	}
-}
-declare namespace Ext.event.publisher {
-	export interface ITouchGesture extends Ext.event.publisher.IDom {
-		/** [Method] Returns the value of moveThrottle
-		* @returns Number
-		*/
-		getMoveThrottle?(): number;
-		/** [Method] Returns the value of recognizers
-		* @returns Object
-		*/
-		getRecognizers?(): any;
-		/** [Method] Sets the value of moveThrottle
-		* @param moveThrottle Number
-		*/
-		setMoveThrottle?( moveThrottle?:number ): void;
-		/** [Method] Sets the value of recognizers
-		* @param recognizers Object
-		*/
-		setRecognizers?( recognizers?:any ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IDoubleTap extends Ext.event.recognizer.ISingleTouch {
-		/** [Method] Returns the value of maxDuration
-		* @returns Number
-		*/
-		getMaxDuration?(): number;
-		/** [Method] Sets the value of maxDuration
-		* @param maxDuration Number
-		*/
-		setMaxDuration?( maxDuration?:number ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IDrag extends Ext.event.recognizer.ISingleTouch {
-		/** [Config Option] (Number) */
-		minDistance?: number;
-		/** [Method] Returns the value of minDistance
-		* @returns Number
-		*/
-		getMinDistance?(): number;
-		/** [Method] Sets the value of minDistance
-		* @param minDistance Number
-		*/
-		setMinDistance?( minDistance?:number ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IHorizontalSwipe extends Ext.event.recognizer.ISwipe {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface ILongPress extends Ext.event.recognizer.ISingleTouch {
-		/** [Method] Returns the value of minDuration
-		* @returns Number
-		*/
-		getMinDuration?(): number;
-		/** [Method] Sets the value of minDuration
-		* @param minDuration Number
-		*/
-		setMinDuration?( minDuration?:number ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IMultiTouch extends Ext.event.recognizer.ITouch {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IPinch extends Ext.event.recognizer.IMultiTouch {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IRecognizer extends Ext.IBase,Ext.mixin.IIdentifiable {
-		/** [Method] Returns the value of callbackScope
-		* @returns Object
-		*/
-		getCallbackScope?(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		getId?(): string;
-		/** [Method] Returns the value of onFailed
-		* @returns Object
-		*/
-		getOnFailed?(): any;
-		/** [Method] Returns the value of onRecognized
-		* @returns Object
-		*/
-		getOnRecognized?(): any;
-		/** [Method] Sets the value of callbackScope
-		* @param callbackScope Object
-		*/
-		setCallbackScope?( callbackScope?:any ): void;
-		/** [Method] Sets the value of onFailed
-		* @param onFailed Object
-		*/
-		setOnFailed?( onFailed?:any ): void;
-		/** [Method] Sets the value of onRecognized
-		* @param onRecognized Object
-		*/
-		setOnRecognized?( onRecognized?:any ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IRotate extends Ext.event.recognizer.IMultiTouch {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface ISingleTouch extends Ext.event.recognizer.ITouch {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface ISwipe extends Ext.event.recognizer.ISingleTouch {
-		/** [Method] Returns the value of maxDuration
-		* @returns Number
-		*/
-		getMaxDuration?(): number;
-		/** [Method] Returns the value of maxOffset
-		* @returns Number
-		*/
-		getMaxOffset?(): number;
-		/** [Method] Returns the value of minDistance
-		* @returns Number
-		*/
-		getMinDistance?(): number;
-		/** [Method] Sets the value of maxDuration
-		* @param maxDuration Number
-		*/
-		setMaxDuration?( maxDuration?:number ): void;
-		/** [Method] Sets the value of maxOffset
-		* @param maxOffset Number
-		*/
-		setMaxOffset?( maxOffset?:number ): void;
-		/** [Method] Sets the value of minDistance
-		* @param minDistance Number
-		*/
-		setMinDistance?( minDistance?:number ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface ITap extends Ext.event.recognizer.ISingleTouch {
-		/** [Config Option] (Number) */
-		moveDistance?: number;
-		/** [Method] Returns the value of moveDistance
-		* @returns Number
-		*/
-		getMoveDistance?(): number;
-		/** [Method] Sets the value of moveDistance
-		* @param moveDistance Number
-		*/
-		setMoveDistance?( moveDistance?:number ): void;
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface ITouch extends Ext.event.recognizer.IRecognizer {
-	}
-}
-declare namespace Ext.event.recognizer {
-	export interface IVerticalSwipe extends Ext.event.recognizer.ISwipe {
-	}
-}
-declare namespace Ext.event {
-	export interface ITouch extends Ext.event.IDom {
-	}
-}
-declare namespace Ext {
-	export interface IEvented extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IEventedBase extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IEventManager {
-	}
-	export class EventManager {
-		/** [Method] Appends an event handler to an element
-		* @param el String/HTMLElement The HTML element or id to assign the event handler to.
-		* @param eventName String The name of the event to listen for.
-		* @param handler Function The handler function the event invokes. This function is passed the following parameters:
-		* @param scope Object The scope (this reference) in which the handler function is executed. Defaults to the Element.
-		* @param options Object An object containing handler configuration properties. This may contain any of the following properties:
-		*/
-		static addListener( el?:any, eventName?:string, handler?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends an event handler to an element
-		* @param el String/HTMLElement The html element or id to assign the event handler to.
-		* @param eventName String The name of the event to listen for.
-		* @param handler Function The handler function the event invokes.
-		* @param scope Object (this reference) in which the handler function executes. Defaults to the Element.
-		* @param options Object An object containing standard addListener options
-		*/
-		static on( el?:any, eventName?:string, handler?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds a listener to be notified when the document is ready before onload and before images are loaded */
-		static onDocumentReady(): void;
-		/** [Method] Adds a listener to be notified when the browser window is resized and provides resize event buffering 50 millisecond
-		* @param fn Function The handler function the window resize event invokes.
-		* @param scope Object The scope (this reference) in which the handler function executes. Defaults to the browser window.
-		* @param options Boolean Options object as passed to Ext.Element.addListener
-		*/
-		static onWindowResize( fn?:any, scope?:any, options?:boolean ): void;
-		/** [Method] Removes all event handers from an element
-		* @param el String/HTMLElement The id or html element from which to remove all event handlers.
-		*/
-		static removeAll( el?:any ): void;
-		/** [Method] Removes an event handler from an element
-		* @param el String/HTMLElement The id or html element from which to remove the listener.
-		* @param eventName String The name of the event.
-		* @param fn Function The handler function to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object If a scope (this reference) was specified when the listener was added, then this must refer to the same object.
-		*/
-		static removeListener( el?:any, eventName?:string, fn?:any, scope?:any ): void;
-		/** [Method] Removes an event handler from an element
-		* @param el String/HTMLElement The id or html element from which to remove the listener.
-		* @param eventName String The name of the event.
-		* @param fn Function The handler function to remove. This must be a reference to the function passed into the on call.
-		* @param scope Object If a scope (this reference) was specified when the listener was added, then this must refer to the same object.
-		*/
-		static un( el?:any, eventName?:string, fn?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IFeature extends Ext.env.IFeature {
-	}
-	export class Feature {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Verifies if a browser feature exists or not on the current device
-		* @param value String The feature name to check.
-		* @returns Boolean
-		*/
-		static has( value?:string ): boolean;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.field {
-	export interface ICheckbox extends Ext.field.IField {
-		/** [Config Option] (Boolean) */
-		checked?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (String) */
-		value?: string;
-		/** [Method] Set the checked state of the checkbox to true
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		check?(): Ext.field.ICheckbox;
-		/** [Method] Method called when this Ext field Checkbox has been checked  */
-		doChecked?(): void;
-		/** [Method] Method called when this Ext field Checkbox has been unchecked  */
-		doUnChecked?(): void;
-		/** [Method] Returns the field checked value
-		* @returns Mixed The field value.
-		*/
-		getChecked?(): any;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns an array of values from the checkboxes in the group that are checked
-		* @returns Array
-		*/
-		getGroupValues?(): any[];
-		/** [Method] Returns the submit value for the checkbox which can be used when submitting forms
-		* @returns Boolean/String value The value of value or true, if checked.
-		*/
-		getSubmitValue?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns String
-		*/
-		getValue?(): string;
-		/** [Method] Returns the checked state of the checkbox
-		* @returns Boolean true if checked, false otherwise.
-		*/
-		isChecked?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the status of all matched checkboxes in the same group to checked
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		resetGroupValues?(): Ext.field.ICheckbox;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Set the status of all matched checkboxes in the same group to checked
-		* @param values Array An array of values.
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		setGroupValues?( values?:any[] ): Ext.field.ICheckbox;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value String
-		*/
-		setValue?( value?:string ): void;
-		/** [Method] Set the checked state of the checkbox to false
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		uncheck?(): Ext.field.ICheckbox;
-	}
-}
-declare namespace Ext.form {
-	export interface ICheckbox extends Ext.field.IField {
-		/** [Config Option] (Boolean) */
-		checked?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (String) */
-		value?: string;
-		/** [Method] Set the checked state of the checkbox to true
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		check?(): Ext.field.ICheckbox;
-		/** [Method] Method called when this Ext field Checkbox has been checked  */
-		doChecked?(): void;
-		/** [Method] Method called when this Ext field Checkbox has been unchecked  */
-		doUnChecked?(): void;
-		/** [Method] Returns the field checked value
-		* @returns Mixed The field value.
-		*/
-		getChecked?(): any;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns an array of values from the checkboxes in the group that are checked
-		* @returns Array
-		*/
-		getGroupValues?(): any[];
-		/** [Method] Returns the submit value for the checkbox which can be used when submitting forms
-		* @returns Boolean/String value The value of value or true, if checked.
-		*/
-		getSubmitValue?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns String
-		*/
-		getValue?(): string;
-		/** [Method] Returns the checked state of the checkbox
-		* @returns Boolean true if checked, false otherwise.
-		*/
-		isChecked?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the status of all matched checkboxes in the same group to checked
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		resetGroupValues?(): Ext.field.ICheckbox;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Set the status of all matched checkboxes in the same group to checked
-		* @param values Array An array of values.
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		setGroupValues?( values?:any[] ): Ext.field.ICheckbox;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value String
-		*/
-		setValue?( value?:string ): void;
-		/** [Method] Set the checked state of the checkbox to false
-		* @returns Ext.field.Checkbox This checkbox.
-		*/
-		uncheck?(): Ext.field.ICheckbox;
-	}
-}
-declare namespace Ext.field {
-	export interface IDatePicker extends Ext.field.IText {
-		/** [Config Option] (String) */
-		dateFormat?: string;
-		/** [Config Option] (Boolean) */
-		destroyPickerOnHide?: boolean;
-		/** [Config Option] (Object/Ext.picker.Date) */
-		picker?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Object/Date) */
-		value?: any;
-		/** [Method] Returns the value of dateFormat
-		* @returns String
-		*/
-		getDateFormat?(): string;
-		/** [Method]  */
-		getDatePicker?(): void;
-		/** [Method] Returns the value of destroyPickerOnHide
-		* @returns Boolean
-		*/
-		getDestroyPickerOnHide?(): boolean;
-		/** [Method] Returns the value of the field formatted using the specified format
-		* @param format String The format to be returned.
-		* @returns String The formatted date.
-		*/
-		getFormattedValue?( format?:string ): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the Date value of this field
-		* @returns Date The date selected
-		*/
-		getValue?(): any;
-		/** [Method] Override this or change event will be fired twice  */
-		onChange?(): void;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of dateFormat
-		* @param dateFormat String
-		*/
-		setDateFormat?( dateFormat?:string ): void;
-		/** [Method] Sets the value of destroyPickerOnHide
-		* @param destroyPickerOnHide Boolean
-		*/
-		setDestroyPickerOnHide?( destroyPickerOnHide?:boolean ): void;
-		/** [Method] Sets the value of picker
-		* @param picker Object/Ext.picker.Date
-		*/
-		setPicker?( picker?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value Object/Date
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IDatePicker extends Ext.field.IText {
-		/** [Config Option] (String) */
-		dateFormat?: string;
-		/** [Config Option] (Boolean) */
-		destroyPickerOnHide?: boolean;
-		/** [Config Option] (Object/Ext.picker.Date) */
-		picker?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Object/Date) */
-		value?: any;
-		/** [Method] Returns the value of dateFormat
-		* @returns String
-		*/
-		getDateFormat?(): string;
-		/** [Method]  */
-		getDatePicker?(): void;
-		/** [Method] Returns the value of destroyPickerOnHide
-		* @returns Boolean
-		*/
-		getDestroyPickerOnHide?(): boolean;
-		/** [Method] Returns the value of the field formatted using the specified format
-		* @param format String The format to be returned.
-		* @returns String The formatted date.
-		*/
-		getFormattedValue?( format?:string ): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the Date value of this field
-		* @returns Date The date selected
-		*/
-		getValue?(): any;
-		/** [Method] Override this or change event will be fired twice  */
-		onChange?(): void;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of dateFormat
-		* @param dateFormat String
-		*/
-		setDateFormat?( dateFormat?:string ): void;
-		/** [Method] Sets the value of destroyPickerOnHide
-		* @param destroyPickerOnHide Boolean
-		*/
-		setDestroyPickerOnHide?( destroyPickerOnHide?:boolean ): void;
-		/** [Method] Sets the value of picker
-		* @param picker Object/Ext.picker.Date
-		*/
-		setPicker?( picker?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value Object/Date
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IEmail extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IEmail extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IField extends Ext.IDecorator {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		clearIcon?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		fieldCls?: string;
-		/** [Config Option] (String) */
-		fieldLabel?: string;
-		/** [Config Option] (String) */
-		inputCls?: string;
-		/** [Config Option] (String) */
-		inputType?: string;
-		/** [Config Option] (String) */
-		label?: string;
-		/** [Config Option] (String) */
-		labelAlign?: string;
-		/** [Config Option] (String) */
-		labelCls?: string;
-		/** [Config Option] (Number/String) */
-		labelWidth?: any;
-		/** [Config Option] (Boolean) */
-		labelWrap?: boolean;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Boolean) */
-		required?: boolean;
-		/** [Config Option] (String) */
-		requiredCls?: string;
-		/** [Config Option] (Number) */
-		tabIndex?: number;
-		/** [Config Option] (String) */
-		useClearIcon?: string;
-		/** [Config Option] (Mixed) */
-		value?: any;
-		/** [Property] (Boolean) */
-		isField?: boolean;
-		/** [Property] (Ext.Element) */
-		labelEl?: Ext.IElement;
-		/** [Property] (Mixed) */
-		originalValue?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of clearIcon
-		* @returns Boolean
-		*/
-		getClearIcon?(): boolean;
-		/** [Method] Returns the value of inputCls
-		* @returns String
-		*/
-		getInputCls?(): string;
-		/** [Method] Returns the value of inputType
-		* @returns String
-		*/
-		getInputType?(): string;
-		/** [Method] Returns the value of label
-		* @returns String
-		*/
-		getLabel?(): string;
-		/** [Method] Returns the value of labelAlign
-		* @returns String
-		*/
-		getLabelAlign?(): string;
-		/** [Method] Returns the value of labelCls
-		* @returns String
-		*/
-		getLabelCls?(): string;
-		/** [Method] Returns the value of labelWidth
-		* @returns Number/String
-		*/
-		getLabelWidth?(): any;
-		/** [Method] Returns the value of labelWrap
-		* @returns Boolean
-		*/
-		getLabelWrap?(): boolean;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of required
-		* @returns Boolean
-		*/
-		getRequired?(): boolean;
-		/** [Method] Returns the value of requiredCls
-		* @returns String
-		*/
-		getRequiredCls?(): string;
-		/** [Method] Returns the value of tabIndex
-		* @returns Number
-		*/
-		getTabIndex?(): number;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the field s originalValue property so it matches the current value  */
-		resetOriginalValue?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of clearIcon
-		* @param clearIcon Boolean
-		*/
-		setClearIcon?( clearIcon?:boolean ): void;
-		/** [Method] Sets the value of inputCls
-		* @param inputCls String
-		*/
-		setInputCls?( inputCls?:string ): void;
-		/** [Method] Sets the value of inputType
-		* @param inputType String
-		*/
-		setInputType?( inputType?:string ): void;
-		/** [Method] Sets the value of label
-		* @param label String
-		*/
-		setLabel?( label?:string ): void;
-		/** [Method] Sets the value of labelAlign
-		* @param labelAlign String
-		*/
-		setLabelAlign?( labelAlign?:string ): void;
-		/** [Method] Sets the value of labelCls
-		* @param labelCls String
-		*/
-		setLabelCls?( labelCls?:string ): void;
-		/** [Method] Sets the value of labelWidth
-		* @param labelWidth Number/String
-		*/
-		setLabelWidth?( labelWidth?:any ): void;
-		/** [Method] Sets the value of labelWrap
-		* @param labelWrap Boolean
-		*/
-		setLabelWrap?( labelWrap?:boolean ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of required
-		* @param required Boolean
-		*/
-		setRequired?( required?:boolean ): void;
-		/** [Method] Sets the value of requiredCls
-		* @param requiredCls String
-		*/
-		setRequiredCls?( requiredCls?:string ): void;
-		/** [Method] Sets the value of tabIndex
-		* @param tabIndex Number
-		*/
-		setTabIndex?( tabIndex?:number ): void;
-		/** [Method] Sets the value of value
-		* @param value Mixed
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IField extends Ext.IDecorator {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		clearIcon?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		fieldCls?: string;
-		/** [Config Option] (String) */
-		fieldLabel?: string;
-		/** [Config Option] (String) */
-		inputCls?: string;
-		/** [Config Option] (String) */
-		inputType?: string;
-		/** [Config Option] (String) */
-		label?: string;
-		/** [Config Option] (String) */
-		labelAlign?: string;
-		/** [Config Option] (String) */
-		labelCls?: string;
-		/** [Config Option] (Number/String) */
-		labelWidth?: any;
-		/** [Config Option] (Boolean) */
-		labelWrap?: boolean;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Boolean) */
-		required?: boolean;
-		/** [Config Option] (String) */
-		requiredCls?: string;
-		/** [Config Option] (Number) */
-		tabIndex?: number;
-		/** [Config Option] (String) */
-		useClearIcon?: string;
-		/** [Config Option] (Mixed) */
-		value?: any;
-		/** [Property] (Boolean) */
-		isField?: boolean;
-		/** [Property] (Ext.Element) */
-		labelEl?: Ext.IElement;
-		/** [Property] (Mixed) */
-		originalValue?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of clearIcon
-		* @returns Boolean
-		*/
-		getClearIcon?(): boolean;
-		/** [Method] Returns the value of inputCls
-		* @returns String
-		*/
-		getInputCls?(): string;
-		/** [Method] Returns the value of inputType
-		* @returns String
-		*/
-		getInputType?(): string;
-		/** [Method] Returns the value of label
-		* @returns String
-		*/
-		getLabel?(): string;
-		/** [Method] Returns the value of labelAlign
-		* @returns String
-		*/
-		getLabelAlign?(): string;
-		/** [Method] Returns the value of labelCls
-		* @returns String
-		*/
-		getLabelCls?(): string;
-		/** [Method] Returns the value of labelWidth
-		* @returns Number/String
-		*/
-		getLabelWidth?(): any;
-		/** [Method] Returns the value of labelWrap
-		* @returns Boolean
-		*/
-		getLabelWrap?(): boolean;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of required
-		* @returns Boolean
-		*/
-		getRequired?(): boolean;
-		/** [Method] Returns the value of requiredCls
-		* @returns String
-		*/
-		getRequiredCls?(): string;
-		/** [Method] Returns the value of tabIndex
-		* @returns Number
-		*/
-		getTabIndex?(): number;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the field s originalValue property so it matches the current value  */
-		resetOriginalValue?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of clearIcon
-		* @param clearIcon Boolean
-		*/
-		setClearIcon?( clearIcon?:boolean ): void;
-		/** [Method] Sets the value of inputCls
-		* @param inputCls String
-		*/
-		setInputCls?( inputCls?:string ): void;
-		/** [Method] Sets the value of inputType
-		* @param inputType String
-		*/
-		setInputType?( inputType?:string ): void;
-		/** [Method] Sets the value of label
-		* @param label String
-		*/
-		setLabel?( label?:string ): void;
-		/** [Method] Sets the value of labelAlign
-		* @param labelAlign String
-		*/
-		setLabelAlign?( labelAlign?:string ): void;
-		/** [Method] Sets the value of labelCls
-		* @param labelCls String
-		*/
-		setLabelCls?( labelCls?:string ): void;
-		/** [Method] Sets the value of labelWidth
-		* @param labelWidth Number/String
-		*/
-		setLabelWidth?( labelWidth?:any ): void;
-		/** [Method] Sets the value of labelWrap
-		* @param labelWrap Boolean
-		*/
-		setLabelWrap?( labelWrap?:boolean ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of required
-		* @param required Boolean
-		*/
-		setRequired?( required?:boolean ): void;
-		/** [Method] Sets the value of requiredCls
-		* @param requiredCls String
-		*/
-		setRequiredCls?( requiredCls?:string ): void;
-		/** [Method] Sets the value of tabIndex
-		* @param tabIndex Number
-		*/
-		setTabIndex?( tabIndex?:number ): void;
-		/** [Method] Sets the value of value
-		* @param value Mixed
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IFile extends Ext.field.IInput {
-		/** [Config Option] (String) */
-		type?: string;
-		/** [Method] Returns the value of type
-		* @returns String
-		*/
-		getType?(): string;
-		/** [Method] Sets the value of type
-		* @param type String
-		*/
-		setType?( type?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IHidden extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IHidden extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IInput extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Boolean) */
-		autoComplete?: boolean;
-		/** [Config Option] (Boolean) */
-		autoCorrect?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		checked?: boolean;
-		/** [Config Option] (String) */
-		cls?: string;
-		/** [Config Option] (Boolean) */
-		disabled?: boolean;
-		/** [Config Option] (String) */
-		focusCls?: string;
-		/** [Config Option] (Number) */
-		maxLength?: number;
-		/** [Config Option] (Number) */
-		maxRows?: number;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (String) */
-		pattern?: string;
-		/** [Config Option] (String) */
-		placeHolder?: string;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (Mixed) */
-		startValue?: any;
-		/** [Config Option] (Number) */
-		stepValue?: number;
-		/** [Config Option] (Number) */
-		tabIndex?: number;
-		/** [Config Option] (String) */
-		type?: string;
-		/** [Config Option] (Mixed) */
-		value?: any;
-		/** [Property] (Boolean) */
-		isFocused?: boolean;
-		/** [Method] Attempts to forcefully blur input focus for the field
-		* @returns Ext.field.Input this
-		*/
-		blur?(): Ext.field.IInput;
-		/** [Method] Attempts to set the field as the active input focus
-		* @returns Ext.field.Input this
-		*/
-		focus?(): Ext.field.IInput;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of autoComplete
-		* @returns Boolean
-		*/
-		getAutoComplete?(): boolean;
-		/** [Method] Returns the value of autoCorrect
-		* @returns Boolean
-		*/
-		getAutoCorrect?(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the checked value of this field
-		* @returns Mixed value The field value
-		*/
-		getChecked?(): any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		getDisabled?(): boolean;
-		/** [Method] Returns the value of focusCls
-		* @returns String
-		*/
-		getFocusCls?(): string;
-		/** [Method] Returns the value of maxLength
-		* @returns Number
-		*/
-		getMaxLength?(): number;
-		/** [Method] Returns the value of maxRows
-		* @returns Number
-		*/
-		getMaxRows?(): number;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of pattern
-		* @returns String
-		*/
-		getPattern?(): string;
-		/** [Method] Returns the value of placeHolder
-		* @returns String
-		*/
-		getPlaceHolder?(): string;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the value of startValue
-		* @returns Mixed
-		*/
-		getStartValue?(): any;
-		/** [Method] Returns the value of stepValue
-		* @returns Number
-		*/
-		getStepValue?(): number;
-		/** [Method] Returns the value of tabIndex
-		* @returns Number
-		*/
-		getTabIndex?(): number;
-		/** [Method] Returns the value of type
-		* @returns String
-		*/
-		getType?(): string;
-		/** [Method] Returns the field data value
-		* @returns Mixed value The field value.
-		*/
-		getValue?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its original value
-		* @returns Boolean
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value to the original value  */
-		reset?(): void;
-		/** [Method] Attempts to forcefully select all the contents of the input field
-		* @returns Ext.field.Input this
-		*/
-		select?(): Ext.field.IInput;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of autoComplete
-		* @param autoComplete Boolean
-		*/
-		setAutoComplete?( autoComplete?:boolean ): void;
-		/** [Method] Sets the value of autoCorrect
-		* @param autoCorrect Boolean
-		*/
-		setAutoCorrect?( autoCorrect?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		setDisabled?( disabled?:boolean ): void;
-		/** [Method] Sets the value of focusCls
-		* @param focusCls String
-		*/
-		setFocusCls?( focusCls?:string ): void;
-		/** [Method] Sets the value of maxLength
-		* @param maxLength Number
-		*/
-		setMaxLength?( maxLength?:number ): void;
-		/** [Method] Sets the value of maxRows
-		* @param maxRows Number
-		*/
-		setMaxRows?( maxRows?:number ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of pattern
-		* @param pattern String
-		*/
-		setPattern?( pattern?:string ): void;
-		/** [Method] Sets the value of placeHolder
-		* @param placeHolder String
-		*/
-		setPlaceHolder?( placeHolder?:string ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of startValue
-		* @param startValue Mixed
-		*/
-		setStartValue?( startValue?:any ): void;
-		/** [Method] Sets the value of stepValue
-		* @param stepValue Number
-		*/
-		setStepValue?( stepValue?:number ): void;
-		/** [Method] Sets the value of tabIndex
-		* @param tabIndex Number
-		*/
-		setTabIndex?( tabIndex?:number ): void;
-		/** [Method] Sets the value of type
-		* @param type String
-		*/
-		setType?( type?:string ): void;
-		/** [Method] Updates the cls configuration
-		* @param newCls Object
-		* @param oldCls Object
-		*/
-		updateCls?( newCls?:any, oldCls?:any ): void;
-		/** [Method] Updates the useMask configuration
-		* @param newUseMask Object
-		*/
-		updateUseMask?( newUseMask?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface INumber extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Number) */
-		stepValue?: number;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of stepValue
-		* @returns Number
-		*/
-		getStepValue?(): number;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of stepValue
-		* @param stepValue Number
-		*/
-		setStepValue?( stepValue?:number ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface INumber extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Number) */
-		stepValue?: number;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of stepValue
-		* @returns Number
-		*/
-		getStepValue?(): number;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of stepValue
-		* @param stepValue Number
-		*/
-		setStepValue?( stepValue?:number ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IPassword extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IPassword extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IRadio extends Ext.field.ICheckbox {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the selected value if this radio is part of a group other radio fields with the same name in the same FormP
-		* @returns String
-		*/
-		getGroupValue?(): string;
-		/** [Method] Returns the submit value for the checkbox which can be used when submitting forms
-		* @returns Boolean/String value The value of value or true, if checked.
-		*/
-		getSubmitValue?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns String
-		*/
-		getValue?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Set the matched radio field s status that has the same value as the given string to checked
-		* @param value String The value of the radio field to check.
-		* @returns Ext.field.Radio The field that is checked.
-		*/
-		setGroupValue?( value?:string ): Ext.field.IRadio;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value Object
-		* @returns Ext.field.Radio this
-		*/
-		setValue?( value?:any ): Ext.field.IRadio;
-	}
-}
-declare namespace Ext.form {
-	export interface IRadio extends Ext.field.ICheckbox {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the selected value if this radio is part of a group other radio fields with the same name in the same FormP
-		* @returns String
-		*/
-		getGroupValue?(): string;
-		/** [Method] Returns the submit value for the checkbox which can be used when submitting forms
-		* @returns Boolean/String value The value of value or true, if checked.
-		*/
-		getSubmitValue?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns String
-		*/
-		getValue?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Set the matched radio field s status that has the same value as the given string to checked
-		* @param value String The value of the radio field to check.
-		* @returns Ext.field.Radio The field that is checked.
-		*/
-		setGroupValue?( value?:string ): Ext.field.IRadio;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value Object
-		* @returns Ext.field.Radio this
-		*/
-		setValue?( value?:any ): Ext.field.IRadio;
-	}
-}
-declare namespace Ext.field {
-	export interface ISearch extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface ISearch extends Ext.field.IText {
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface ISelect extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoSelect?: boolean;
-		/** [Config Option] (Object) */
-		defaultPhonePickerConfig?: any;
-		/** [Config Option] (Object) */
-		defaultTabletPickerConfig?: any;
-		/** [Config Option] (String/Number) */
-		displayField?: any;
-		/** [Config Option] (String) */
-		hiddenName?: string;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Array) */
-		options?: any[];
-		/** [Config Option] (Ext.data.Store/Object/String) */
-		store?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (String/Boolean) */
-		usePicker?: any;
-		/** [Config Option] (String/Number) */
-		valueField?: any;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of autoSelect
-		* @returns Boolean
-		*/
-		getAutoSelect?(): boolean;
-		/** [Method] Returns the value of defaultPhonePickerConfig
-		* @returns Object
-		*/
-		getDefaultPhonePickerConfig?(): any;
-		/** [Method] Returns the value of defaultTabletPickerConfig
-		* @returns Object
-		*/
-		getDefaultTabletPickerConfig?(): any;
-		/** [Method] Returns the value of displayField
-		* @returns String/Number
-		*/
-		getDisplayField?(): any;
-		/** [Method] Returns the value of hiddenName
-		* @returns String
-		*/
-		getHiddenName?(): string;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of options
-		* @returns Array
-		*/
-		getOptions?(): any[];
-		/** [Method] Returns the current selected record instance selected in this field
-		* @returns Ext.data.Model the record.
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.Store/Object/String
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of usePicker
-		* @returns String/Boolean
-		*/
-		getUsePicker?(): any;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns the value of valueField
-		* @returns String/Number
-		*/
-		getValueField?(): any;
-		/** [Method] Called when the internal store s data has changed
-		* @param store Object
-		*/
-		onStoreDataChanged?( store?:any ): void;
-		/** [Method] Resets the Select field to the value of the first record in the store
-		* @returns Ext.field.Select this
-		*/
-		reset?(): Ext.field.ISelect;
-		/** [Method] Sets the value of autoSelect
-		* @param autoSelect Boolean
-		*/
-		setAutoSelect?( autoSelect?:boolean ): void;
-		/** [Method] Sets the value of defaultPhonePickerConfig
-		* @param defaultPhonePickerConfig Object
-		*/
-		setDefaultPhonePickerConfig?( defaultPhonePickerConfig?:any ): void;
-		/** [Method] Sets the value of defaultTabletPickerConfig
-		* @param defaultTabletPickerConfig Object
-		*/
-		setDefaultTabletPickerConfig?( defaultTabletPickerConfig?:any ): void;
-		/** [Method] Sets the value of displayField
-		* @param displayField String/Number
-		*/
-		setDisplayField?( displayField?:any ): void;
-		/** [Method] Sets the value of hiddenName
-		* @param hiddenName String
-		*/
-		setHiddenName?( hiddenName?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of options
-		* @param options Array
-		*/
-		setOptions?( options?:any[] ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.Store/Object/String
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of usePicker
-		* @param usePicker String/Boolean
-		*/
-		setUsePicker?( usePicker?:any ): void;
-		/** [Method] Sets the value of valueField
-		* @param valueField String/Number
-		*/
-		setValueField?( valueField?:any ): void;
-		/** [Method] Shows the picker for the select field whether that is a Ext picker Picker or a simple list  */
-		showPicker?(): void;
-		/** [Method] Updates the underlying lt options gt list with new values
-		* @param newOptions Array An array of options configurations to insert or append. selectBox.setOptions([  {text: 'First Option', value: 'first'},  {text: 'Second Option', value: 'second'},  {text: 'Third Option', value: 'third'} ]).setValue('third');  Note: option object member names should correspond with defined valueField and displayField values.
-		* @returns Ext.field.Select this
-		*/
-		updateOptions?( newOptions?:any[] ): Ext.field.ISelect;
-	}
-}
-declare namespace Ext.form {
-	export interface ISelect extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoSelect?: boolean;
-		/** [Config Option] (Object) */
-		defaultPhonePickerConfig?: any;
-		/** [Config Option] (Object) */
-		defaultTabletPickerConfig?: any;
-		/** [Config Option] (String/Number) */
-		displayField?: any;
-		/** [Config Option] (String) */
-		hiddenName?: string;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (Array) */
-		options?: any[];
-		/** [Config Option] (Ext.data.Store/Object/String) */
-		store?: any;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (String/Boolean) */
-		usePicker?: any;
-		/** [Config Option] (String/Number) */
-		valueField?: any;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of autoSelect
-		* @returns Boolean
-		*/
-		getAutoSelect?(): boolean;
-		/** [Method] Returns the value of defaultPhonePickerConfig
-		* @returns Object
-		*/
-		getDefaultPhonePickerConfig?(): any;
-		/** [Method] Returns the value of defaultTabletPickerConfig
-		* @returns Object
-		*/
-		getDefaultTabletPickerConfig?(): any;
-		/** [Method] Returns the value of displayField
-		* @returns String/Number
-		*/
-		getDisplayField?(): any;
-		/** [Method] Returns the value of hiddenName
-		* @returns String
-		*/
-		getHiddenName?(): string;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of options
-		* @returns Array
-		*/
-		getOptions?(): any[];
-		/** [Method] Returns the current selected record instance selected in this field
-		* @returns Ext.data.Model the record.
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of store
-		* @returns Ext.data.Store/Object/String
-		*/
-		getStore?(): any;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of usePicker
-		* @returns String/Boolean
-		*/
-		getUsePicker?(): any;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns the value of valueField
-		* @returns String/Number
-		*/
-		getValueField?(): any;
-		/** [Method] Called when the internal store s data has changed
-		* @param store Object
-		*/
-		onStoreDataChanged?( store?:any ): void;
-		/** [Method] Resets the Select field to the value of the first record in the store
-		* @returns Ext.field.Select this
-		*/
-		reset?(): Ext.field.ISelect;
-		/** [Method] Sets the value of autoSelect
-		* @param autoSelect Boolean
-		*/
-		setAutoSelect?( autoSelect?:boolean ): void;
-		/** [Method] Sets the value of defaultPhonePickerConfig
-		* @param defaultPhonePickerConfig Object
-		*/
-		setDefaultPhonePickerConfig?( defaultPhonePickerConfig?:any ): void;
-		/** [Method] Sets the value of defaultTabletPickerConfig
-		* @param defaultTabletPickerConfig Object
-		*/
-		setDefaultTabletPickerConfig?( defaultTabletPickerConfig?:any ): void;
-		/** [Method] Sets the value of displayField
-		* @param displayField String/Number
-		*/
-		setDisplayField?( displayField?:any ): void;
-		/** [Method] Sets the value of hiddenName
-		* @param hiddenName String
-		*/
-		setHiddenName?( hiddenName?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of options
-		* @param options Array
-		*/
-		setOptions?( options?:any[] ): void;
-		/** [Method] Sets the value of store
-		* @param store Ext.data.Store/Object/String
-		*/
-		setStore?( store?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of usePicker
-		* @param usePicker String/Boolean
-		*/
-		setUsePicker?( usePicker?:any ): void;
-		/** [Method] Sets the value of valueField
-		* @param valueField String/Number
-		*/
-		setValueField?( valueField?:any ): void;
-		/** [Method] Shows the picker for the select field whether that is a Ext picker Picker or a simple list  */
-		showPicker?(): void;
-		/** [Method] Updates the underlying lt options gt list with new values
-		* @param newOptions Array An array of options configurations to insert or append. selectBox.setOptions([  {text: 'First Option', value: 'first'},  {text: 'Second Option', value: 'second'},  {text: 'Third Option', value: 'third'} ]).setValue('third');  Note: option object member names should correspond with defined valueField and displayField values.
-		* @returns Ext.field.Select this
-		*/
-		updateOptions?( newOptions?:any[] ): Ext.field.ISelect;
-	}
-}
-declare namespace Ext.field {
-	export interface ISlider extends Ext.field.IField {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Number) */
-		increment?: number;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (Number) */
-		tabIndex?: number;
-		/** [Config Option] (Number/Number[]) */
-		value?: any;
-		/** [Config Option] (Number/Number[]) */
-		values?: any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of increment
-		* @returns Number
-		*/
-		getIncrement?(): number;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the value of value
-		* @returns Number/Number[]
-		*/
-		getValue?(): any;
-		/** [Method] Convenience method
-		* @returns Object
-		*/
-		getValues?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of increment
-		* @param increment Number
-		*/
-		setIncrement?( increment?:number ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of tabIndex
-		* @param tabIndex Object
-		*/
-		setTabIndex?( tabIndex?:any ): void;
-		/** [Method] Sets the value of value
-		* @param value Number/Number[]
-		*/
-		setValue?( value?:any ): void;
-		/** [Method] Convenience method
-		* @param value Object
-		*/
-		setValues?( value?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface ISlider extends Ext.field.IField {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Number) */
-		increment?: number;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (Number) */
-		tabIndex?: number;
-		/** [Config Option] (Number/Number[]) */
-		value?: any;
-		/** [Config Option] (Number/Number[]) */
-		values?: any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of increment
-		* @returns Number
-		*/
-		getIncrement?(): number;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the value of value
-		* @returns Number/Number[]
-		*/
-		getValue?(): any;
-		/** [Method] Convenience method
-		* @returns Object
-		*/
-		getValues?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of increment
-		* @param increment Number
-		*/
-		setIncrement?( increment?:number ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of tabIndex
-		* @param tabIndex Object
-		*/
-		setTabIndex?( tabIndex?:any ): void;
-		/** [Method] Sets the value of value
-		* @param value Number/Number[]
-		*/
-		setValue?( value?:any ): void;
-		/** [Method] Convenience method
-		* @param value Object
-		*/
-		setValues?( value?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface ISpinner extends Ext.field.INumber {
-		/** [Config Option] (Boolean) */
-		accelerateOnTapHold?: boolean;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Boolean) */
-		cycle?: boolean;
-		/** [Config Option] (Number) */
-		defaultValue?: number;
-		/** [Config Option] (Boolean) */
-		groupButtons?: boolean;
-		/** [Config Option] (String) */
-		increment?: string;
-		/** [Config Option] (String) */
-		incrementValue?: string;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Number) */
-		stepValue?: number;
-		/** [Method] Returns the value of accelerateOnTapHold
-		* @returns Boolean
-		*/
-		getAccelerateOnTapHold?(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of cycle
-		* @returns Boolean
-		*/
-		getCycle?(): boolean;
-		/** [Method] Returns the value of defaultValue
-		* @returns Number
-		*/
-		getDefaultValue?(): number;
-		/** [Method] Returns the value of groupButtons
-		* @returns Boolean
-		*/
-		getGroupButtons?(): boolean;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of stepValue
-		* @returns Number
-		*/
-		getStepValue?(): number;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of accelerateOnTapHold
-		* @param accelerateOnTapHold Boolean
-		*/
-		setAccelerateOnTapHold?( accelerateOnTapHold?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of cycle
-		* @param cycle Boolean
-		*/
-		setCycle?( cycle?:boolean ): void;
-		/** [Method] Sets the value of defaultValue
-		* @param defaultValue Number
-		*/
-		setDefaultValue?( defaultValue?:number ): void;
-		/** [Method] Sets the value of groupButtons
-		* @param groupButtons Boolean
-		*/
-		setGroupButtons?( groupButtons?:boolean ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of stepValue
-		* @param stepValue Number
-		*/
-		setStepValue?( stepValue?:number ): void;
-		/** [Method] Updates the component configuration
-		* @param newComponent Object
-		*/
-		updateComponent?( newComponent?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface ISpinner extends Ext.field.INumber {
-		/** [Config Option] (Boolean) */
-		accelerateOnTapHold?: boolean;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Boolean) */
-		cycle?: boolean;
-		/** [Config Option] (Number) */
-		defaultValue?: number;
-		/** [Config Option] (Boolean) */
-		groupButtons?: boolean;
-		/** [Config Option] (String) */
-		increment?: string;
-		/** [Config Option] (String) */
-		incrementValue?: string;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Number) */
-		stepValue?: number;
-		/** [Method] Returns the value of accelerateOnTapHold
-		* @returns Boolean
-		*/
-		getAccelerateOnTapHold?(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of cycle
-		* @returns Boolean
-		*/
-		getCycle?(): boolean;
-		/** [Method] Returns the value of defaultValue
-		* @returns Number
-		*/
-		getDefaultValue?(): number;
-		/** [Method] Returns the value of groupButtons
-		* @returns Boolean
-		*/
-		getGroupButtons?(): boolean;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of stepValue
-		* @returns Number
-		*/
-		getStepValue?(): number;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Sets the value of accelerateOnTapHold
-		* @param accelerateOnTapHold Boolean
-		*/
-		setAccelerateOnTapHold?( accelerateOnTapHold?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of cycle
-		* @param cycle Boolean
-		*/
-		setCycle?( cycle?:boolean ): void;
-		/** [Method] Sets the value of defaultValue
-		* @param defaultValue Number
-		*/
-		setDefaultValue?( defaultValue?:number ): void;
-		/** [Method] Sets the value of groupButtons
-		* @param groupButtons Boolean
-		*/
-		setGroupButtons?( groupButtons?:boolean ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of stepValue
-		* @param stepValue Number
-		*/
-		setStepValue?( stepValue?:number ): void;
-		/** [Method] Updates the component configuration
-		* @param newComponent Object
-		*/
-		updateComponent?( newComponent?:any ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface IText extends Ext.field.IField {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Boolean) */
-		autoComplete?: boolean;
-		/** [Config Option] (Boolean) */
-		autoCorrect?: boolean;
-		/** [Config Option] (String/String[]) */
-		bubbleEvents?: any;
-		/** [Config Option] (Boolean) */
-		clearIcon?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxLength?: number;
-		/** [Config Option] (String) */
-		placeHolder?: string;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Property] (String/Number) */
-		startValue?: any;
-		/** [Method] Attempts to forcefully blur input focus for the field
-		* @returns Ext.field.Text This field
-		*/
-		blur?(): Ext.field.IText;
-		/** [Method] Attempts to set the field as the active input focus
-		* @returns Ext.field.Text This field
-		*/
-		focus?(): Ext.field.IText;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of autoComplete
-		* @returns Boolean
-		*/
-		getAutoComplete?(): boolean;
-		/** [Method] Returns the value of autoCorrect
-		* @returns Boolean
-		*/
-		getAutoCorrect?(): boolean;
-		/** [Method] Returns the value of clearIcon
-		* @returns Boolean
-		*/
-		getClearIcon?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxLength
-		* @returns Number
-		*/
-		getMaxLength?(): number;
-		/** [Method] Returns the value of placeHolder
-		* @returns String
-		*/
-		getPlaceHolder?(): string;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the field s originalValue property so it matches the current value  */
-		resetOriginalValue?(): void;
-		/** [Method] Attempts to forcefully select all the contents of the input field
-		* @returns Ext.field.Text this
-		*/
-		select?(): Ext.field.IText;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of autoComplete
-		* @param autoComplete Boolean
-		*/
-		setAutoComplete?( autoComplete?:boolean ): void;
-		/** [Method] Sets the value of autoCorrect
-		* @param autoCorrect Boolean
-		*/
-		setAutoCorrect?( autoCorrect?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents Array
-		*/
-		setBubbleEvents?( bubbleEvents?:any[] ): void;
-		/** [Method] Sets the value of clearIcon
-		* @param clearIcon Boolean
-		*/
-		setClearIcon?( clearIcon?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxLength
-		* @param maxLength Number
-		*/
-		setMaxLength?( maxLength?:number ): void;
-		/** [Method] Sets the value of placeHolder
-		* @param placeHolder String
-		*/
-		setPlaceHolder?( placeHolder?:string ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IText extends Ext.field.IField {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Boolean) */
-		autoComplete?: boolean;
-		/** [Config Option] (Boolean) */
-		autoCorrect?: boolean;
-		/** [Config Option] (String/String[]) */
-		bubbleEvents?: any;
-		/** [Config Option] (Boolean) */
-		clearIcon?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxLength?: number;
-		/** [Config Option] (String) */
-		placeHolder?: string;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Property] (String/Number) */
-		startValue?: any;
-		/** [Method] Attempts to forcefully blur input focus for the field
-		* @returns Ext.field.Text This field
-		*/
-		blur?(): Ext.field.IText;
-		/** [Method] Attempts to set the field as the active input focus
-		* @returns Ext.field.Text This field
-		*/
-		focus?(): Ext.field.IText;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of autoComplete
-		* @returns Boolean
-		*/
-		getAutoComplete?(): boolean;
-		/** [Method] Returns the value of autoCorrect
-		* @returns Boolean
-		*/
-		getAutoCorrect?(): boolean;
-		/** [Method] Returns the value of clearIcon
-		* @returns Boolean
-		*/
-		getClearIcon?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxLength
-		* @returns Number
-		*/
-		getMaxLength?(): number;
-		/** [Method] Returns the value of placeHolder
-		* @returns String
-		*/
-		getPlaceHolder?(): string;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Returns true if the value of this Field has been changed from its originalValue
-		* @returns Boolean true if this field has been changed from its original value (and is not disabled), false otherwise.
-		*/
-		isDirty?(): boolean;
-		/** [Method] Resets the current field value back to the original value on this field when it was created
-		* @returns Ext.field.Field this
-		*/
-		reset?(): Ext.field.IField;
-		/** [Method] Resets the field s originalValue property so it matches the current value  */
-		resetOriginalValue?(): void;
-		/** [Method] Attempts to forcefully select all the contents of the input field
-		* @returns Ext.field.Text this
-		*/
-		select?(): Ext.field.IText;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of autoComplete
-		* @param autoComplete Boolean
-		*/
-		setAutoComplete?( autoComplete?:boolean ): void;
-		/** [Method] Sets the value of autoCorrect
-		* @param autoCorrect Boolean
-		*/
-		setAutoCorrect?( autoCorrect?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents Array
-		*/
-		setBubbleEvents?( bubbleEvents?:any[] ): void;
-		/** [Method] Sets the value of clearIcon
-		* @param clearIcon Boolean
-		*/
-		setClearIcon?( clearIcon?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxLength
-		* @param maxLength Number
-		*/
-		setMaxLength?( maxLength?:number ): void;
-		/** [Method] Sets the value of placeHolder
-		* @param placeHolder String
-		*/
-		setPlaceHolder?( placeHolder?:string ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface ITextArea extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxRows?: number;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxRows
-		* @returns Number
-		*/
-		getMaxRows?(): number;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxRows
-		* @param maxRows Number
-		*/
-		setMaxRows?( maxRows?:number ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface ITextArea extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Config Option] (Number) */
-		maxRows?: number;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Returns the value of maxRows
-		* @returns Number
-		*/
-		getMaxRows?(): number;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-		/** [Method] Sets the value of maxRows
-		* @param maxRows Number
-		*/
-		setMaxRows?( maxRows?:number ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.field {
-	export interface ITextAreaInput extends Ext.field.IInput {
-	}
-}
-declare namespace Ext.field {
-	export interface IToggle extends Ext.field.ISlider {
-		/** [Config Option] (String) */
-		cls?: string;
-		/** [Config Option] (String) */
-		labelAlign?: string;
-		/** [Config Option] (String) */
-		maxValueCls?: string;
-		/** [Config Option] (String) */
-		minValueCls?: string;
-		/** [Property] (String) */
-		toggleOffLabel?: string;
-		/** [Property] (String) */
-		toggleOnLabel?: string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of labelAlign
-		* @returns String
-		*/
-		getLabelAlign?(): string;
-		/** [Method] Returns the value of maxValueCls
-		* @returns String
-		*/
-		getMaxValueCls?(): string;
-		/** [Method] Returns the value of minValueCls
-		* @returns String
-		*/
-		getMinValueCls?(): string;
-		/** [Method] Returns the value of value
-		* @returns Number/Number[]
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of labelAlign
-		* @param labelAlign String
-		*/
-		setLabelAlign?( labelAlign?:string ): void;
-		/** [Method] Sets the value of maxValueCls
-		* @param maxValueCls String
-		*/
-		setMaxValueCls?( maxValueCls?:string ): void;
-		/** [Method] Sets the value of minValueCls
-		* @param minValueCls String
-		*/
-		setMinValueCls?( minValueCls?:string ): void;
-		/** [Method] Sets the value of the toggle
-		* @param newValue Number 1 for toggled, 0 for untoggled.
-		* @returns Object this
-		*/
-		setValue?( newValue?:number ): any;
-		/** [Method] Toggles the value of this toggle field
-		* @returns Object this
-		*/
-		toggle?(): any;
-	}
-}
-declare namespace Ext.form {
-	export interface IToggle extends Ext.field.ISlider {
-		/** [Config Option] (String) */
-		cls?: string;
-		/** [Config Option] (String) */
-		labelAlign?: string;
-		/** [Config Option] (String) */
-		maxValueCls?: string;
-		/** [Config Option] (String) */
-		minValueCls?: string;
-		/** [Property] (String) */
-		toggleOffLabel?: string;
-		/** [Property] (String) */
-		toggleOnLabel?: string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of labelAlign
-		* @returns String
-		*/
-		getLabelAlign?(): string;
-		/** [Method] Returns the value of maxValueCls
-		* @returns String
-		*/
-		getMaxValueCls?(): string;
-		/** [Method] Returns the value of minValueCls
-		* @returns String
-		*/
-		getMinValueCls?(): string;
-		/** [Method] Returns the value of value
-		* @returns Number/Number[]
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of labelAlign
-		* @param labelAlign String
-		*/
-		setLabelAlign?( labelAlign?:string ): void;
-		/** [Method] Sets the value of maxValueCls
-		* @param maxValueCls String
-		*/
-		setMaxValueCls?( maxValueCls?:string ): void;
-		/** [Method] Sets the value of minValueCls
-		* @param minValueCls String
-		*/
-		setMinValueCls?( minValueCls?:string ): void;
-		/** [Method] Sets the value of the toggle
-		* @param newValue Number 1 for toggled, 0 for untoggled.
-		* @returns Object this
-		*/
-		setValue?( newValue?:number ): any;
-		/** [Method] Toggles the value of this toggle field
-		* @returns Object this
-		*/
-		toggle?(): any;
-	}
-}
-declare namespace Ext.field {
-	export interface IUrl extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IUrl extends Ext.field.IText {
-		/** [Config Option] (Boolean) */
-		autoCapitalize?: boolean;
-		/** [Config Option] (Object) */
-		component?: any;
-		/** [Method] Returns the value of autoCapitalize
-		* @returns Boolean
-		*/
-		getAutoCapitalize?(): boolean;
-		/** [Method] Returns the value of component
-		* @returns Object
-		*/
-		getComponent?(): any;
-		/** [Method] Sets the value of autoCapitalize
-		* @param autoCapitalize Boolean
-		*/
-		setAutoCapitalize?( autoCapitalize?:boolean ): void;
-		/** [Method] Sets the value of component
-		* @param component Object
-		*/
-		setComponent?( component?:any ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IFieldSet extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		instructions?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Method] A convenient method to disable all fields in this FieldSet
-		* @param newDisabled Object
-		* @returns Ext.form.FieldSet This FieldSet
-		*/
-		doSetDisabled?( newDisabled?:any ): Ext.form.IFieldSet;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of instructions
-		* @param instructions String
-		*/
-		setInstructions?( instructions?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-	}
-}
-declare namespace Ext.form {
-	export interface IPanel extends Ext.IPanel {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		baseParams?: any;
-		/** [Config Option] (String) */
-		method?: string;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (Boolean) */
-		standardSubmit?: boolean;
-		/** [Config Option] (Object) */
-		submitOnAction?: any;
-		/** [Config Option] (Boolean) */
-		trackResetOnLoad?: boolean;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Config Option] (Ext.dom.Element) */
-		waitMsgTarget?: Ext.dom.IElement;
-		/** [Config Option] (Ext.XTemplate/String/String[]) */
-		waitTpl?: any;
-		/** [Method] A convenient method to disable all fields in this form
-		* @param newDisabled Object
-		* @returns Ext.form.Panel This form.
-		*/
-		doSetDisabled?( newDisabled?:any ): Ext.form.IPanel;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of baseParams
-		* @returns Object
-		*/
-		getBaseParams?(): any;
-		/** [Method] Returns the value of method
-		* @returns String
-		*/
-		getMethod?(): string;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of standardSubmit
-		* @returns Boolean
-		*/
-		getStandardSubmit?(): boolean;
-		/** [Method] Returns the value of submitOnAction
-		* @returns Object
-		*/
-		getSubmitOnAction?(): any;
-		/** [Method] Returns the value of trackResetOnLoad
-		* @returns Boolean
-		*/
-		getTrackResetOnLoad?(): boolean;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns an object containing the value of each field in the form keyed to the field s name
-		* @param enabled Boolean true to return only enabled fields.
-		* @param all Boolean true to return all fields even if they don't have a name configured.
-		* @returns Object Object mapping field name to its value.
-		*/
-		getValues?( enabled?:boolean, all?:boolean ): any;
-		/** [Method] Hides a previously shown wait mask See showMask
-		* @returns Ext.form.Panel this
-		*/
-		hideMask?(): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		load?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		loadModel?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		loadRecord?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Resets all fields in the form back to their original values
-		* @returns Ext.form.Panel This form.
-		*/
-		reset?(): Ext.form.IPanel;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of baseParams
-		* @param baseParams Object
-		*/
-		setBaseParams?( baseParams?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method String
-		*/
-		setMethod?( method?:string ): void;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		setRecord?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Sets the value of standardSubmit
-		* @param standardSubmit Boolean
-		*/
-		setStandardSubmit?( standardSubmit?:boolean ): void;
-		/** [Method] Sets the value of submitOnAction
-		* @param submitOnAction Object
-		*/
-		setSubmitOnAction?( submitOnAction?:any ): void;
-		/** [Method] Sets the value of trackResetOnLoad
-		* @param trackResetOnLoad Boolean
-		*/
-		setTrackResetOnLoad?( trackResetOnLoad?:boolean ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Sets the values of form fields in bulk
-		* @param values Object field name => value mapping object.
-		* @returns Ext.form.Panel This form.
-		*/
-		setValues?( values?:any ): Ext.form.IPanel;
-		/** [Method] Shows a generic custom mask over a designated Element
-		* @param cfg String/Object Either a string message or a configuration object supporting the following options: {  message : 'Please Wait',  cls : 'form-mask' }
-		* @param target Object
-		* @returns Ext.form.Panel This form
-		*/
-		showMask?( cfg?:any, target?:any ): Ext.form.IPanel;
-		/** [Method] Performs a Ajax based submission of form values if standardSubmit is false or otherwise executes a standard HTML Fo
-		* @param options Object The configuration when submitting this form.
-		* @returns Ext.data.Connection The request object.
-		*/
-		submit?( options?:any ): Ext.data.IConnection;
-	}
-}
-declare namespace Ext.form {
-	export interface IFormPanel extends Ext.IPanel {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		baseParams?: any;
-		/** [Config Option] (String) */
-		method?: string;
-		/** [Config Option] (Ext.data.Model) */
-		record?: Ext.data.IModel;
-		/** [Config Option] (Boolean/String/Object) */
-		scrollable?: any;
-		/** [Config Option] (Boolean) */
-		standardSubmit?: boolean;
-		/** [Config Option] (Object) */
-		submitOnAction?: any;
-		/** [Config Option] (Boolean) */
-		trackResetOnLoad?: boolean;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Config Option] (Ext.dom.Element) */
-		waitMsgTarget?: Ext.dom.IElement;
-		/** [Config Option] (Ext.XTemplate/String/String[]) */
-		waitTpl?: any;
-		/** [Method] A convenient method to disable all fields in this form
-		* @param newDisabled Object
-		* @returns Ext.form.Panel This form.
-		*/
-		doSetDisabled?( newDisabled?:any ): Ext.form.IPanel;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of baseParams
-		* @returns Object
-		*/
-		getBaseParams?(): any;
-		/** [Method] Returns the value of method
-		* @returns String
-		*/
-		getMethod?(): string;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		getRecord?(): Ext.data.IModel;
-		/** [Method] Returns the value of standardSubmit
-		* @returns Boolean
-		*/
-		getStandardSubmit?(): boolean;
-		/** [Method] Returns the value of submitOnAction
-		* @returns Object
-		*/
-		getSubmitOnAction?(): any;
-		/** [Method] Returns the value of trackResetOnLoad
-		* @returns Boolean
-		*/
-		getTrackResetOnLoad?(): boolean;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns an object containing the value of each field in the form keyed to the field s name
-		* @param enabled Boolean true to return only enabled fields.
-		* @param all Boolean true to return all fields even if they don't have a name configured.
-		* @returns Object Object mapping field name to its value.
-		*/
-		getValues?( enabled?:boolean, all?:boolean ): any;
-		/** [Method] Hides a previously shown wait mask See showMask
-		* @returns Ext.form.Panel this
-		*/
-		hideMask?(): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		load?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		loadModel?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		loadRecord?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Resets all fields in the form back to their original values
-		* @returns Ext.form.Panel This form.
-		*/
-		reset?(): Ext.form.IPanel;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of baseParams
-		* @param baseParams Object
-		*/
-		setBaseParams?( baseParams?:any ): void;
-		/** [Method] Sets the value of method
-		* @param method String
-		*/
-		setMethod?( method?:string ): void;
-		/** [Method] Loads matching fields from a model instance into this form
-		* @param record Ext.data.Model The model instance.
-		* @returns Ext.form.Panel This form.
-		*/
-		setRecord?( record?:Ext.data.IModel ): Ext.form.IPanel;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Object
-		*/
-		setScrollable?( scrollable?:any ): void;
-		/** [Method] Sets the value of standardSubmit
-		* @param standardSubmit Boolean
-		*/
-		setStandardSubmit?( standardSubmit?:boolean ): void;
-		/** [Method] Sets the value of submitOnAction
-		* @param submitOnAction Object
-		*/
-		setSubmitOnAction?( submitOnAction?:any ): void;
-		/** [Method] Sets the value of trackResetOnLoad
-		* @param trackResetOnLoad Boolean
-		*/
-		setTrackResetOnLoad?( trackResetOnLoad?:boolean ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Sets the values of form fields in bulk
-		* @param values Object field name => value mapping object.
-		* @returns Ext.form.Panel This form.
-		*/
-		setValues?( values?:any ): Ext.form.IPanel;
-		/** [Method] Shows a generic custom mask over a designated Element
-		* @param cfg String/Object Either a string message or a configuration object supporting the following options: {  message : 'Please Wait',  cls : 'form-mask' }
-		* @param target Object
-		* @returns Ext.form.Panel This form
-		*/
-		showMask?( cfg?:any, target?:any ): Ext.form.IPanel;
-		/** [Method] Performs a Ajax based submission of form values if standardSubmit is false or otherwise executes a standard HTML Fo
-		* @param options Object The configuration when submitting this form.
-		* @returns Ext.data.Connection The request object.
-		*/
-		submit?( options?:any ): Ext.data.IConnection;
-	}
-}
-declare namespace Ext {
-	export interface IFunction {
-	}
-	export class Function {
-		/** [Method] Create an alias to the provided method property with name methodName of object
-		* @param object Object/Function
-		* @param methodName String
-		* @returns Function aliasFn
-		*/
-		static alias( object?:any, methodName?:string ): any;
-		/** [Method] Create a new function from the provided fn change this to the provided scope optionally overrides arguments for the
-		* @param fn Function The function to delegate.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if true args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function The new function.
-		*/
-		static bind( fn?:any, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Create a clone of the provided method
-		* @param method Function
-		* @returns Function cloneFn
-		*/
-		static clone( method?:any ): any;
-		/** [Method] Creates a delegate function optionally with a bound scope which when called buffers the execution of the passed fu
-		* @param fn Function The function to invoke on a buffered timer.
-		* @param buffer Number The number of milliseconds by which to buffer the invocation of the function.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope specified by the caller.
-		* @param args Array Override arguments for the call. Defaults to the arguments passed by the caller.
-		* @returns Function A function which invokes the passed function after buffering for the specified time.
-		*/
-		static createBuffered( fn?:any, buffer?:number, scope?:any, args?:any[] ): any;
-		/** [Method] Creates a delegate callback which when called executes after a specific delay
-		* @param fn Function The function which will be called on a delay when the returned function is called. Optionally, a replacement (or additional) argument list may be specified.
-		* @param delay Number The number of milliseconds to defer execution by whenever called.
-		* @param scope Object The scope (this reference) used by the function at execution time.
-		* @param args Array Override arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if True args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function A function which, when called, executes the original function after the specified delay.
-		*/
-		static createDelayed( fn?:any, delay?:number, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Create a new function from the provided fn change this to the provided scope optionally overrides arguments for the
-		* @param fn Function The function to delegate.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if true args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function The new function.
-		*/
-		static createDelegate( fn?:any, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Creates an interceptor function
-		* @param origFn Function The original function.
-		* @param newFn Function The function to call before the original.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope in which the original function is called or the browser window.
-		* @param returnValue Object The value to return if the passed function return false.
-		* @returns Function The new function.
-		*/
-		static createInterceptor( origFn?:any, newFn?:any, scope?:any, returnValue?:any ): any;
-		/** [Method] Create a combined function call sequence of the original function  the passed function
-		* @param originalFn Function The original function.
-		* @param newFn Function The function to sequence.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope in which the original function is called or the browser window.
-		* @returns Function The new function.
-		*/
-		static createSequence( originalFn?:any, newFn?:any, scope?:any ): any;
-		/** [Method] Creates a throttled version of the passed function which when called repeatedly and rapidly invokes the passed func
-		* @param fn Function The function to execute at a regular time interval.
-		* @param interval Number The interval, in milliseconds, on which the passed function is executed.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope specified by the caller.
-		* @returns Function A function which invokes the passed function at the specified interval.
-		*/
-		static createThrottled( fn?:any, interval?:number, scope?:any ): any;
-		/** [Method] Calls this function after the number of milliseconds specified optionally in a specific scope
-		* @param fn Function The function to defer.
-		* @param millis Number The number of milliseconds for the setTimeout() call. If less than or equal to 0 the function is executed immediately.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. Defaults to the arguments passed by the caller.
-		* @param appendArgs Boolean/Number if true, args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Number The timeout id that can be used with clearTimeout().
-		*/
-		static defer( fn?:any, millis?:number, scope?:any, args?:any[], appendArgs?:any ): number;
-		/** [Method] A very commonly used method throughout the framework
-		* @param fn Function
-		* @returns Function flexSetter
-		*/
-		static flexSetter( fn?:any ): any;
-		/** [Method] Create a new function from the provided fn the arguments of which are pre set to args
-		* @param fn Function The original function.
-		* @param args Array The arguments to pass to new callback.
-		* @param scope Object The scope (this reference) in which the function is executed.
-		* @returns Function The new callback function.
-		*/
-		static pass( fn?:any, args?:any[], scope?:any ): any;
-	}
-}
-declare namespace Ext.util {
-	export interface IFunctions {
-	}
-	export class Functions {
-		/** [Method] Create an alias to the provided method property with name methodName of object
-		* @param object Object/Function
-		* @param methodName String
-		* @returns Function aliasFn
-		*/
-		static alias( object?:any, methodName?:string ): any;
-		/** [Method] Create a new function from the provided fn change this to the provided scope optionally overrides arguments for the
-		* @param fn Function The function to delegate.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if true args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function The new function.
-		*/
-		static bind( fn?:any, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Create a clone of the provided method
-		* @param method Function
-		* @returns Function cloneFn
-		*/
-		static clone( method?:any ): any;
-		/** [Method] Creates a delegate function optionally with a bound scope which when called buffers the execution of the passed fu
-		* @param fn Function The function to invoke on a buffered timer.
-		* @param buffer Number The number of milliseconds by which to buffer the invocation of the function.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope specified by the caller.
-		* @param args Array Override arguments for the call. Defaults to the arguments passed by the caller.
-		* @returns Function A function which invokes the passed function after buffering for the specified time.
-		*/
-		static createBuffered( fn?:any, buffer?:number, scope?:any, args?:any[] ): any;
-		/** [Method] Creates a delegate callback which when called executes after a specific delay
-		* @param fn Function The function which will be called on a delay when the returned function is called. Optionally, a replacement (or additional) argument list may be specified.
-		* @param delay Number The number of milliseconds to defer execution by whenever called.
-		* @param scope Object The scope (this reference) used by the function at execution time.
-		* @param args Array Override arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if True args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function A function which, when called, executes the original function after the specified delay.
-		*/
-		static createDelayed( fn?:any, delay?:number, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Create a new function from the provided fn change this to the provided scope optionally overrides arguments for the
-		* @param fn Function The function to delegate.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if true args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function The new function.
-		*/
-		static createDelegate( fn?:any, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Creates an interceptor function
-		* @param origFn Function The original function.
-		* @param newFn Function The function to call before the original.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope in which the original function is called or the browser window.
-		* @param returnValue Object The value to return if the passed function return false.
-		* @returns Function The new function.
-		*/
-		static createInterceptor( origFn?:any, newFn?:any, scope?:any, returnValue?:any ): any;
-		/** [Method] Create a combined function call sequence of the original function  the passed function
-		* @param originalFn Function The original function.
-		* @param newFn Function The function to sequence.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope in which the original function is called or the browser window.
-		* @returns Function The new function.
-		*/
-		static createSequence( originalFn?:any, newFn?:any, scope?:any ): any;
-		/** [Method] Creates a throttled version of the passed function which when called repeatedly and rapidly invokes the passed func
-		* @param fn Function The function to execute at a regular time interval.
-		* @param interval Number The interval, in milliseconds, on which the passed function is executed.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope specified by the caller.
-		* @returns Function A function which invokes the passed function at the specified interval.
-		*/
-		static createThrottled( fn?:any, interval?:number, scope?:any ): any;
-		/** [Method] Calls this function after the number of milliseconds specified optionally in a specific scope
-		* @param fn Function The function to defer.
-		* @param millis Number The number of milliseconds for the setTimeout() call. If less than or equal to 0 the function is executed immediately.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. Defaults to the arguments passed by the caller.
-		* @param appendArgs Boolean/Number if true, args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Number The timeout id that can be used with clearTimeout().
-		*/
-		static defer( fn?:any, millis?:number, scope?:any, args?:any[], appendArgs?:any ): number;
-		/** [Method] A very commonly used method throughout the framework
-		* @param fn Function
-		* @returns Function flexSetter
-		*/
-		static flexSetter( fn?:any ): any;
-		/** [Method] Create a new function from the provided fn the arguments of which are pre set to args
-		* @param fn Function The original function.
-		* @param args Array The arguments to pass to new callback.
-		* @param scope Object The scope (this reference) in which the function is executed.
-		* @returns Function The new callback function.
-		*/
-		static pass( fn?:any, args?:any[], scope?:any ): any;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IAbstract extends Ext.IEvented {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of delay
-		* @returns Number
-		*/
-		getDelay?(): number;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of iteration
-		* @returns Number
-		*/
-		getIteration?(): number;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of onBeforeEnd
-		* @returns Object
-		*/
-		getOnBeforeEnd?(): any;
-		/** [Method] Returns the value of onBeforeStart
-		* @returns Object
-		*/
-		getOnBeforeStart?(): any;
-		/** [Method] Returns the value of onEnd
-		* @returns Object
-		*/
-		getOnEnd?(): any;
-		/** [Method] Returns the value of preserveEndState
-		* @returns Boolean
-		*/
-		getPreserveEndState?(): boolean;
-		/** [Method] Returns the value of replacePrevious
-		* @returns Boolean
-		*/
-		getReplacePrevious?(): boolean;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of delay
-		* @param delay Number
-		*/
-		setDelay?( delay?:number ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of iteration
-		* @param iteration Number
-		*/
-		setIteration?( iteration?:number ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of onBeforeEnd
-		* @param onBeforeEnd Object
-		*/
-		setOnBeforeEnd?( onBeforeEnd?:any ): void;
-		/** [Method] Sets the value of onBeforeStart
-		* @param onBeforeStart Object
-		*/
-		setOnBeforeStart?( onBeforeStart?:any ): void;
-		/** [Method] Sets the value of onEnd
-		* @param onEnd Object
-		*/
-		setOnEnd?( onEnd?:any ): void;
-		/** [Method] Sets the value of preserveEndState
-		* @param preserveEndState Boolean
-		*/
-		setPreserveEndState?( preserveEndState?:boolean ): void;
-		/** [Method] Sets the value of replacePrevious
-		* @param replacePrevious Boolean
-		*/
-		setReplacePrevious?( replacePrevious?:boolean ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface ICube extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IFade extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IFadeIn extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IFadeOut extends Ext.fx.animation.IFade {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IFlip extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of half
-		* @returns Boolean
-		*/
-		getHalf?(): boolean;
-		/** [Method] Returns the value of out
-		* @returns Object
-		*/
-		getOut?(): any;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of half
-		* @param half Boolean
-		*/
-		setHalf?( half?:boolean ): void;
-		/** [Method] Sets the value of out
-		* @param out Object
-		*/
-		setOut?( out?:any ): void;
-	}
-}
-declare namespace Ext.fx {
-	export interface IAnimation extends Ext.IBase {
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IPop extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IPopIn extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of after
-		* @returns Object
-		*/
-		getAfter?(): any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Sets the value of after
-		* @param after Object
-		*/
-		setAfter?( after?:any ): void;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IPopOut extends Ext.fx.animation.IPop {
-		/** [Config Option] (Object) */
-		before?: any;
-		/** [Method] Returns the value of before
-		* @returns Object
-		*/
-		getBefore?(): any;
-		/** [Method] Sets the value of before
-		* @param before Object
-		*/
-		setBefore?( before?:any ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface ISlide extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Config Option] (Number) */
-		offset?: number;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of isElementBoxFit
-		* @returns Boolean
-		*/
-		getIsElementBoxFit?(): boolean;
-		/** [Method] Returns the value of offset
-		* @returns Number
-		*/
-		getOffset?(): number;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Returns the value of useCssTransform
-		* @returns Boolean
-		*/
-		getUseCssTransform?(): boolean;
-		/** [Method] Sets the value of containerBox
-		* @param containerBox String
-		*/
-		setContainerBox?( containerBox?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of elementBox
-		* @param elementBox String
-		*/
-		setElementBox?( elementBox?:string ): void;
-		/** [Method] Sets the value of isElementBoxFit
-		* @param isElementBoxFit Boolean
-		*/
-		setIsElementBoxFit?( isElementBoxFit?:boolean ): void;
-		/** [Method] Sets the value of offset
-		* @param offset Number
-		*/
-		setOffset?( offset?:number ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-		/** [Method] Sets the value of useCssTransform
-		* @param useCssTransform Boolean
-		*/
-		setUseCssTransform?( useCssTransform?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface ISlideIn extends Ext.fx.animation.IAbstract {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Config Option] (Number) */
-		offset?: number;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of isElementBoxFit
-		* @returns Boolean
-		*/
-		getIsElementBoxFit?(): boolean;
-		/** [Method] Returns the value of offset
-		* @returns Number
-		*/
-		getOffset?(): number;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Returns the value of useCssTransform
-		* @returns Boolean
-		*/
-		getUseCssTransform?(): boolean;
-		/** [Method] Sets the value of containerBox
-		* @param containerBox String
-		*/
-		setContainerBox?( containerBox?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of elementBox
-		* @param elementBox String
-		*/
-		setElementBox?( elementBox?:string ): void;
-		/** [Method] Sets the value of isElementBoxFit
-		* @param isElementBoxFit Boolean
-		*/
-		setIsElementBoxFit?( isElementBoxFit?:boolean ): void;
-		/** [Method] Sets the value of offset
-		* @param offset Number
-		*/
-		setOffset?( offset?:number ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-		/** [Method] Sets the value of useCssTransform
-		* @param useCssTransform Boolean
-		*/
-		setUseCssTransform?( useCssTransform?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface ISlideOut extends Ext.fx.animation.ISlide {
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IWipe extends Ext.fx.IAnimation {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IWipeIn extends Ext.fx.IAnimation {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (String) */
-		easing?: string;
-		/** [Config Option] (Boolean) */
-		out?: boolean;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of easing
-		* @returns String
-		*/
-		getEasing?(): string;
-		/** [Method] Returns the value of out
-		* @returns Boolean
-		*/
-		getOut?(): boolean;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of easing
-		* @param easing String
-		*/
-		setEasing?( easing?:string ): void;
-		/** [Method] Sets the value of out
-		* @param out Boolean
-		*/
-		setOut?( out?:boolean ): void;
-	}
-}
-declare namespace Ext.fx.animation {
-	export interface IWipeOut extends Ext.fx.animation.IWipe {
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IAbstract extends Ext.IBase {
-		/** [Method] Returns the value of startTime
-		* @returns Number
-		*/
-		getStartTime?(): number;
-		/** [Method] Returns the value of startValue
-		* @returns Number
-		*/
-		getStartValue?(): number;
-		/** [Method] Sets the value of startTime
-		* @param startTime Number
-		*/
-		setStartTime?( startTime?:number ): void;
-		/** [Method] Sets the value of startValue
-		* @param startValue Number
-		*/
-		setStartValue?( startValue?:number ): void;
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IBounce extends Ext.fx.easing.IAbstract {
-		/** [Method] Returns the value of acceleration
-		* @returns Number
-		*/
-		getAcceleration?(): number;
-		/** [Method] Returns the value of springTension
-		* @returns Number
-		*/
-		getSpringTension?(): number;
-		/** [Method] Returns the value of startVelocity
-		* @returns Number
-		*/
-		getStartVelocity?(): number;
-		/** [Method] Sets the value of acceleration
-		* @param acceleration Number
-		*/
-		setAcceleration?( acceleration?:number ): void;
-		/** [Method] Sets the value of springTension
-		* @param springTension Number
-		*/
-		setSpringTension?( springTension?:number ): void;
-		/** [Method] Sets the value of startVelocity
-		* @param startVelocity Number
-		*/
-		setStartVelocity?( startVelocity?:number ): void;
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IBoundMomentum extends Ext.fx.easing.IAbstract {
-		/** [Config Option] (Object) */
-		bounce?: any;
-		/** [Config Option] (Number) */
-		minVelocity?: number;
-		/** [Config Option] (Object) */
-		momentum?: any;
-		/** [Config Option] (Number) */
-		startVelocity?: number;
-		/** [Method] Returns the value of bounce
-		* @returns Object
-		*/
-		getBounce?(): any;
-		/** [Method] Returns the value of maxMomentumValue
-		* @returns Number
-		*/
-		getMaxMomentumValue?(): number;
-		/** [Method] Returns the value of minMomentumValue
-		* @returns Number
-		*/
-		getMinMomentumValue?(): number;
-		/** [Method] Returns the value of minVelocity
-		* @returns Number
-		*/
-		getMinVelocity?(): number;
-		/** [Method] Returns the value of momentum
-		* @returns Object
-		*/
-		getMomentum?(): any;
-		/** [Method] Returns the value of startVelocity
-		* @returns Number
-		*/
-		getStartVelocity?(): number;
-		/** [Method] Sets the value of bounce
-		* @param bounce Object
-		*/
-		setBounce?( bounce?:any ): void;
-		/** [Method] Sets the value of maxMomentumValue
-		* @param maxMomentumValue Number
-		*/
-		setMaxMomentumValue?( maxMomentumValue?:number ): void;
-		/** [Method] Sets the value of minMomentumValue
-		* @param minMomentumValue Number
-		*/
-		setMinMomentumValue?( minMomentumValue?:number ): void;
-		/** [Method] Sets the value of minVelocity
-		* @param minVelocity Number
-		*/
-		setMinVelocity?( minVelocity?:number ): void;
-		/** [Method] Sets the value of momentum
-		* @param momentum Object
-		*/
-		setMomentum?( momentum?:any ): void;
-		/** [Method] Sets the value of startVelocity
-		* @param startVelocity Number
-		*/
-		setStartVelocity?( startVelocity?:number ): void;
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IEaseIn extends Ext.fx.easing.ILinear {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of exponent
-		* @returns Number
-		*/
-		getExponent?(): number;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of exponent
-		* @param exponent Number
-		*/
-		setExponent?( exponent?:number ): void;
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IEaseOut extends Ext.fx.easing.ILinear {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of exponent
-		* @returns Number
-		*/
-		getExponent?(): number;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of exponent
-		* @param exponent Number
-		*/
-		setExponent?( exponent?:number ): void;
-	}
-}
-declare namespace Ext.fx {
-	export interface IEasing extends Ext.IBase {
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface ILinear extends Ext.fx.easing.IAbstract {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of endValue
-		* @returns Number
-		*/
-		getEndValue?(): number;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of endValue
-		* @param endValue Number
-		*/
-		setEndValue?( endValue?:number ): void;
-	}
-}
-declare namespace Ext.fx.easing {
-	export interface IMomentum extends Ext.fx.easing.IAbstract {
-		/** [Method] Returns the value of acceleration
-		* @returns Number
-		*/
-		getAcceleration?(): number;
-		/** [Method] Returns the value of friction
-		* @returns Number
-		*/
-		getFriction?(): number;
-		/** [Method] Returns the value of startVelocity
-		* @returns Number
-		*/
-		getStartVelocity?(): number;
-		/** [Method] Sets the value of acceleration
-		* @param acceleration Number
-		*/
-		setAcceleration?( acceleration?:number ): void;
-		/** [Method] Sets the value of friction
-		* @param friction Number
-		*/
-		setFriction?( friction?:number ): void;
-		/** [Method] Sets the value of startVelocity
-		* @param startVelocity Number
-		*/
-		setStartVelocity?( startVelocity?:number ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IAbstract extends Ext.IEvented {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of duration
-		* @returns Object
-		*/
-		getDuration?(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of duration
-		* @param duration Object
-		*/
-		setDuration?( duration?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface ICover extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface ICube extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IFade extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Returns the value of reverse
-		* @returns Object
-		*/
-		getReverse?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-		/** [Method] Sets the value of reverse
-		* @param reverse Object
-		*/
-		setReverse?( reverse?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IFlip extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout {
-	export interface ICard extends Ext.IBase {
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IPop extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IReveal extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IScroll extends Ext.fx.layout.card.IAbstract {
-		/** [Method] Returns the value of duration
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Sets the value of duration
-		* @param duration Number
-		*/
-		setDuration?( duration?:number ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IScrollCover extends Ext.fx.layout.card.IScroll {
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IScrollReveal extends Ext.fx.layout.card.IScroll {
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface ISlide extends Ext.fx.layout.card.IStyle {
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-	}
-}
-declare namespace Ext.fx.layout.card {
-	export interface IStyle extends Ext.fx.layout.card.IAbstract {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of inAnimation
-		* @returns Object
-		*/
-		getInAnimation?(): any;
-		/** [Method] Returns the value of outAnimation
-		* @returns Object
-		*/
-		getOutAnimation?(): any;
-		/** [Method] Sets the value of inAnimation
-		* @param inAnimation Object
-		*/
-		setInAnimation?( inAnimation?:any ): void;
-		/** [Method] Sets the value of outAnimation
-		* @param outAnimation Object
-		*/
-		setOutAnimation?( outAnimation?:any ): void;
-	}
-}
-declare namespace Ext.fx.runner {
-	export interface ICss extends Ext.IEvented {
-	}
-}
-declare namespace Ext.fx.runner {
-	export interface ICssAnimation extends Ext.fx.runner.ICss {
-	}
-}
-declare namespace Ext.fx.runner {
-	export interface ICssTransition extends Ext.fx.runner.ICss {
-	}
-}
-declare namespace Ext.fx {
-	export interface IRunner extends Ext.IBase {
-	}
-}
-declare namespace Ext.fx {
-	export interface IState extends Ext.IBase {
-	}
-}
-declare namespace Ext {
-	export interface IImg extends Ext.IComponent {
-		/** [Config Option] (String) */
-		backgroundCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		imageCls?: string;
-		/** [Config Option] (String) */
-		mode?: string;
-		/** [Config Option] (String) */
-		src?: string;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of backgroundCls
-		* @returns String
-		*/
-		getBackgroundCls?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of imageCls
-		* @returns String
-		*/
-		getImageCls?(): string;
-		/** [Method] Returns the value of mode
-		* @returns String
-		*/
-		getMode?(): string;
-		/** [Method] Returns the value of src
-		* @returns String
-		*/
-		getSrc?(): string;
-		/** [Method] Hides this Component
-		* @returns Ext.Component
-		*/
-		hide?(): Ext.IComponent;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of backgroundCls
-		* @param backgroundCls String
-		*/
-		setBackgroundCls?( backgroundCls?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of imageCls
-		* @param imageCls String
-		*/
-		setImageCls?( imageCls?:string ): void;
-		/** [Method] Sets the value of mode
-		* @param mode String
-		*/
-		setMode?( mode?:string ): void;
-		/** [Method] Sets the value of src
-		* @param src String
-		*/
-		setSrc?( src?:string ): void;
-		/** [Method] Shows this component
-		* @returns Ext.Component
-		*/
-		show?(): Ext.IComponent;
-	}
-}
-declare namespace Ext {
-	export interface IIs {
-	}
-}
-declare namespace Ext {
-	export interface IItemCollection extends Ext.util.IMixedCollection {
-		/** [Method] MixedCollection has a generic way to fetch keys if you implement getKey
-		* @param item Object
-		* @returns Object The key for the passed item.
-		*/
-		getKey?( item?:any ): any;
-	}
-}
-declare namespace Ext {
-		/** [Property] (Boolean) */
-		export var SSL_SECURE_URL: boolean;
-		/** [Property] (Function) */
-		export var emptyFn: any;
-		/** [Property] (Boolean) */
-		export var enableGarbageCollector: boolean;
-		/** [Property] (Boolean) */
-		export var enableListenerCollection: boolean;
-		/** [Property] (String[]) */
-		export var enumerables: string[];
-		/** [Property] (Object) */
-		export var frameStartTime: any;
-		/** [Property] (Boolean) */
-		export var isSecure: boolean;
-		/** [Property] (String) */
-		export var version: string;
-		/** [Method] Loads Ext app Application class and starts it up with given configuration after the page is ready
-		* @param config Object An object with the following config options:
-		*/
-		export function application( config?:any ): void;
-		/** [Method] Copies all the properties of config to the specified object
-		* @param object Object The receiver of the properties.
-		* @param config Object The source of the properties.
-		* @param defaults Object A different object that will also be applied for default values.
-		* @returns Object returns obj
-		*/
-		export function apply( object?:any, config?:any, defaults?:any ): any;
-		/** [Method] Copies all the properties of config to object if they don t already exist
-		* @param object Object The receiver of the properties.
-		* @param config Object The source of the properties.
-		* @returns Object returns obj
-		*/
-		export function applyIf( object?:any, config?:any ): any;
-		/** [Method] Create a new function from the provided fn change this to the provided scope optionally overrides arguments for the
-		* @param fn Function The function to delegate.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. (Defaults to the arguments passed by the caller)
-		* @param appendArgs Boolean/Number if true args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Function The new function.
-		*/
-		export function bind( fn?:any, scope?:any, args?:any[], appendArgs?:any ): any;
-		/** [Method] Calls function after specified delay or right away when delay 0
-		* @param callback Function The callback to execute.
-		* @param scope Object The scope to execute in.
-		* @param args Array The arguments to pass to the function.
-		* @param delay Number Pass a number to delay the call by a number of milliseconds.
-		*/
-		export function callback( callback?:any, scope?:any, args?:any[], delay?:number ): void;
-		/** [Method] Old alias to Ext Array clean
-		* @param array Array
-		* @returns Array results
-		*/
-		export function clean( array?:any[] ): any[];
-		/** [Method] Clone almost any type of variable including array object DOM nodes and Date without keeping the old reference
-		* @param item Object The variable to clone.
-		* @returns Object clone
-		*/
-		export function clone( item?:any ): any;
-		/** [Method] Copies a set of named properties from the source object to the destination object
-		* @param dest Object The destination object.
-		* @param source Object The source object.
-		* @param names String/String[] Either an Array of property names, or a comma-delimited list of property names to copy.
-		* @param usePrototypeKeys Boolean Pass true to copy keys off of the prototype as well as the instance.
-		* @returns Object The modified object.
-		*/
-		export function copyTo( dest?:any, source?:any, names?:any, usePrototypeKeys?:boolean ): any;
-		/** [Method] Instantiate a class by either full name alias or alternate name
-		* @param name String
-		* @param args Mixed Additional arguments after the name will be passed to the class' constructor.
-		* @returns Object instance
-		*/
-		export function create( name?:string, args?:any ): any;
-		/** [Method] Convenient shorthand see Ext ClassManager instantiateByAlias
-		* @param alias String
-		* @param args Mixed... Additional arguments after the alias will be passed to the class constructor.
-		* @returns Object instance
-		*/
-		export function createByAlias( alias:string, ...args:any[] ): any;
-		/** [Method] Creates an interceptor function
-		* @param origFn Function The original function.
-		* @param newFn Function The function to call before the original.
-		* @param scope Object The scope (this reference) in which the passed function is executed. If omitted, defaults to the scope in which the original function is called or the browser window.
-		* @param returnValue Object The value to return if the passed function return false.
-		* @returns Function The new function.
-		*/
-		export function createInterceptor( origFn?:any, newFn?:any, scope?:any, returnValue?:any ): any;
-		/** [Method] Old name for widget  */
-		export function createWidget(): void;
-		/** [Method] Shorthand for Ext JSON decode
-		* @param json String The JSON string.
-		* @param safe Boolean Whether to return null or throw an exception if the JSON is invalid.
-		* @returns Object/null The resulting object.
-		*/
-		export function decode( json?:string, safe?:boolean ): any;
-		/** [Method] Calls this function after the number of milliseconds specified optionally in a specific scope
-		* @param fn Function The function to defer.
-		* @param millis Number The number of milliseconds for the setTimeout() call. If less than or equal to 0 the function is executed immediately.
-		* @param scope Object The scope (this reference) in which the function is executed. If omitted, defaults to the browser window.
-		* @param args Array Overrides arguments for the call. Defaults to the arguments passed by the caller.
-		* @param appendArgs Boolean/Number if true, args are appended to call args instead of overriding, if a number the args are inserted at the specified position.
-		* @returns Number The timeout id that can be used with clearTimeout().
-		*/
-		export function defer( fn?:any, millis?:number, scope?:any, args?:any[], appendArgs?:any ): number;
-		/** [Method] Defines a class or override
-		* @param className String The class name to create in string dot-namespaced format, for example: 'My.very.awesome.Class', 'FeedViewer.plugin.CoolPager' It is highly recommended to follow this simple convention: - The root and the class name are 'CamelCased' - Everything else is lower-cased
-		* @param data Object The key - value pairs of properties to apply to this class. Property names can be of any valid strings, except those in the reserved listed below:  mixins statics config alias self singleton alternateClassName override
-		* @param createdFn Function Optional callback to execute after the class (or override) is created. The execution scope (this) will be the newly created class itself.
-		* @returns Ext.Base
-		*/
-		export function define( className?:string, data?:any, createdFn?:any ): Ext.IBase;
-		/** [Method] Attempts to destroy any objects passed to it by removing all event listeners removing them from the DOM if applicab
-		* @param args Mixed... An Ext.Element, Ext.Component, or an Array of either of these to destroy.
-		*/
-		export function destroy( ...args:any[] ): void;
-		/** [Method] Dispatches a request to a controller action  */
-		export function dispatch(): void;
-		/** [Method] Iterates an array or an iterable value and invoke the given callback function for each item
-		* @param iterable Array/NodeList/Object The value to be iterated. If this argument is not iterable, the callback function is called once.
-		* @param fn Function The callback function. If it returns false, the iteration stops and this method returns the current index.
-		* @param scope Object The scope (this reference) in which the specified function is executed.
-		* @param reverse Boolean Reverse the iteration order (loop from the end to the beginning).
-		* @returns Boolean See description for the fn parameter.
-		*/
-		export function each( iterable?:any, fn?:any, scope?:any, reverse?:boolean ): boolean;
-		/** [Method] Shorthand for Ext JSON encode
-		* @param o Object The variable to encode.
-		* @returns String The JSON string.
-		*/
-		export function encode( o?:any ): string;
-		/** [Method] Convenient shortcut to Ext Loader exclude
-		* @param excludes Array
-		* @returns Object object contains require method for chaining.
-		*/
-		export function exclude( excludes?:any[] ): any;
-		/** [Method] This method deprecated
-		* @param superclass Function
-		* @param overrides Object
-		* @returns Function The subclass constructor from the overrides parameter, or a generated one if not provided.
-		*/
-		export function extend( superclass?:any, overrides?:any ): any;
-		/** [Method] A global factory method to instantiate a class from a config object
-		* @param config Object The config object to instantiate or update an instance with.
-		* @param classReference String The class to instantiate from.
-		* @param instance Object The instance to update.
-		* @param aliasNamespace Object
-		*/
-		export function factory( config?:any, classReference?:string, instance?:any, aliasNamespace?:any ): void;
-		/** [Method] Old alias to Ext Array flatten
-		* @param array Array The array to flatten
-		* @returns Array The 1-d array.
-		*/
-		export function flatten( array?:any[] ): any[];
-		/** [Method] Gets the globally shared flyweight Element with the passed node as the active element
-		* @param element String/HTMLElement The DOM node or id.
-		* @param named String Allows for creation of named reusable flyweights to prevent conflicts (e.g. internally Ext uses "_global").
-		* @returns Ext.dom.Element The shared Element object (or null if no matching element was found).
-		*/
-		export function fly( element?:any, named?:string ): Ext.dom.IElement;
-		/** [Method] Retrieves Ext dom Element objects
-		* @param element String/HTMLElement/Ext.Element The id of the node, a DOM Node or an existing Element.
-		* @returns Ext.dom.Element The Element object (or null if no matching element was found).
-		*/
-		export function get( element?:any ): Ext.dom.IElement;
-		/** [Method] Returns the current document body as an Ext Element
-		* @returns Ext.Element The document body.
-		*/
-		export function getBody(): Ext.IElement;
-		/** [Method] Convenient shorthand see Ext ClassManager getClass  */
-		export function getClass(): void;
-		/** [Method] Convenient shorthand for Ext ClassManager getName
-		* @param object Ext.Class/Object
-		* @returns String className
-		*/
-		export function getClassName( object?:any ): string;
-		/** [Method] This is shorthand reference to Ext ComponentMgr get
-		* @param id String The component id
-		* @returns Ext.Component The Component, undefined if not found, or null if a Class was found.
-		*/
-		export function getCmp( id?:string ): Ext.IComponent;
-		/** [Method] Returns the display name for object
-		* @param object Mixed The object who's display name to determine.
-		* @returns String The determined display name, or "Anonymous" if none found.
-		*/
-		export function getDisplayName( object?:any ): string;
-		/** [Method] Returns the current HTML document object as an Ext Element
-		* @returns Ext.Element The document.
-		*/
-		export function getDoc(): Ext.IElement;
-		/** [Method] Return the dom node for the passed String id  dom node or Ext Element
-		* @param el Mixed
-		* @returns HTMLElement
-		*/
-		export function getDom( el?:any ): HTMLElement;
-		/** [Method] Returns the current document head as an Ext Element
-		* @returns Ext.Element The document head.
-		*/
-		export function getHead(): Ext.IElement;
-		/** [Method] Returns the current orientation of the mobile device  */
-		export function getOrientation(): void;
-		/** [Method] Shortcut to Ext data StoreManager lookup
-		* @param store String/Object The id of the Store, or a Store instance, or a store configuration.
-		* @returns Ext.data.Store
-		*/
-		export function getStore( store?:any ): Ext.data.IStore;
-		/** [Method] Old alias to Ext String htmlDecode
-		* @param value String The string to decode.
-		* @returns String The decoded text.
-		*/
-		export function htmlDecode( value?:string ): string;
-		/** [Method] Old alias to Ext String htmlEncode
-		* @param value String The string to encode.
-		* @returns String The encoded text.
-		*/
-		export function htmlEncode( value?:string ): string;
-		/** [Method] Generates unique ids
-		* @param el Mixed The element to generate an id for.
-		* @param prefix String The id prefix.
-		* @returns String The generated id.
-		*/
-		export function id( el?:any, prefix?:string ): string;
-		/** [Method] Returns true if the passed value is a JavaScript Array false otherwise
-		* @param target Object The target to test.
-		* @returns Boolean
-		*/
-		export function isArray( target?:any ): boolean;
-		/** [Method] Returns true if the passed value is a Boolean
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isBoolean( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a JavaScript Date object false otherwise
-		* @param object Object The object to test.
-		* @returns Boolean
-		*/
-		export function isDate( object?:any ): boolean;
-		/** [Method] Returns true if the passed value is defined
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isDefined( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is an HTMLElement
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isElement( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is empty false otherwise
-		* @param value Object The value to test.
-		* @param allowEmptyString Boolean true to allow empty strings.
-		* @returns Boolean
-		*/
-		export function isEmpty( value?:any, allowEmptyString?:boolean ): boolean;
-		/** [Method] Returns true if the passed value is a JavaScript Function false otherwise
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isFunction( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is iterable false otherwise
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isIterable( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a String that matches the MS Date JSON encoding format
-		* @param value Object {String} The string to test
-		* @returns Boolean
-		*/
-		export function isMSDate( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a number
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isNumber( value?:any ): boolean;
-		/** [Method] Validates that a value is numeric
-		* @param value Object Examples: 1, '1', '2.34'
-		* @returns Boolean true if numeric, false otherwise.
-		*/
-		export function isNumeric( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a JavaScript Object false otherwise
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isObject( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a JavaScript primitive  a string number or Boolean
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isPrimitive( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a string
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isString( value?:any ): boolean;
-		/** [Method] Returns true if the passed value is a TextNode
-		* @param value Object The value to test.
-		* @returns Boolean
-		*/
-		export function isTextNode( value?:any ): boolean;
-		/** [Method] Iterates either an array or an object
-		* @param object Object/Array The object or array to be iterated.
-		* @param fn Function The function to be called for each iteration. See and Ext.Array.each and Ext.Object.each for detailed lists of arguments passed to this function depending on the given object type that is being iterated.
-		* @param scope Object The scope (this reference) in which the specified function is executed. Defaults to the object being iterated itself.
-		*/
-		export function iterate( object?:any, fn?:any, scope?:any ): void;
-		/** [Method] Old alias to Ext Array max
-		* @param array Array/NodeList The Array from which to select the maximum value.
-		* @param comparisonFn Function a function to perform the comparison which determines maximization. If omitted the ">" operator will be used. Note: gt = 1; eq = 0; lt = -1
-		* @returns Object maxValue The maximum value
-		*/
-		export function max( array?:any, comparisonFn?:any ): any;
-		/** [Method] Old alias to Ext Array mean
-		* @param array Array The Array to calculate the mean value of.
-		* @returns Number The mean.
-		*/
-		export function mean( array?:any[] ): number;
-		/** [Method] A convenient alias method for Ext Object merge  */
-		export function merge(): void;
-		/** [Method] Old alias to Ext Array min
-		* @param array Array/NodeList The Array from which to select the minimum value.
-		* @param comparisonFn Function a function to perform the comparison which determines minimization. If omitted the "&lt;" operator will be used. Note: gt = 1; eq = 0; lt = -1
-		* @returns Object minValue The minimum value.
-		*/
-		export function min( array?:any, comparisonFn?:any ): any;
-		/** [Method] Creates namespaces to be used for scoping variables and classes so that they are not global
-		* @param namespace1 String
-		* @param namespace2 String
-		* @param etc String
-		* @returns Object The namespace object. If multiple arguments are passed, this will be the last namespace created.
-		*/
-		export function namespace( namespace1?:string, namespace2?:string, etc?:string ): any;
-		/** [Method] Convenient alias for Ext namespace  */
-		export function ns(): void;
-		/** [Method] This method is deprecated please use Ext Number from instead */
-		export function num(): void;
-		/** [Method] Adds a listener to be notified when the document is ready and all dependencies are loaded
-		* @param fn Function The method the event invokes.
-		* @param scope Object The scope in which the handler function executes. Defaults to the browser window.
-		* @param options Boolean Options object as passed to Ext.Element.addListener. It is recommended that the options {single: true} be used so that the handler is removed on first invocation.
-		*/
-		export function onReady( fn?:any, scope?:any, options?:boolean ): void;
-		/** [Method] Proxy to Ext Base override
-		* @param cls Object The class to override
-		* @param overrides Object The properties to add to origClass. This should be specified as an object literal containing one or more properties.
-		*/
-		export function override( cls?:any, overrides?:any ): void;
-		/** [Method] Create a new function from the provided fn the arguments of which are pre set to args
-		* @param fn Function The original function.
-		* @param args Array The arguments to pass to new callback.
-		* @param scope Object The scope (this reference) in which the function is executed.
-		* @returns Function The new callback function.
-		*/
-		export function pass( fn?:any, args?:any[], scope?:any ): any;
-		/** [Method] Old alias to Ext Array pluck
-		* @param array Array/NodeList The Array of items to pluck the value from.
-		* @param propertyName String The property name to pluck from each element.
-		* @returns Array The value from each item in the Array.
-		*/
-		export function pluck( array?:any, propertyName?:string ): any[];
-		/** [Method] Registers a new ptype  */
-		export function preg(): void;
-		/** [Method] Shorthand of Ext dom Query select
-		* @param selector String The selector/xpath query (can be a comma separated list of selectors)
-		* @param root HTMLElement/String The start of the query (defaults to document).
-		* @returns HTMLElement[] An Array of DOM elements which match the selector. If there are no matches, and empty Array is returned.
-		*/
-		export function query( selector?:string, root?:any ): HTMLElement[];
-		/** [Method] Dispatches a request to a controller action adding to the History stack and updating the page url as necessary  */
-		export function redirect(): void;
-		/** [Method] Registers a new xtype  */
-		export function reg(): void;
-		/** [Method] Creates a new Application class from the specified config object  */
-		export function regApplication(): void;
-		/** [Method] Creates a new Controller class from the specified config object  */
-		export function regController(): void;
-		/** [Method] Registers new layout type  */
-		export function regLayout(): void;
-		/** [Method] Old way for creating Model classes
-		* @param name String Name of the Model class.
-		* @param config Object A configuration object for the Model you wish to create.
-		* @returns Ext.data.Model The newly registered Model.
-		*/
-		export function regModel( name?:string, config?:any ): Ext.data.IModel;
-		/** [Method] Creates a new store for the given id and config then registers it with the Store Manager
-		* @param id String The id to set on the new store.
-		* @param config Object The store config.
-		*/
-		export function regStore( id?:string, config?:any ): void;
-		/** [Method] Removes this element from the document removes all DOM event listeners and deletes the cache reference
-		* @param node HTMLElement The node to remove.
-		*/
-		export function removeNode( node?:HTMLElement ): void;
-		/** [Method] Repaints the whole page  */
-		export function repaint(): void;
-		/** [Method] Convenient alias of Ext Loader require
-		* @param expressions String/Array Can either be a string or an array of string.
-		* @param fn Function The callback function.
-		* @param scope Object The execution scope (this) of the callback function.
-		* @param excludes String/Array Classes to be excluded, useful when being used with expressions.
-		*/
-		export function require( expressions?:any, fn?:any, scope?:any, excludes?:any ): void;
-		/** [Method] Selects elements based on the passed CSS selector to enable Element methods to be applied to many related elements in
-		* @param selector String/HTMLElement[] The CSS selector or an array of elements
-		* @param composite Boolean Return a CompositeElement as opposed to a CompositeElementLite. Defaults to false.
-		* @returns Ext.dom.CompositeElementLite/Ext.dom.CompositeElement
-		*/
-		export function select( selector?:any, composite?:boolean ): Ext.dom.ICompositeElementLite;
-		/** [Method] Ext setup  is the entry point to initialize a Sencha Touch application
-		* @param config Object An object with the following config options:
-		*/
-		export function setup( config?:any ): void;
-		/** [Method] Old alias to Ext Array sum
-		* @param array Array The Array to calculate the sum value of.
-		* @returns Number The sum.
-		*/
-		export function sum( array?:any[] ): number;
-		/** [Method] Synchronous version of require convenient alias of Ext Loader syncRequire
-		* @param expressions String/Array Can either be a string or an array of string
-		* @param fn Function The callback function
-		* @param scope Object The execution scope (this) of the callback function
-		* @param excludes String/Array Classes to be excluded, useful when being used with expressions
-		*/
-		export function syncRequire( expressions?:any, fn?:any, scope?:any, excludes?:any ): void;
-		/** [Method] Converts any iterable numeric indices and a length property into a true array
-		* @param iterable Object the iterable object to be turned into a true Array.
-		* @param start Number a zero-based index that specifies the start of extraction.
-		* @param end Number a zero-based index that specifies the end of extraction.
-		* @returns Array
-		*/
-		export function toArray( iterable?:any, start?:number, end?:number ): any[];
-		/** [Method] Old alias to typeOf
-		* @param value Object
-		* @returns String
-		*/
-		export function type( value?:any ): string;
-		/** [Method] Returns the type of the given variable in string format
-		* @param value Object
-		* @returns String
-		*/
-		export function typeOf( value?:any ): string;
-		/** [Method] Old alias to Ext Array unique
-		* @param array Array
-		* @returns Array results
-		*/
-		export function unique( array?:any[] ): any[];
-		/** [Method] Old alias to Ext String urlAppend
-		* @param url String The URL to append to.
-		* @param string String The content to append to the URL.
-		* @returns String The resulting URL.
-		*/
-		export function urlAppend( url?:string, string?:string ): string;
-		/** [Method] A convenient alias method for Ext Object fromQueryString  */
-		export function urlDecode(): void;
-		/** [Method] A convenient alias method for Ext Object toQueryString  */
-		export function urlEncode(): void;
-		/** [Method] Returns the given value itself if it s not empty as described in isEmpty returns the default value second argument
-		* @param value Object The value to test.
-		* @param defaultValue Object The value to return if the original value is empty.
-		* @param allowBlank Boolean true to allow zero length strings to qualify as non-empty.
-		* @returns Object value, if non-empty, else defaultValue.
-		*/
-		export function valueFrom( value?:any, defaultValue?:any, allowBlank?:boolean ): any;
-		/** [Method] Convenient shorthand to create a widget by its xtype also see Ext ClassManager instantiateByAlias var button  Ext
-		* @param name String
-		* @returns Object instance
-		*/
-		export function widget( name?:string ): any;
-}
-declare namespace Ext {
-	export interface IJSON {
-	}
-	export class JSON {
-		/** [Method] Decodes parses a JSON string to an object
-		* @param json String The JSON string.
-		* @param safe Boolean Whether to return null or throw an exception if the JSON is invalid.
-		* @returns Object/null The resulting object.
-		*/
-		static decode( json?:string, safe?:boolean ): any;
-		/** [Method] Encodes an Object Array or other value
-		* @param o Object The variable to encode.
-		* @returns String The JSON string.
-		*/
-		static encode( o?:any ): string;
-		/** [Method] Encodes a Date
-		* @param d Date The Date to encode.
-		* @returns String The string literal to use in a JSON string.
-		*/
-		static encodeDate( d?:any ): string;
-	}
-}
-declare namespace Ext {
-	export interface ILabel extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		html?: string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IBox extends Ext.layout.IDefault {
-		/** [Config Option] (String) */
-		align?: string;
-		/** [Config Option] (String) */
-		pack?: string;
-		/** [Method] Returns the value of align
-		* @returns String
-		*/
-		getAlign?(): string;
-		/** [Method] Returns the value of orient
-		* @returns String
-		*/
-		getOrient?(): string;
-		/** [Method] Returns the value of pack
-		* @returns String
-		*/
-		getPack?(): string;
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any ): void;
-		/** [Method] Sets the value of align
-		* @param align String
-		*/
-		setAlign?( align?:string ): void;
-		/** [Method] Sets the value of orient
-		* @param orient String
-		*/
-		setOrient?( orient?:string ): void;
-		/** [Method] Sets the value of pack
-		* @param pack String
-		*/
-		setPack?( pack?:string ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface ICard extends Ext.layout.IDefault {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		* @param destroying Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any, destroying?:any ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IDefault extends Ext.layout.IAbstract {
-		/** [Config Option] (Ext.fx.layout.Card) */
-		animation?: Ext.fx.layout.ICard;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of animation
-		* @returns Ext.fx.layout.Card
-		*/
-		getAnimation?(): Ext.fx.layout.ICard;
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		* @param destroying Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any, destroying?:any ): void;
-		/** [Method] Sets the value of animation
-		* @param animation Ext.fx.layout.Card
-		*/
-		setAnimation?( animation?:Ext.fx.layout.ICard ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IFit extends Ext.layout.IDefault {
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IFlexBox extends Ext.layout.IBox {
-		/** [Config Option] (String) */
-		align?: string;
-		/** [Method] Returns the value of align
-		* @returns String
-		*/
-		getAlign?(): string;
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any ): void;
-		/** [Method] Sets the value of align
-		* @param align String
-		*/
-		setAlign?( align?:string ): void;
-		/** [Method] Sets the flex of an item in this box layout
-		* @param item Ext.Component The item of this layout which you want to update the flex of.
-		* @param flex Number The flex to set on this method
-		*/
-		setItemFlex?( item?:Ext.IComponent, flex?:number ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IFloat extends Ext.layout.IDefault {
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method]
-		* @param item Object
-		* @param isInner Object
-		*/
-		onItemInnerStateChange?( item?:any, isInner?:any ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-	}
-}
-declare namespace Ext.layout {
-	export interface IHBox extends Ext.layout.IFlexBox {
-	}
-}
-declare namespace Ext.layout {
-	export interface IVBox extends Ext.layout.IFlexBox {
-		/** [Method] Returns the value of orient
-		* @returns String
-		*/
-		getOrient?(): string;
-		/** [Method] Sets the value of orient
-		* @param orient String
-		*/
-		setOrient?( orient?:string ): void;
-	}
-}
-declare namespace Ext.layout.wrapper {
-	export interface IBoxDock extends Ext.IBase {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of bodyElement
-		* @returns Object
-		*/
-		getBodyElement?(): any;
-		/** [Method] Returns the value of container
-		* @returns Object
-		*/
-		getContainer?(): any;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of innerWrapper
-		* @returns Object
-		*/
-		getInnerWrapper?(): any;
-		/** [Method] Returns the value of sizeState
-		* @returns Boolean
-		*/
-		getSizeState?(): boolean;
-		/** [Method] Sets the value of bodyElement
-		* @param bodyElement Object
-		*/
-		setBodyElement?( bodyElement?:any ): void;
-		/** [Method] Sets the value of container
-		* @param container Object
-		*/
-		setContainer?( container?:any ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of innerWrapper
-		* @param innerWrapper Object
-		*/
-		setInnerWrapper?( innerWrapper?:any ): void;
-		/** [Method] Sets the value of sizeState
-		* @param sizeState Boolean
-		*/
-		setSizeState?( sizeState?:boolean ): void;
-	}
-}
-declare namespace Ext.layout.wrapper {
-	export interface IDock extends Ext.IBase {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of bodyElement
-		* @returns Object
-		*/
-		getBodyElement?(): any;
-		/** [Method] Returns the value of container
-		* @returns Object
-		*/
-		getContainer?(): any;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of innerWrapper
-		* @returns Object
-		*/
-		getInnerWrapper?(): any;
-		/** [Method] Returns the value of sizeState
-		* @returns Boolean
-		*/
-		getSizeState?(): boolean;
-		/** [Method] Sets the value of bodyElement
-		* @param bodyElement Object
-		*/
-		setBodyElement?( bodyElement?:any ): void;
-		/** [Method] Sets the value of container
-		* @param container Object
-		*/
-		setContainer?( container?:any ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of innerWrapper
-		* @param innerWrapper Object
-		*/
-		setInnerWrapper?( innerWrapper?:any ): void;
-		/** [Method] Sets the value of sizeState
-		* @param sizeState Boolean
-		*/
-		setSizeState?( sizeState?:boolean ): void;
-	}
-}
-declare namespace Ext.layout.wrapper {
-	export interface IInner extends Ext.IBase {
-		/** [Method] Returns the value of container
-		* @returns Object
-		*/
-		getContainer?(): any;
-		/** [Method] Returns the value of sizeState
-		* @returns Object
-		*/
-		getSizeState?(): any;
-		/** [Method] Sets the value of container
-		* @param container Object
-		*/
-		setContainer?( container?:any ): void;
-		/** [Method] Sets the value of sizeState
-		* @param sizeState Object
-		*/
-		setSizeState?( sizeState?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface ILoader {
-	}
-	export class Loader {
-		/** [Config Option] (Boolean) */
-		static disableCaching: boolean;
-		/** [Config Option] (String) */
-		static disableCachingParam: string;
-		/** [Config Option] (Boolean) */
-		static enabled: boolean;
-		/** [Config Option] (Object) */
-		static paths: any;
-		/** [Property] (Array) */
-		static history: any[];
-		/** [Method] Sets a batch of path entries
-		* @param paths Object a set of className: path mappings
-		* @returns Ext.Loader this
-		*/
-		static addClassPathMappings( paths?:Object ): Ext.ILoader;
-		/** [Method] Explicitly exclude files from being loaded
-		* @param excludes Array
-		* @returns Object object contains require method for chaining.
-		*/
-		static exclude( excludes?:any[] ): any;
-		/** [Method] Get the config value corresponding to the specified name
-		* @param name String The config property name.
-		* @returns Object/Mixed
-		*/
-		static getConfig( name?:string ): any;
-		/** [Method] Translates a className to a file path by adding the the proper prefix and converting the  s to  s
-		* @param className String
-		* @returns String path
-		*/
-		static getPath( className?:string ): string;
-		/** [Method] Add a new listener to be executed when all required scripts are fully loaded
-		* @param fn Function The function callback to be executed.
-		* @param scope Object The execution scope (this) of the callback function.
-		* @param withDomReady Boolean Whether or not to wait for document DOM ready as well.
-		*/
-		static onReady( fn?:any, scope?:any, withDomReady?:boolean ): void;
-		/** [Method] Loads all classes by the given names and all their direct dependencies optionally executes the given callback functi
-		* @param expressions String/Array Can either be a string or an array of string.
-		* @param fn Function The callback function.
-		* @param scope Object The execution scope (this) of the callback function.
-		* @param excludes String/Array Classes to be excluded, useful when being used with expressions.
-		*/
-		static require( expressions?:any, fn?:any, scope?:any, excludes?:any ): void;
-		/** [Method] Set the configuration for the loader
-		* @param name Object/String The config object to override the default values or name of a single config setting when also passing the second parameter.
-		* @param value Mixed The value for the config setting.
-		* @returns Ext.Loader this
-		*/
-		static setConfig( name?:any, value?:any ): Ext.ILoader;
-		/** [Method] Sets the path of a namespace
-		* @param name String/Object See flexSetter
-		* @param path String See flexSetter
-		* @returns Ext.Loader this
-		*/
-		static setPath( name?:any, path?:string ): Ext.ILoader;
-		/** [Method] Synchronously loads all classes by the given names and all their direct dependencies optionally executes the given c
-		* @param expressions String/Array Can either be a string or an array of string
-		* @param fn Function The callback function
-		* @param scope Object The execution scope (this) of the callback function
-		* @param excludes String/Array Classes to be excluded, useful when being used with expressions
-		*/
-		static syncRequire( expressions?:any, fn?:any, scope?:any, excludes?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface ILoadMask extends Ext.IMask {
-		/** [Config Option] (Boolean) */
-		indicator?: boolean;
-		/** [Config Option] (String) */
-		message?: string;
-		/** [Config Option] (String) */
-		messageCls?: string;
-		/** [Config Option] (String) */
-		msg?: string;
-		/** [Config Option] (String) */
-		msgCls?: string;
-		/** [Config Option] (Ext.data.Store) */
-		store?: Ext.data.IStore;
-		/** [Method] Changes the data store bound to this LoadMask
-		* @param store Ext.data.Store The store to bind to this LoadMask
-		*/
-		bindStore?( store?:Ext.data.IStore ): void;
-		/** [Method] Returns the value of indicator
-		* @returns Boolean
-		*/
-		getIndicator?(): boolean;
-		/** [Method] Returns the value of message
-		* @returns String
-		*/
-		getMessage?(): string;
-		/** [Method] Returns the value of messageCls
-		* @returns String
-		*/
-		getMessageCls?(): string;
-		/** [Method] Sets the value of indicator
-		* @param indicator Boolean
-		*/
-		setIndicator?( indicator?:boolean ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		setMessage?( message?:string ): void;
-		/** [Method] Sets the value of messageCls
-		* @param messageCls String
-		*/
-		setMessageCls?( messageCls?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ILogger {
-	}
-	export class Logger {
-		/** [Method] Convenience method for log with priority deprecate */
-		static deprecate(): void;
-		/** [Method] Convenience method for log with priority error */
-		static error(): void;
-		/** [Method] Convenience method for log with priority info */
-		static info(): void;
-		/** [Method] Logs a message to help with debugging
-		* @param message String Message to log.
-		* @param priority Number Priority of the log message.
-		* @returns Ext.Logger this
-		*/
-		static log( message?:string, priority?:number ): Ext.ILogger;
-		/** [Method] Convenience method for log with priority verbose */
-		static verbose(): void;
-		/** [Method] Convenience method for log with priority warn */
-		static warn(): void;
-	}
-}
-declare namespace Ext {
-	export interface IMap extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Ext.util.Geolocation) */
-		geo?: Ext.util.IGeolocation;
-		/** [Config Option] (google.maps.Map) */
-		map?: any;
-		/** [Config Option] (Object) */
-		mapOptions?: any;
-		/** [Config Option] (Boolean) */
-		maskMap?: boolean;
-		/** [Config Option] (String) */
-		maskMapCls?: string;
-		/** [Config Option] (Boolean/Ext.util.Geolocation) */
-		useCurrentLocation?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of geo
-		* @returns Ext.util.Geolocation
-		*/
-		getGeo?(): Ext.util.IGeolocation;
-		/** [Method] Returns the value of map
-		* @returns google.maps.Map
-		*/
-		getMap?(): any;
-		/** [Method] Returns the state of the Map
-		* @returns Object mapOptions
-		*/
-		getState?(): any;
-		/** [Method] Returns the value of useCurrentLocation
-		* @returns Boolean/Ext.util.Geolocation
-		*/
-		getUseCurrentLocation?(): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of geo
-		* @param geo Ext.util.Geolocation
-		*/
-		setGeo?( geo?:Ext.util.IGeolocation ): void;
-		/** [Method] Sets the value of map
-		* @param map google.maps.Map
-		*/
-		setMap?( map?:any ): void;
-		/** [Method] Moves the map center to the designated coordinates hash of the form  latitude 37 381592 longitude  122 135672
-		* @param coordinates Object/google.maps.LatLng Object representing the desired Latitude and longitude upon which to center the map.
-		*/
-		setMapCenter?( coordinates?:any ): void;
-		/** [Method] Sets the value of mapOptions
-		* @param mapOptions Object
-		*/
-		setMapOptions?( mapOptions?:any ): void;
-		/** [Method] Sets the value of useCurrentLocation
-		* @param useCurrentLocation Boolean/Ext.util.Geolocation
-		*/
-		setUseCurrentLocation?( useCurrentLocation?:any ): void;
-		/** [Method] Moves the map center to the designated coordinates hash of the form  latitude 37 381592 longitude  122 135672
-		* @param coordinates Object/google.maps.LatLng Object representing the desired Latitude and longitude upon which to center the map.
-		*/
-		update?( coordinates?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IMask extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		transparent?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of transparent
-		* @returns Boolean
-		*/
-		getTransparent?(): boolean;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of transparent
-		* @param transparent Boolean
-		*/
-		setTransparent?( transparent?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface IMedia extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		autoPause?: boolean;
-		/** [Config Option] (Boolean) */
-		autoResume?: boolean;
-		/** [Config Option] (Boolean) */
-		enableControls?: boolean;
-		/** [Config Option] (Boolean) */
-		loop?: boolean;
-		/** [Config Option] (Ext.Element) */
-		media?: Ext.IElement;
-		/** [Config Option] (Boolean) */
-		muted?: boolean;
-		/** [Config Option] (Boolean) */
-		preload?: boolean;
-		/** [Config Option] (String) */
-		url?: string;
-		/** [Config Option] (Number) */
-		volume?: number;
-		/** [Method] Destroys this Component  */
-		destroy?(): void;
-		/** [Method] Returns the value of autoPause
-		* @returns Boolean
-		*/
-		getAutoPause?(): boolean;
-		/** [Method] Returns the value of autoResume
-		* @returns Boolean
-		*/
-		getAutoResume?(): boolean;
-		/** [Method] Returns the current time of the media in seconds
-		* @returns Number
-		*/
-		getCurrentTime?(): number;
-		/** [Method] Returns the duration of the media in seconds
-		* @returns Number
-		*/
-		getDuration?(): number;
-		/** [Method] Returns the value of enableControls
-		* @returns Boolean
-		*/
-		getEnableControls?(): boolean;
-		/** [Method] Returns the value of loop
-		* @returns Boolean
-		*/
-		getLoop?(): boolean;
-		/** [Method] Returns the value of media
-		* @returns Ext.Element
-		*/
-		getMedia?(): Ext.IElement;
-		/** [Method] Returns the value of muted
-		* @returns Boolean
-		*/
-		getMuted?(): boolean;
-		/** [Method] Returns the value of preload
-		* @returns Boolean
-		*/
-		getPreload?(): boolean;
-		/** [Method] Returns the value of url
-		* @returns String
-		*/
-		getUrl?(): string;
-		/** [Method] Returns the value of volume
-		* @returns Number
-		*/
-		getVolume?(): number;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Returns if the media is currently playing
-		* @returns Boolean playing true if the media is playing.
-		*/
-		isPlaying?(): boolean;
-		/** [Method] Pauses media playback  */
-		pause?(): void;
-		/** [Method] Starts or resumes media playback  */
-		play?(): void;
-		/** [Method] Sets the value of autoPause
-		* @param autoPause Boolean
-		*/
-		setAutoPause?( autoPause?:boolean ): void;
-		/** [Method] Sets the value of autoResume
-		* @param autoResume Boolean
-		*/
-		setAutoResume?( autoResume?:boolean ): void;
-		/** [Method] Sets the value of enableControls
-		* @param enableControls Boolean
-		*/
-		setEnableControls?( enableControls?:boolean ): void;
-		/** [Method] Sets the value of loop
-		* @param loop Boolean
-		*/
-		setLoop?( loop?:boolean ): void;
-		/** [Method] Sets the value of media
-		* @param media Ext.Element
-		*/
-		setMedia?( media?:Ext.IElement ): void;
-		/** [Method] Sets the value of muted
-		* @param muted Boolean
-		*/
-		setMuted?( muted?:boolean ): void;
-		/** [Method] Sets the value of preload
-		* @param preload Boolean
-		*/
-		setPreload?( preload?:boolean ): void;
-		/** [Method] Sets the value of url
-		* @param url String
-		*/
-		setUrl?( url?:string ): void;
-		/** [Method] Sets the value of volume
-		* @param volume Number
-		*/
-		setVolume?( volume?:number ): void;
-		/** [Method] Stops media playback and returns to the beginning  */
-		stop?(): void;
-		/** [Method] Toggles the media playback state  */
-		toggle?(): void;
-		/** [Method] Updates the controls of the video element
-		* @param enableControls Object
-		*/
-		updateEnableControls?( enableControls?:any ): void;
-		/** [Method] Updates the loop setting of the media element
-		* @param loop Object
-		*/
-		updateLoop?( loop?:any ): void;
-		/** [Method] Sets the URL of the media element
-		* @param newUrl Object
-		*/
-		updateUrl?( newUrl?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IMessageBox extends Ext.ISheet {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Array/Object) */
-		buttons?: any;
-		/** [Config Option] (Number) */
-		defaultTextHeight?: number;
-		/** [Config Option] (Object) */
-		hideAnimation?: any;
-		/** [Config Option] (String) */
-		icon?: string;
-		/** [Config Option] (String) */
-		iconCls?: string;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (String) */
-		message?: string;
-		/** [Config Option] (String) */
-		msg?: string;
-		/** [Config Option] (Object) */
-		prompt?: any;
-		/** [Config Option] (Object) */
-		showAnimation?: any;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Config Option] (Number) */
-		zIndex?: number;
-		/** [Method] Displays a standard read only message box with an OK button comparable to the basic JavaScript alert prompt
-		* @param title String The title bar text.
-		* @param message String The message box body text.
-		* @param fn Function A callback function which is called when the dialog is dismissed by clicking on the configured buttons.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to: the browser window
-		* @returns Ext.MessageBox this
-		*/
-		alert?( title?:string, message?:string, fn?:any, scope?:any ): Ext.IMessageBox;
-		/** [Method] Displays a confirmation message box with Yes and No buttons comparable to JavaScript s confirm
-		* @param title String The title bar text.
-		* @param message String The message box body text.
-		* @param fn Function A callback function which is called when the dialog is dismissed by clicking on the configured buttons.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to: the browser window
-		* @returns Ext.MessageBox this
-		*/
-		confirm?( title?:string, message?:string, fn?:any, scope?:any ): Ext.IMessageBox;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of buttons
-		* @returns Array/Object
-		*/
-		getButtons?(): any;
-		/** [Method] Returns the value of defaultTextHeight
-		* @returns Number
-		*/
-		getDefaultTextHeight?(): number;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of prompt
-		* @returns Object
-		*/
-		getPrompt?(): any;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of zIndex
-		* @returns Number
-		*/
-		getZIndex?(): number;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of buttons
-		* @param buttons Array/Object
-		*/
-		setButtons?( buttons?:any ): void;
-		/** [Method] Sets the value of defaultTextHeight
-		* @param defaultTextHeight Number
-		*/
-		setDefaultTextHeight?( defaultTextHeight?:number ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation Object
-		*/
-		setHideAnimation?( hideAnimation?:any ): void;
-		/** [Method] Sets icon
-		* @param iconCls String A CSS class name or empty string to clear the icon.
-		* @returns Ext.MessageBox this
-		*/
-		setIcon?( iconCls?:string ): Ext.IMessageBox;
-		/** [Method] Sets the value of iconCls
-		* @param iconCls String
-		*/
-		setIconCls?( iconCls?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		setMessage?( message?:string ): void;
-		/** [Method] Sets the value of prompt
-		* @param prompt Object
-		*/
-		setPrompt?( prompt?:any ): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation Object
-		*/
-		setShowAnimation?( showAnimation?:any ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of zIndex
-		* @param zIndex Number
-		*/
-		setZIndex?( zIndex?:number ): void;
-		/** [Method] Displays the Ext MessageBox with a specified configuration
-		* @param config Object An object with the following config options:
-		* @returns Ext.MessageBox this
-		*/
-		show?( config?:any ): Ext.IMessageBox;
-		/** [Method] Sets the value of message
-		* @param message String
-		* @returns Ext.MessageBox this
-		*/
-		updateText?( message?:string ): Ext.IMessageBox;
-	}
-}
-declare namespace Ext.mixin {
-	export interface IBindable extends Ext.mixin.IMixin {
-	}
-}
-declare namespace Ext.mixin {
-	export interface IFilterable extends Ext.mixin.IMixin {
-		/** [Config Option] (String) */
-		filterRoot?: string;
-		/** [Config Option] (Array) */
-		filters?: any[];
-		/** [Property] (Object) */
-		currentSortFn?: any;
-		/** [Property] (Boolean) */
-		dirtyFilterFn?: boolean;
-		/** [Property] (Boolean) */
-		filtered?: boolean;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		addFilter?( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Array An array with filters. A filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		addFilters?( filters?:any[] ): any;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param data Array The array you want to have sorted.
-		* @returns Array The array you passed after it is sorted.
-		*/
-		filter?( data?:any[] ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		getFilterFn?(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		getFilterRoot?(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		getFilters?(): any[];
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		insertFilter?( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		insertFilters?( index?:number, filters?:any[] ): any[];
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Array Each value in the array can be a string (property name), function (sorterFn), an object containing a property and value keys or Sorter instance.
-		*/
-		removeFilters?( filters?:any[] ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		setFilterRoot?( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		setFilters?( filters?:any[] ): void;
-	}
-}
-declare namespace Ext.mixin {
-	export interface IIdentifiable extends Ext.IBase {
-		/** [Method] Retrieves the id of this component
-		* @returns any id
-		*/
-		getId?(): any;
-	}
-}
-declare namespace Ext.mixin {
-	export interface IMixin extends Ext.IBase {
-	}
-}
-declare namespace Ext.mixin {
-	export interface IObservable extends Ext.mixin.IMixin,Ext.mixin.IIdentifiable {
-		/** [Config Option] (String/String[]) */
-		bubbleEvents?: any;
-		/** [Config Option] (Object) */
-		listeners?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns any id
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IObservable extends Ext.mixin.IMixin,Ext.mixin.IIdentifiable {
-		/** [Config Option] (String/String[]) */
-		bubbleEvents?: any;
-		/** [Config Option] (Object) */
-		listeners?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns any id
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.mixin {
-	export interface ISelectable extends Ext.mixin.IMixin {
-		/** [Config Option] (Boolean) */
-		allowDeselect?: boolean;
-		/** [Config Option] (Boolean) */
-		deselectOnContainerClick?: boolean;
-		/** [Config Option] (Boolean) */
-		disableSelection?: boolean;
-		/** [Config Option] (Boolean) */
-		locked?: boolean;
-		/** [Config Option] (String) */
-		mode?: string;
-		/** [Method] Deselects any currently selected records and clears all stored selections  */
-		clearSelections?(): void;
-		/** [Method] Deselects the given record s
-		* @param records Number/Array/Ext.data.Model The record(s) to deselect. Can also be a number to reference by index.
-		* @param suppressEvent Boolean If true the deselect event will not be fired.
-		*/
-		deselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Deselects all records
-		* @param supress Object
-		*/
-		deselectAll?( supress?:any ): void;
-		/** [Method] Deselects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param suppressEvent Boolean Set to false to not fire a deselect event.
-		*/
-		doDeselect?( records?:any, suppressEvent?:boolean ): void;
-		/** [Method] Selects a record instance by record instance or index
-		* @param records Ext.data.Model/Number An array of records or an index.
-		* @param keepExisting Boolean
-		* @param suppressEvent Boolean Set to false to not fire a select event.
-		*/
-		doSelect?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Returns the value of allowDeselect
-		* @returns Boolean
-		*/
-		getAllowDeselect?(): boolean;
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of deselectOnContainerClick
-		* @returns Boolean
-		*/
-		getDeselectOnContainerClick?(): boolean;
-		/** [Method] Returns the value of disableSelection
-		* @returns Boolean
-		*/
-		getDisableSelection?(): boolean;
-		/** [Method] Returns the array of previously selected items
-		* @returns Array The previous selection.
-		*/
-		getLastSelected?(): any[];
-		/** [Method] Returns the value of mode
-		* @returns String
-		*/
-		getMode?(): string;
-		/** [Method] Returns an array of the currently selected records
-		* @returns Array An array of selected records.
-		*/
-		getSelection?(): any[];
-		/** [Method] Returns the number of selections
-		* @returns Number
-		*/
-		getSelectionCount?(): number;
-		/** [Method] Returns the selection mode currently used by this Selectable
-		* @returns String The current mode.
-		*/
-		getSelectionMode?(): string;
-		/** [Method] Returns true if there is a selected record
-		* @returns Boolean
-		*/
-		hasSelection?(): boolean;
-		/** [Method] Returns true if the Selectable is currently locked
-		* @returns Boolean True if currently locked
-		*/
-		isLocked?(): boolean;
-		/** [Method] Returns true if the specified row is selected
-		* @param record Ext.data.Model/Number The record or index of the record to check.
-		* @returns Boolean
-		*/
-		isSelected?( record?:any ): boolean;
-		/** [Method] Adds the given records to the currently selected set
-		* @param records Ext.data.Model/Array/Number The records to select.
-		* @param keepExisting Boolean If true, the existing selection will be added to (if not, the old selection is replaced).
-		* @param suppressEvent Boolean If true, the select event will not be fired.
-		*/
-		select?( records?:any, keepExisting?:boolean, suppressEvent?:boolean ): void;
-		/** [Method] Selects all records
-		* @param silent Boolean true to suppress all select events.
-		*/
-		selectAll?( silent?:boolean ): void;
-		/** [Method] Selects a range of rows if the selection model getDisableSelection is not locked
-		* @param startRecord Number The index of the first row in the range.
-		* @param endRecord Number The index of the last row in the range.
-		* @param keepExisting Boolean true to retain existing selections.
-		*/
-		selectRange?( startRecord?:number, endRecord?:number, keepExisting?:boolean ): void;
-		/** [Method] Sets the value of allowDeselect
-		* @param allowDeselect Boolean
-		*/
-		setAllowDeselect?( allowDeselect?:boolean ): void;
-		/** [Method] Sets the value of deselectOnContainerClick
-		* @param deselectOnContainerClick Boolean
-		*/
-		setDeselectOnContainerClick?( deselectOnContainerClick?:boolean ): void;
-		/** [Method] Sets the value of disableSelection
-		* @param disableSelection Boolean
-		*/
-		setDisableSelection?( disableSelection?:boolean ): void;
-		/** [Method] This was an internal function accidentally exposed in 1 x and now deprecated  */
-		setLastFocused?(): void;
-		/** [Method] Sets the value of mode
-		* @param mode String
-		*/
-		setMode?( mode?:string ): void;
-		/** [Method] Sets a record as the last focused record
-		* @param newRecord Ext.data.Record
-		* @param oldRecord Ext.data.Record
-		*/
-		updateLastFocused?( newRecord?:Ext.data.IRecord, oldRecord?:Ext.data.IRecord ): void;
-	}
-}
-declare namespace Ext.mixin {
-	export interface ISortable extends Ext.mixin.IMixin {
-		/** [Config Option] (String) */
-		defaultSortDirection?: string;
-		/** [Config Option] (String) */
-		sortRoot?: string;
-		/** [Config Option] (Array) */
-		sorters?: any[];
-		/** [Property] (Object) */
-		currentSortFn?: any;
-		/** [Property] (Boolean) */
-		dirtySortFn?: boolean;
-		/** [Property] (Boolean) */
-		sorted?: boolean;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		addSorter?( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		addSorters?( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		findInsertionIndex?( items?:any[], item?:any ): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		getDefaultSortDirection?(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		getSortFn?(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		getSortRoot?(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		getSorters?(): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		insertSorter?( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @param index Number The index at which to insert the sorters.
-		* @param sorters Array Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		insertSorters?( index?:number, sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		removeSorter?( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Array Each value in the array can be a string (property name), function (sorterFn) or Sorter instance.
-		*/
-		removeSorters?( sorters?:any[] ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		setDefaultSortDirection?( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		setSortRoot?( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		setSorters?( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param data Array The array you want to have sorted.
-		* @returns Array The array you passed after it is sorted.
-		*/
-		sort?( data?:any[] ): any[];
-	}
-}
-declare namespace Ext.mixin {
-	export interface ITemplatable extends Ext.mixin.IMixin {
-	}
-}
-declare namespace Ext.mixin {
-	export interface ITraversable extends Ext.mixin.IMixin {
-	}
-}
-declare namespace Ext {
-	export interface IMsg extends Ext.IMessageBox {
-	}
-	export class Msg {
-		/** [Property] (Ext.util.MixedCollection) */
-		static items: Ext.util.IMixedCollection;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Adds one or more Components to this Container
-		* @param newItems Object/Object[]/Ext.Component/Ext.Component[] The new items to add to the Container.
-		* @returns Ext.Component The last item added to the Container from the newItems array.
-		*/
-		static add( newItems?:any ): Ext.IComponent;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds an array of Components to this Container
-		* @param items Array The array of items to add to this container.
-		* @returns Array The array of items after they have been added.
-		*/
-		static addAll( items?:any[] ): any[];
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds a CSS class or classes to this Component s rendered element
-		* @param cls String The CSS class to add.
-		* @param prefix String Optional prefix to add to each class.
-		* @param suffix String Optional suffix to add to each class.
-		*/
-		static addCls( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Displays a standard read only message box with an OK button comparable to the basic JavaScript alert prompt
-		* @param title String The title bar text.
-		* @param message String The message box body text.
-		* @param fn Function A callback function which is called when the dialog is dismissed by clicking on the configured buttons.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to: the browser window
-		* @returns Ext.MessageBox this
-		*/
-		static alert( title?:string, message?:string, fn?:any, scope?:any ): Ext.IMessageBox;
-		/** [Method] Animates to the supplied activeItem with a specified animation
-		* @param activeItem Object/Number The item or item index to make active.
-		* @param animation Object/Ext.fx.layout.Card Card animation configuration or instance.
-		*/
-		static animateActiveItem( activeItem?:any, animation?:any ): void;
-		/** [Method] Changes the masked configuration when its setter is called which will convert the value into a proper object instanc
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		* @returns Object
-		*/
-		static applyMasked( masked?:any ): any;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Retrieves the first direct child of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		static child( selector?:string ): Ext.IComponent;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method] Displays a confirmation message box with Yes and No buttons comparable to JavaScript s confirm
-		* @param title String The title bar text.
-		* @param message String The message box body text.
-		* @param fn Function A callback function which is called when the dialog is dismissed by clicking on the configured buttons.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to: the browser window
-		* @returns Ext.MessageBox this
-		*/
-		static confirm( title?:string, message?:string, fn?:any, scope?:any ): Ext.IMessageBox;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Disables this Component */
-		static disable(): void;
-		/** [Method] Retrieves the first descendant of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		static down( selector?:string ): Ext.IComponent;
-		/** [Method] Enables this Component */
-		static enable(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		static getActiveItem(): any;
-		/** [Method] Returns the Component for a given index in the Container s items
-		* @param index Number The index of the Component to return.
-		* @returns Ext.Component The item at the specified index, if found.
-		*/
-		static getAt( index?:number ): Ext.IComponent;
-		/** [Method] Returns the value of autoDestroy
-		* @returns Boolean
-		*/
-		static getAutoDestroy(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		static getBaseCls(): string;
-		/** [Method] Returns the value of bodyBorder
-		* @returns Number/Boolean/String
-		*/
-		static getBodyBorder(): any;
-		/** [Method] Returns the value of bodyMargin
-		* @returns Number/Boolean/String
-		*/
-		static getBodyMargin(): any;
-		/** [Method] Returns the value of bodyPadding
-		* @returns Number/Boolean/String
-		*/
-		static getBodyPadding(): any;
-		/** [Method] Returns the value of border
-		* @returns Number/String
-		*/
-		static getBorder(): any;
-		/** [Method] Returns the value of bottom
-		* @returns Number/String
-		*/
-		static getBottom(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Returns the value of buttons
-		* @returns Array/Object
-		*/
-		static getButtons(): any;
-		/** [Method] Returns the value of centered
-		* @returns Boolean
-		*/
-		static getCentered(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String/String[]
-		*/
-		static getCls(): any;
-		/** [Method] Examines this container s items property and gets a direct child component of this container
-		* @param component String/Number This parameter may be any of the following:  {String} : representing the itemId or id of the child component. {Number} : representing the position of the child component within the items property. For additional information see Ext.util.MixedCollection.get.
-		* @returns Ext.Component The component (if found).
-		*/
-		static getComponent( component?:any ): Ext.IComponent;
-		/** [Method] Returns the value of contentEl
-		* @returns Ext.Element/HTMLElement/String
-		*/
-		static getContentEl(): any;
-		/** [Method] Returns the value of control
-		* @returns Object
-		*/
-		static getControl(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		static getData(): any;
-		/** [Method] Returns the value of defaultTextHeight
-		* @returns Number
-		*/
-		static getDefaultTextHeight(): number;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		static getDefaultType(): string;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		static getDefaults(): any;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		static getDisabled(): boolean;
-		/** [Method] Returns the value of disabledCls
-		* @returns String
-		*/
-		static getDisabledCls(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		static getDocked(): string;
-		/** [Method] Finds a docked item of this container using a reference idor an index of its location in getDockedItems
-		* @param component String/Number The id or index of the component to find.
-		* @returns Ext.Component/Boolean The docked component, if found.
-		*/
-		static getDockedComponent( component?:any ): any;
-		/** [Method] Returns all the Ext Component docked items in this container
-		* @returns Array The docked items of this container.
-		*/
-		static getDockedItems(): any[];
-		/** [Method] Retrieves the top level element representing this component
-		* @returns Ext.dom.Element
-		*/
-		static getEl(): Ext.dom.IElement;
-		/** [Method] Returns the value of enter
-		* @returns String
-		*/
-		static getEnter(): string;
-		/** [Method] Returns the value of enterAnimation
-		* @returns String/Mixed
-		*/
-		static getEnterAnimation(): any;
-		/** [Method] Returns the value of exit
-		* @returns String
-		*/
-		static getExit(): string;
-		/** [Method] Returns the value of exitAnimation
-		* @returns String/Mixed
-		*/
-		static getExitAnimation(): any;
-		/** [Method] Returns the value of flex
-		* @returns Number
-		*/
-		static getFlex(): number;
-		/** [Method] Returns the value of floatingCls
-		* @returns String
-		*/
-		static getFloatingCls(): string;
-		/** [Method] Returns the value of height
-		* @returns Number/String
-		*/
-		static getHeight(): any;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		static getHidden(): boolean;
-		/** [Method] Returns the value of hiddenCls
-		* @returns String
-		*/
-		static getHiddenCls(): string;
-		/** [Method] Returns the value of hideAnimation
-		* @returns Object
-		*/
-		static getHideAnimation(): any;
-		/** [Method] Returns the value of hideOnMaskTap
-		* @returns Boolean
-		*/
-		static getHideOnMaskTap(): boolean;
-		/** [Method] Returns the value of html
-		* @returns String/Ext.Element/HTMLElement
-		*/
-		static getHtml(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns all inner items of this container
-		* @returns Array The inner items of this container.
-		*/
-		static getInnerItems(): any[];
-		/** [Method] Returns the value of itemId
-		* @returns String
-		*/
-		static getItemId(): string;
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		static getItems(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		static getLayout(): any;
-		/** [Method] Returns the value of left
-		* @returns Number/String
-		*/
-		static getLeft(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Returns the value of margin
-		* @returns Number/String
-		*/
-		static getMargin(): any;
-		/** [Method] Returns the value of masked
-		* @returns Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		static getMasked(): any;
-		/** [Method] Returns the value of maxHeight
-		* @returns Number/String
-		*/
-		static getMaxHeight(): any;
-		/** [Method] Returns the value of maxWidth
-		* @returns Number/String
-		*/
-		static getMaxWidth(): any;
-		/** [Method] Returns the value of minHeight
-		* @returns Number/String
-		*/
-		static getMinHeight(): any;
-		/** [Method] Returns the value of minWidth
-		* @returns Number/String
-		*/
-		static getMinWidth(): any;
-		/** [Method] Returns the value of padding
-		* @returns Number/String
-		*/
-		static getPadding(): any;
-		/** [Method] Returns the parent of this component if it has one
-		* @returns Ext.Component The parent of this component.
-		*/
-		static getParent(): Ext.IComponent;
-		/** [Method] Returns the value of plugins
-		* @returns Object/Array
-		*/
-		static getPlugins(): any;
-		/** [Method] Returns the value of prompt
-		* @returns Object
-		*/
-		static getPrompt(): any;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		static getRecord(): Ext.data.IModel;
-		/** [Method] Returns the value of renderTo
-		* @returns Ext.Element
-		*/
-		static getRenderTo(): Ext.IElement;
-		/** [Method] Returns the value of right
-		* @returns Number/String
-		*/
-		static getRight(): any;
-		/** [Method] Returns an the scrollable instance for this container which is a Ext scroll View class
-		* @returns Ext.scroll.View The scroll view.
-		*/
-		static getScrollable(): Ext.scroll.IView;
-		/** [Method] Returns the value of showAnimation
-		* @returns Object
-		*/
-		static getShowAnimation(): any;
-		/** [Method] Returns the height and width of the Component
-		* @returns Object The current height and width of the Component.
-		*/
-		static getSize(): any;
-		/** [Method] Returns the value of stretchX
-		* @returns Boolean
-		*/
-		static getStretchX(): boolean;
-		/** [Method] Returns the value of stretchY
-		* @returns Boolean
-		*/
-		static getStretchY(): boolean;
-		/** [Method] Returns the value of style
-		* @returns String/Object
-		*/
-		static getStyle(): any;
-		/** [Method] Returns the value of styleHtmlCls
-		* @returns String
-		*/
-		static getStyleHtmlCls(): string;
-		/** [Method] Returns the value of styleHtmlContent
-		* @returns Boolean
-		*/
-		static getStyleHtmlContent(): boolean;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		static getTitle(): string;
-		/** [Method] Returns the value of top
-		* @returns Number/String
-		*/
-		static getTop(): any;
-		/** [Method] Returns the value of tpl
-		* @returns String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		static getTpl(): any;
-		/** [Method] Returns the value of tplWriteMode
-		* @returns String
-		*/
-		static getTplWriteMode(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		static getUi(): string;
-		/** [Method] Returns the value of width
-		* @returns Number/String
-		*/
-		static getWidth(): any;
-		/** [Method] Returns this Component s xtype hierarchy as a slash delimited string
-		* @returns String The xtype hierarchy string.
-		*/
-		static getXTypes(): string;
-		/** [Method] Returns the value of zIndex
-		* @returns Number
-		*/
-		static getZIndex(): number;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Returns true if this component has a parent
-		* @returns Boolean true if this component has a parent.
-		*/
-		static hasParent(): boolean;
-		/** [Method] Hides this Component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		static hide( animation?:any ): Ext.IComponent;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		static initialize(): void;
-		/** [Method] Adds a child Component at the given index
-		* @param index Number The index to insert the Component at.
-		* @param item Object The Component to insert.
-		*/
-		static insert( index?:number, item?:any ): void;
-		/** [Method] Returns true if this Component is currently disabled
-		* @returns Boolean true if currently disabled.
-		*/
-		static isDisabled(): boolean;
-		/** [Method] Returns true if this Component is currently hidden
-		* @returns Boolean true if currently hidden.
-		*/
-		static isHidden(): boolean;
-		/** [Method] Tests whether or not this Component is of a specific xtype
-		* @param xtype String The xtype to check for this Component.
-		* @param shallow Boolean false to check whether this Component is descended from the xtype (this is the default), or true to check whether this Component is directly of the specified xtype.
-		* @returns Boolean true if this component descends from the specified xtype, false otherwise.
-		*/
-		static isXType( xtype?:string, shallow?:boolean ): boolean;
-		/** [Method] Convenience method which calls setMasked with a value of true to show the mask
-		* @param mask Object
-		*/
-		static mask( mask?:any ): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Displays a message box with OK and Cancel buttons prompting the user to enter some text comparable to JavaScript s p
-		* @param title String The title bar text.
-		* @param message String The message box body text.
-		* @param fn Function A callback function which is called when the dialog is dismissed by clicking on the configured buttons.
-		* @param scope Object The scope (this reference) in which the callback is executed. Defaults to: the browser window.
-		* @param multiLine Boolean/Number true to create a multiline textbox using the defaultTextHeight property, or the height in pixels to create the textbox.
-		* @param value String Default value of the text input element.
-		* @param prompt Object The configuration for the prompt. See the prompt documentation in Ext.MessageBox for more information.
-		* @returns Ext.MessageBox this
-		*/
-		static prompt( title?:string, message?:string, fn?:any, scope?:any, multiLine?:any, value?:string, prompt?:any ): Ext.IMessageBox;
-		/** [Method] Retrieves all descendant components which match the passed selector
-		* @param selector String Selector complying to an Ext.ComponentQuery selector.
-		* @returns Array Ext.Component's which matched the selector.
-		*/
-		static query( selector?:string ): any[];
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes an item from this Container optionally destroying it
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		static remove( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all items currently in the Container optionally destroying them all
-		* @param destroy Boolean If true, destroys each removed Component.
-		* @param everything Boolean If true, completely remove all items including docked / centered and floating items.
-		* @returns Ext.Component this
-		*/
-		static removeAll( destroy?:boolean, everything?:boolean ): Ext.IComponent;
-		/** [Method] Removes the Component at the specified index  myContainer removeAt 0 removes the first item
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		static removeAt( index?:number ): Ext.IContainer;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes the given CSS class es from this Component s rendered element
-		* @param cls String The class(es) to remove.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		static removeCls( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Removes a docked item from this Container
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		static removeDocked( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes an inner Component at the specified index  myContainer removeInnerAt 0 removes the first item of the in
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		static removeInnerAt( index?:number ): Ext.IContainer;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Replaces specified classes with the newly specified classes
-		* @param oldCls String The class(es) to remove.
-		* @param newCls String The class(es) to add.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		static replaceCls( oldCls?:string, newCls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Resets top right bottom and left configurations to null which will un float this component  */
-		static resetFloating(): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		static setActiveItem( activeItem?:any ): void;
-		/** [Method] Sets the value of autoDestroy
-		* @param autoDestroy Boolean
-		*/
-		static setAutoDestroy( autoDestroy?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		static setBaseCls( baseCls?:string ): void;
-		/** [Method] Sets the value of bodyBorder
-		* @param bodyBorder Number/Boolean/String
-		*/
-		static setBodyBorder( bodyBorder?:any ): void;
-		/** [Method] Sets the value of bodyMargin
-		* @param bodyMargin Number/Boolean/String
-		*/
-		static setBodyMargin( bodyMargin?:any ): void;
-		/** [Method] Sets the value of bodyPadding
-		* @param bodyPadding Number/Boolean/String
-		*/
-		static setBodyPadding( bodyPadding?:any ): void;
-		/** [Method] Sets the value of border
-		* @param border Number/String
-		*/
-		static setBorder( border?:any ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number/String
-		*/
-		static setBottom( bottom?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of buttons
-		* @param buttons Array/Object
-		*/
-		static setButtons( buttons?:any ): void;
-		/** [Method] Sets the value of centered
-		* @param centered Boolean
-		*/
-		static setCentered( centered?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String/String[]
-		*/
-		static setCls( cls?:any ): void;
-		/** [Method] Sets the value of contentEl
-		* @param contentEl Ext.Element/HTMLElement/String
-		*/
-		static setContentEl( contentEl?:any ): void;
-		/** [Method] Sets the value of control
-		* @param control Object
-		*/
-		static setControl( control?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		static setData( data?:any ): void;
-		/** [Method] Sets the value of defaultTextHeight
-		* @param defaultTextHeight Number
-		*/
-		static setDefaultTextHeight( defaultTextHeight?:number ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		static setDefaultType( defaultType?:string ): void;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		static setDefaults( defaults?:any ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		static setDisabled( disabled?:boolean ): void;
-		/** [Method] Sets the value of disabledCls
-		* @param disabledCls String
-		*/
-		static setDisabledCls( disabledCls?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		static setDocked( docked?:string ): void;
-		/** [Method] Sets the value of draggable
-		* @param draggable Object
-		*/
-		static setDraggable( draggable?:any ): void;
-		/** [Method] Sets the value of enter
-		* @param enter String
-		*/
-		static setEnter( enter?:string ): void;
-		/** [Method] Sets the value of enterAnimation
-		* @param enterAnimation String/Mixed
-		*/
-		static setEnterAnimation( enterAnimation?:any ): void;
-		/** [Method] Sets the value of exit
-		* @param exit String
-		*/
-		static setExit( exit?:string ): void;
-		/** [Method] Sets the value of exitAnimation
-		* @param exitAnimation String/Mixed
-		*/
-		static setExitAnimation( exitAnimation?:any ): void;
-		/** [Method] Sets the value of flex
-		* @param flex Number
-		*/
-		static setFlex( flex?:number ): void;
-		/** [Method] Used to update the floating state of this component
-		* @param floating Boolean true if you want to float this component.
-		*/
-		static setFloating( floating?:boolean ): void;
-		/** [Method] Sets the value of floatingCls
-		* @param floatingCls String
-		*/
-		static setFloatingCls( floatingCls?:string ): void;
-		/** [Method] Sets the value of height
-		* @param height Number/String
-		*/
-		static setHeight( height?:any ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		static setHidden( hidden?:boolean ): void;
-		/** [Method] Sets the value of hiddenCls
-		* @param hiddenCls String
-		*/
-		static setHiddenCls( hiddenCls?:string ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation Object
-		*/
-		static setHideAnimation( hideAnimation?:any ): void;
-		/** [Method] Sets the value of hideOnMaskTap
-		* @param hideOnMaskTap Boolean
-		*/
-		static setHideOnMaskTap( hideOnMaskTap?:boolean ): void;
-		/** [Method] Sets the value of html
-		* @param html String/Ext.Element/HTMLElement
-		*/
-		static setHtml( html?:any ): void;
-		/** [Method] Sets icon
-		* @param iconCls String A CSS class name or empty string to clear the icon.
-		* @returns Ext.MessageBox this
-		*/
-		static setIcon( iconCls?:string ): Ext.IMessageBox;
-		/** [Method] Sets the value of iconCls
-		* @param iconCls String
-		*/
-		static setIconCls( iconCls?:string ): void;
-		/** [Method] Sets the value of itemId
-		* @param itemId String
-		*/
-		static setItemId( itemId?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		static setItems( items?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		static setLayout( layout?:any ): void;
-		/** [Method] Sets the value of left
-		* @param left Number/String
-		*/
-		static setLeft( left?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Sets the value of margin
-		* @param margin Number/String
-		*/
-		static setMargin( margin?:any ): void;
-		/** [Method] Sets the value of masked
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		static setMasked( masked?:any ): void;
-		/** [Method] Sets the value of maxHeight
-		* @param maxHeight Number/String
-		*/
-		static setMaxHeight( maxHeight?:any ): void;
-		/** [Method] Sets the value of maxWidth
-		* @param maxWidth Number/String
-		*/
-		static setMaxWidth( maxWidth?:any ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		*/
-		static setMessage( message?:string ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight Number/String
-		*/
-		static setMinHeight( minHeight?:any ): void;
-		/** [Method] Sets the value of minWidth
-		* @param minWidth Number/String
-		*/
-		static setMinWidth( minWidth?:any ): void;
-		/** [Method] Sets the value of padding
-		* @param padding Number/String
-		*/
-		static setPadding( padding?:any ): void;
-		/** [Method] Sets the value of plugins
-		* @param plugins Object/Array
-		*/
-		static setPlugins( plugins?:any ): void;
-		/** [Method] Sets the value of prompt
-		* @param prompt Object
-		*/
-		static setPrompt( prompt?:any ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		static setRecord( record?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of renderTo
-		* @param renderTo Ext.Element
-		*/
-		static setRenderTo( renderTo?:Ext.IElement ): void;
-		/** [Method] Sets the value of right
-		* @param right Number/String
-		*/
-		static setRight( right?:any ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean/String/Object
-		*/
-		static setScrollable( scrollable?:any ): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation Object
-		*/
-		static setShowAnimation( showAnimation?:any ): void;
-		/** [Method] Sets the size of the Component
-		* @param width Number The new width for the Component.
-		* @param height Number The new height for the Component.
-		*/
-		static setSize( width?:number, height?:number ): void;
-		/** [Method] Sets the value of stretchX
-		* @param stretchX Boolean
-		*/
-		static setStretchX( stretchX?:boolean ): void;
-		/** [Method] Sets the value of stretchY
-		* @param stretchY Boolean
-		*/
-		static setStretchY( stretchY?:boolean ): void;
-		/** [Method] Sets the value of style
-		* @param style String/Object
-		*/
-		static setStyle( style?:any ): void;
-		/** [Method] Sets the value of styleHtmlCls
-		* @param styleHtmlCls String
-		*/
-		static setStyleHtmlCls( styleHtmlCls?:string ): void;
-		/** [Method] Sets the value of styleHtmlContent
-		* @param styleHtmlContent Boolean
-		*/
-		static setStyleHtmlContent( styleHtmlContent?:boolean ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		static setTitle( title?:string ): void;
-		/** [Method] Sets the value of top
-		* @param top Number/String
-		*/
-		static setTop( top?:any ): void;
-		/** [Method] Sets the value of tpl
-		* @param tpl String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		static setTpl( tpl?:any ): void;
-		/** [Method] Sets the value of tplWriteMode
-		* @param tplWriteMode String
-		*/
-		static setTplWriteMode( tplWriteMode?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		static setUi( ui?:string ): void;
-		/** [Method] Sets the value of width
-		* @param width Number/String
-		*/
-		static setWidth( width?:any ): void;
-		/** [Method] Sets the value of zIndex
-		* @param zIndex Number
-		*/
-		static setZIndex( zIndex?:number ): void;
-		/** [Method] Displays the Ext MessageBox with a specified configuration
-		* @param config Object An object with the following config options:
-		* @returns Ext.MessageBox this
-		*/
-		static show( config?:any ): Ext.IMessageBox;
-		/** [Method] Shows this component by another component
-		* @param component Ext.Component The target component to show this component by.
-		* @param alignment String The specific alignment.
-		*/
-		static showBy( component?:Ext.IComponent, alignment?:string ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of false to hide the mask */
-		static unmask(): void;
-		/** [Method] Walks up the ownerCt axis looking for an ancestor Container which matches the passed simple selector
-		* @param selector String The simple selector to test.
-		* @returns Ext.Container The matching ancestor Container (or undefined if no match was found).
-		*/
-		static up( selector?:string ): Ext.IContainer;
-		/** [Method] Updates the HTML content of the Component  */
-		static update(): void;
-		/** [Method] Updates the styleHtmlCls configuration
-		* @param newHtmlCls Object
-		* @param oldHtmlCls Object
-		*/
-		static updateStyleHtmlCls( newHtmlCls?:any, oldHtmlCls?:any ): void;
-		/** [Method] Sets the value of message
-		* @param message String
-		* @returns Ext.MessageBox this
-		*/
-		static updateText( message?:string ): Ext.IMessageBox;
-	}
-}
-declare namespace Ext.navigation {
-	export interface IBar extends Ext.ITitleBar {
-		/** [Config Option] (Boolean) */
-		androidAnimation?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		cls?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of androidAnimation
-		* @returns Boolean
-		*/
-		getAndroidAnimation?(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Sets the value of androidAnimation
-		* @param androidAnimation Boolean
-		*/
-		setAndroidAnimation?( androidAnimation?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext.navigation {
-	export interface IView extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultBackButtonText?: string;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (Boolean/Object) */
-		navigationBar?: any;
-		/** [Config Option] (Boolean) */
-		useTitleForBackButtonText?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultBackButtonText
-		* @returns String
-		*/
-		getDefaultBackButtonText?(): string;
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		getItems?(): any;
-		/** [Method] Returns the value of navigationBar
-		* @returns Boolean/Object
-		*/
-		getNavigationBar?(): any;
-		/** [Method] Returns the previous item if one exists
-		* @returns Mixed The previous view
-		*/
-		getPreviousItem?(): any;
-		/** [Method] Returns the value of useTitleForBackButtonText
-		* @returns Boolean
-		*/
-		getUseTitleForBackButtonText?(): boolean;
-		/** [Method] Removes the current active view from the stack and sets the previous view using the default animation of this view
-		* @param count Number The number of views you want to pop.
-		* @returns Ext.Component The new active item.
-		*/
-		pop?( count?:number ): Ext.IComponent;
-		/** [Method] Pushes a new view into this navigation view using the default animation that this view has
-		* @param view Object The view to push.
-		* @returns Ext.Component The new item you just pushed.
-		*/
-		push?( view?:any ): Ext.IComponent;
-		/** [Method] Resets the view by removing all items between the first and last item
-		* @returns Ext.Component The view that is now active
-		*/
-		reset?(): Ext.IComponent;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultBackButtonText
-		* @param defaultBackButtonText String
-		*/
-		setDefaultBackButtonText?( defaultBackButtonText?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of navigationBar
-		* @param navigationBar Boolean/Object
-		*/
-		setNavigationBar?( navigationBar?:any ): void;
-		/** [Method] Sets the value of useTitleForBackButtonText
-		* @param useTitleForBackButtonText Boolean
-		*/
-		setUseTitleForBackButtonText?( useTitleForBackButtonText?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface INavigationView extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultBackButtonText?: string;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (Boolean/Object) */
-		navigationBar?: any;
-		/** [Config Option] (Boolean) */
-		useTitleForBackButtonText?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultBackButtonText
-		* @returns String
-		*/
-		getDefaultBackButtonText?(): string;
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		getItems?(): any;
-		/** [Method] Returns the value of navigationBar
-		* @returns Boolean/Object
-		*/
-		getNavigationBar?(): any;
-		/** [Method] Returns the previous item if one exists
-		* @returns Mixed The previous view
-		*/
-		getPreviousItem?(): any;
-		/** [Method] Returns the value of useTitleForBackButtonText
-		* @returns Boolean
-		*/
-		getUseTitleForBackButtonText?(): boolean;
-		/** [Method] Removes the current active view from the stack and sets the previous view using the default animation of this view
-		* @param count Number The number of views you want to pop.
-		* @returns Ext.Component The new active item.
-		*/
-		pop?( count?:number ): Ext.IComponent;
-		/** [Method] Pushes a new view into this navigation view using the default animation that this view has
-		* @param view Object The view to push.
-		* @returns Ext.Component The new item you just pushed.
-		*/
-		push?( view?:any ): Ext.IComponent;
-		/** [Method] Resets the view by removing all items between the first and last item
-		* @returns Ext.Component The view that is now active
-		*/
-		reset?(): Ext.IComponent;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultBackButtonText
-		* @param defaultBackButtonText String
-		*/
-		setDefaultBackButtonText?( defaultBackButtonText?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of navigationBar
-		* @param navigationBar Boolean/Object
-		*/
-		setNavigationBar?( navigationBar?:any ): void;
-		/** [Method] Sets the value of useTitleForBackButtonText
-		* @param useTitleForBackButtonText Boolean
-		*/
-		setUseTitleForBackButtonText?( useTitleForBackButtonText?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface INumber {
-	}
-	export class Number {
-		/** [Method] Checks whether or not the passed number is within a desired range
-		* @param number Number The number to check
-		* @param min Number The minimum number in the range
-		* @param max Number The maximum number in the range
-		* @returns Number The constrained value if outside the range, otherwise the current value
-		*/
-		static constrain( number?:number, min?:number, max?:number ): number;
-		/** [Method] Validate that a value is numeric and convert it to a number if necessary
-		* @param value Object
-		* @param defaultValue Number The value to return if the original value is non-numeric
-		* @returns Number value, if numeric, defaultValue otherwise
-		*/
-		static from( value?:any, defaultValue?:number ): number;
-		/** [Method] Snaps the passed number between stopping points based upon a passed increment value
-		* @param value Number The unsnapped value.
-		* @param increment Number The increment by which the value must move.
-		* @param minValue Number The minimum value to which the returned value must be constrained. Overrides the increment..
-		* @param maxValue Number The maximum value to which the returned value must be constrained. Overrides the increment..
-		* @returns Number The value of the nearest snap target.
-		*/
-		static snap( value?:number, increment?:number, minValue?:number, maxValue?:number ): number;
-		/** [Method] Formats a number using fixed point notation
-		* @param value Number The number to format
-		* @param precision Number The number of digits to show after the decimal point
-		*/
-		static toFixed( value?:number, precision?:number ): void;
-	}
-}
-declare namespace Ext {
-	export interface IObject {
-	}
-	export class Object {
-		/** [Method] Returns a new object with the given object as the prototype chain
-		* @param object Object The prototype chain for the new object.
-		*/
-		static chain( object?:any ): void;
-		/** [Method] Iterate through an object and invoke the given callback function for each iteration
-		* @param object Object The object to iterate
-		* @param fn Function The callback function.
-		* @param scope Object The execution scope (this) of the callback function
-		*/
-		static each( object?:any, fn?:any, scope?:any ): void;
-		/** [Method] Converts a query string back into an object
-		* @param queryString String The query string to decode.
-		* @param recursive Boolean Whether or not to recursively decode the string. This format is supported by PHP / Ruby on Rails servers and similar.
-		* @returns Object
-		*/
-		static fromQueryString( queryString?:string, recursive?:boolean ): any;
-		/** [Method] Returns the first matching key corresponding to the given value
-		* @param object Object
-		* @param value Object The value to find
-		*/
-		static getKey( object?:any, value?:any ): void;
-		/** [Method] Gets all keys of the given object as an array
-		* @param object Object
-		* @returns String[] An array of keys from the object.
-		*/
-		static getKeys( object?:any ): string[];
-		/** [Method] Gets the total number of this object s own properties
-		* @param object Object
-		* @returns Number size
-		*/
-		static getSize( object?:any ): number;
-		/** [Method] Gets all values of the given object as an array
-		* @param object Object
-		* @returns Array An array of values from the object.
-		*/
-		static getValues( object?:any ): any[];
-		/** [Method] Merges any number of objects recursively without referencing them or their children
-		* @param source Object The first object into which to merge the others.
-		* @param objs Object... One or more objects to be merged into the first.
-		* @returns Object The object that is created as a result of merging all the objects passed in.
-		*/
-		static merge( source:any, ...objs:any[] ): any;
-		/** [Method] Convert a name  value pair to an array of objects with support for nested structures useful to construct query stri
-		* @param name String
-		* @param value Object
-		* @param recursive Boolean true to recursively encode any sub-objects.
-		* @returns Object[] Array of objects with name and value fields.
-		*/
-		static toQueryObjects( name?:string, value?:any, recursive?:boolean ): any[];
-		/** [Method] Takes an object and converts it to an encoded query string
-		* @param object Object The object to encode.
-		* @param recursive Boolean Whether or not to interpret the object in recursive format. (PHP / Ruby on Rails servers and similar).
-		* @returns String queryString
-		*/
-		static toQueryString( object?:any, recursive?:boolean ): string;
-	}
-}
-declare namespace Ext {
-	export interface IOs extends Ext.env.IOS {
-	}
-	export class Os {
-		/** [Property] (String) */
-		static deviceType: string;
-		/** [Property] (String) */
-		static name: string;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Property] (Ext.Version) */
-		static version: Ext.IVersion;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] A hybrid property can be either accessed as a method call i e  if Ext os is Android
-		* @param value String The OS name to check.
-		* @returns Boolean
-		*/
-		static is( value?:string ): boolean;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext {
-	export interface IPanel extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyBorder?: any;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyMargin?: any;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyPadding?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bodyBorder
-		* @returns Number/Boolean/String
-		*/
-		getBodyBorder?(): any;
-		/** [Method] Returns the value of bodyMargin
-		* @returns Number/Boolean/String
-		*/
-		getBodyMargin?(): any;
-		/** [Method] Returns the value of bodyPadding
-		* @returns Number/Boolean/String
-		*/
-		getBodyPadding?(): any;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bodyBorder
-		* @param bodyBorder Number/Boolean/String
-		*/
-		setBodyBorder?( bodyBorder?:any ): void;
-		/** [Method] Sets the value of bodyMargin
-		* @param bodyMargin Number/Boolean/String
-		*/
-		setBodyMargin?( bodyMargin?:any ): void;
-		/** [Method] Sets the value of bodyPadding
-		* @param bodyPadding Number/Boolean/String
-		*/
-		setBodyPadding?( bodyPadding?:any ): void;
-	}
-}
-declare namespace Ext.lib {
-	export interface IPanel extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyBorder?: any;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyMargin?: any;
-		/** [Config Option] (Number/Boolean/String) */
-		bodyPadding?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bodyBorder
-		* @returns Number/Boolean/String
-		*/
-		getBodyBorder?(): any;
-		/** [Method] Returns the value of bodyMargin
-		* @returns Number/Boolean/String
-		*/
-		getBodyMargin?(): any;
-		/** [Method] Returns the value of bodyPadding
-		* @returns Number/Boolean/String
-		*/
-		getBodyPadding?(): any;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bodyBorder
-		* @param bodyBorder Number/Boolean/String
-		*/
-		setBodyBorder?( bodyBorder?:any ): void;
-		/** [Method] Sets the value of bodyMargin
-		* @param bodyMargin Number/Boolean/String
-		*/
-		setBodyMargin?( bodyMargin?:any ): void;
-		/** [Method] Sets the value of bodyPadding
-		* @param bodyPadding Number/Boolean/String
-		*/
-		setBodyPadding?( bodyPadding?:any ): void;
-	}
-}
-declare namespace Ext.picker {
-	export interface IDate extends Ext.picker.IPicker {
-		/** [Config Option] (String) */
-		dayText?: string;
-		/** [Config Option] (String/Mixed) */
-		doneButton?: any;
-		/** [Config Option] (String) */
-		monthText?: string;
-		/** [Config Option] (Array) */
-		slotOrder?: any[];
-		/** [Config Option] (Object/Date) */
-		value?: any;
-		/** [Config Option] (Number) */
-		yearFrom?: number;
-		/** [Config Option] (String) */
-		yearText?: string;
-		/** [Config Option] (Number) */
-		yearTo?: number;
-		/** [Method] Returns the value of dayText
-		* @returns String
-		*/
-		getDayText?(): string;
-		/** [Method] Returns the value of doneButton
-		* @returns String/Mixed
-		*/
-		getDoneButton?(): any;
-		/** [Method] Returns the value of monthText
-		* @returns String
-		*/
-		getMonthText?(): string;
-		/** [Method] Returns the value of slotOrder
-		* @returns Array
-		*/
-		getSlotOrder?(): any[];
-		/** [Method] Returns the values of each of the pickers slots
-		* @param useDom Object
-		* @returns Object The values of the pickers slots
-		*/
-		getValue?( useDom?:any ): any;
-		/** [Method] Returns the value of yearFrom
-		* @returns Number
-		*/
-		getYearFrom?(): number;
-		/** [Method] Returns the value of yearText
-		* @returns String
-		*/
-		getYearText?(): string;
-		/** [Method] Returns the value of yearTo
-		* @returns Number
-		*/
-		getYearTo?(): number;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of dayText
-		* @param dayText String
-		*/
-		setDayText?( dayText?:string ): void;
-		/** [Method] Sets the value of doneButton
-		* @param doneButton String/Mixed
-		*/
-		setDoneButton?( doneButton?:any ): void;
-		/** [Method] Sets the value of monthText
-		* @param monthText String
-		*/
-		setMonthText?( monthText?:string ): void;
-		/** [Method] Sets the value of slotOrder
-		* @param slotOrder Array
-		*/
-		setSlotOrder?( slotOrder?:any[] ): void;
-		/** [Method] Sets the values of the pickers slots
-		* @param value Object
-		* @param animated Object
-		* @returns Ext.Picker this This picker.
-		*/
-		setValue?( value?:any, animated?:any ): Ext.IPicker;
-		/** [Method] Sets the value of yearFrom
-		* @param yearFrom Number
-		*/
-		setYearFrom?( yearFrom?:number ): void;
-		/** [Method] Sets the value of yearText
-		* @param yearText String
-		*/
-		setYearText?( yearText?:string ): void;
-		/** [Method] Sets the value of yearTo
-		* @param yearTo Number
-		*/
-		setYearTo?( yearTo?:number ): void;
-		/** [Method] Updates the dayText configuration
-		* @param newDayText Object
-		* @param oldDayText Object
-		*/
-		updateDayText?( newDayText?:any, oldDayText?:any ): void;
-		/** [Method] Updates the monthText configuration
-		* @param newMonthText Object
-		* @param oldMonthText Object
-		*/
-		updateMonthText?( newMonthText?:any, oldMonthText?:any ): void;
-		/** [Method] Updates the yearFrom configuration */
-		updateYearFrom?(): void;
-		/** [Method] Updates the yearText configuration
-		* @param yearText Object
-		*/
-		updateYearText?( yearText?:any ): void;
-		/** [Method] Updates the yearTo configuration */
-		updateYearTo?(): void;
-	}
-}
-declare namespace Ext {
-	export interface IDatePicker extends Ext.picker.IPicker {
-		/** [Config Option] (String) */
-		dayText?: string;
-		/** [Config Option] (String/Mixed) */
-		doneButton?: any;
-		/** [Config Option] (String) */
-		monthText?: string;
-		/** [Config Option] (Array) */
-		slotOrder?: any[];
-		/** [Config Option] (Object/Date) */
-		value?: any;
-		/** [Config Option] (Number) */
-		yearFrom?: number;
-		/** [Config Option] (String) */
-		yearText?: string;
-		/** [Config Option] (Number) */
-		yearTo?: number;
-		/** [Method] Returns the value of dayText
-		* @returns String
-		*/
-		getDayText?(): string;
-		/** [Method] Returns the value of doneButton
-		* @returns String/Mixed
-		*/
-		getDoneButton?(): any;
-		/** [Method] Returns the value of monthText
-		* @returns String
-		*/
-		getMonthText?(): string;
-		/** [Method] Returns the value of slotOrder
-		* @returns Array
-		*/
-		getSlotOrder?(): any[];
-		/** [Method] Returns the values of each of the pickers slots
-		* @param useDom Object
-		* @returns Object The values of the pickers slots
-		*/
-		getValue?( useDom?:any ): any;
-		/** [Method] Returns the value of yearFrom
-		* @returns Number
-		*/
-		getYearFrom?(): number;
-		/** [Method] Returns the value of yearText
-		* @returns String
-		*/
-		getYearText?(): string;
-		/** [Method] Returns the value of yearTo
-		* @returns Number
-		*/
-		getYearTo?(): number;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of dayText
-		* @param dayText String
-		*/
-		setDayText?( dayText?:string ): void;
-		/** [Method] Sets the value of doneButton
-		* @param doneButton String/Mixed
-		*/
-		setDoneButton?( doneButton?:any ): void;
-		/** [Method] Sets the value of monthText
-		* @param monthText String
-		*/
-		setMonthText?( monthText?:string ): void;
-		/** [Method] Sets the value of slotOrder
-		* @param slotOrder Array
-		*/
-		setSlotOrder?( slotOrder?:any[] ): void;
-		/** [Method] Sets the values of the pickers slots
-		* @param value Object
-		* @param animated Object
-		* @returns Ext.Picker this This picker.
-		*/
-		setValue?( value?:any, animated?:any ): Ext.IPicker;
-		/** [Method] Sets the value of yearFrom
-		* @param yearFrom Number
-		*/
-		setYearFrom?( yearFrom?:number ): void;
-		/** [Method] Sets the value of yearText
-		* @param yearText String
-		*/
-		setYearText?( yearText?:string ): void;
-		/** [Method] Sets the value of yearTo
-		* @param yearTo Number
-		*/
-		setYearTo?( yearTo?:number ): void;
-		/** [Method] Updates the dayText configuration
-		* @param newDayText Object
-		* @param oldDayText Object
-		*/
-		updateDayText?( newDayText?:any, oldDayText?:any ): void;
-		/** [Method] Updates the monthText configuration
-		* @param newMonthText Object
-		* @param oldMonthText Object
-		*/
-		updateMonthText?( newMonthText?:any, oldMonthText?:any ): void;
-		/** [Method] Updates the yearFrom configuration */
-		updateYearFrom?(): void;
-		/** [Method] Updates the yearText configuration
-		* @param yearText Object
-		*/
-		updateYearText?( yearText?:any ): void;
-		/** [Method] Updates the yearTo configuration */
-		updateYearTo?(): void;
-	}
-}
-declare namespace Ext.picker {
-	export interface IPicker extends Ext.ISheet {
-		/** [Config Option] (String) */
-		activeCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/String) */
-		bottom?: any;
-		/** [Config Option] (String/Mixed) */
-		cancelButton?: any;
-		/** [Config Option] (String/Mixed) */
-		doneButton?: any;
-		/** [Config Option] (Number) */
-		height?: number;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Number/String) */
-		left?: any;
-		/** [Config Option] (Number/String) */
-		right?: any;
-		/** [Config Option] (Array) */
-		slots?: any[];
-		/** [Config Option] (Ext.TitleBar/Ext.Toolbar/Object) */
-		toolbar?: any;
-		/** [Config Option] (Boolean) */
-		useTitles?: boolean;
-		/** [Config Option] (String/Number) */
-		value?: any;
-		/** [Method] Updates the cancelButton configuration
-		* @param config Object
-		* @returns Object
-		*/
-		applyCancelButton?( config?:any ): any;
-		/** [Method] Updates the doneButton configuration
-		* @param config Object
-		* @returns Object
-		*/
-		applyDoneButton?( config?:any ): any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bottom
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Returns the value of cancelButton
-		* @returns String/Mixed
-		*/
-		getCancelButton?(): any;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		getCard?(): any;
-		/** [Method] Returns the value of doneButton
-		* @returns String/Mixed
-		*/
-		getDoneButton?(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of slots
-		* @returns Array
-		*/
-		getSlots?(): any[];
-		/** [Method] Returns the value of toolbar
-		* @returns Ext.TitleBar/Ext.Toolbar/Object
-		*/
-		getToolbar?(): any;
-		/** [Method] Returns the value of toolbarPosition
-		* @returns String
-		*/
-		getToolbarPosition?(): string;
-		/** [Method] Returns the value of useTitles
-		* @returns Boolean
-		*/
-		getUseTitles?(): boolean;
-		/** [Method] Returns the values of each of the pickers slots
-		* @param useDom Object
-		* @returns Object The values of the pickers slots
-		*/
-		getValue?( useDom?:any ): any;
-		/** [Method] Returns the values of each of the pickers slots
-		* @returns Object The values of the pickers slots.
-		*/
-		getValues?(): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number
-		*/
-		setBottom?( bottom?:number ): void;
-		/** [Method] Sets the value of cancelButton
-		* @param cancelButton String/Mixed
-		*/
-		setCancelButton?( cancelButton?:any ): void;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		setCard?( activeItem?:any ): void;
-		/** [Method] Sets the value of doneButton
-		* @param doneButton String/Mixed
-		*/
-		setDoneButton?( doneButton?:any ): void;
-		/** [Method] Sets the value of height
-		* @param height Number
-		*/
-		setHeight?( height?:number ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of left
-		* @param left Number
-		*/
-		setLeft?( left?:number ): void;
-		/** [Method] Sets the value of right
-		* @param right Number
-		*/
-		setRight?( right?:number ): void;
-		/** [Method] Sets the value of slots
-		* @param slots Array
-		*/
-		setSlots?( slots?:any[] ): void;
-		/** [Method] Sets the value of toolbar
-		* @param toolbar Ext.TitleBar/Ext.Toolbar/Object
-		*/
-		setToolbar?( toolbar?:any ): void;
-		/** [Method] Sets the value of toolbarPosition
-		* @param toolbarPosition String
-		*/
-		setToolbarPosition?( toolbarPosition?:string ): void;
-		/** [Method] Sets the value of useTitles
-		* @param useTitles Boolean
-		*/
-		setUseTitles?( useTitles?:boolean ): void;
-		/** [Method] Sets the values of the pickers slots
-		* @param values Object The values in a {name:'value'} format.
-		* @param animated Boolean true to animate setting the values.
-		* @returns Ext.Picker this This picker.
-		*/
-		setValue?( values?:any, animated?:boolean ): Ext.IPicker;
-		/** [Method] Shows this component
-		* @returns Ext.Component
-		*/
-		show?(): Ext.IComponent;
-	}
-}
-declare namespace Ext {
-	export interface IPicker extends Ext.ISheet {
-		/** [Config Option] (String) */
-		activeCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number/String) */
-		bottom?: any;
-		/** [Config Option] (String/Mixed) */
-		cancelButton?: any;
-		/** [Config Option] (String/Mixed) */
-		doneButton?: any;
-		/** [Config Option] (Number) */
-		height?: number;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Number/String) */
-		left?: any;
-		/** [Config Option] (Number/String) */
-		right?: any;
-		/** [Config Option] (Array) */
-		slots?: any[];
-		/** [Config Option] (Ext.TitleBar/Ext.Toolbar/Object) */
-		toolbar?: any;
-		/** [Config Option] (Boolean) */
-		useTitles?: boolean;
-		/** [Config Option] (String/Number) */
-		value?: any;
-		/** [Method] Updates the cancelButton configuration
-		* @param config Object
-		* @returns Object
-		*/
-		applyCancelButton?( config?:any ): any;
-		/** [Method] Updates the doneButton configuration
-		* @param config Object
-		* @returns Object
-		*/
-		applyDoneButton?( config?:any ): any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bottom
-		* @returns Number
-		*/
-		getBottom?(): number;
-		/** [Method] Returns the value of cancelButton
-		* @returns String/Mixed
-		*/
-		getCancelButton?(): any;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		getCard?(): any;
-		/** [Method] Returns the value of doneButton
-		* @returns String/Mixed
-		*/
-		getDoneButton?(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of slots
-		* @returns Array
-		*/
-		getSlots?(): any[];
-		/** [Method] Returns the value of toolbar
-		* @returns Ext.TitleBar/Ext.Toolbar/Object
-		*/
-		getToolbar?(): any;
-		/** [Method] Returns the value of toolbarPosition
-		* @returns String
-		*/
-		getToolbarPosition?(): string;
-		/** [Method] Returns the value of useTitles
-		* @returns Boolean
-		*/
-		getUseTitles?(): boolean;
-		/** [Method] Returns the values of each of the pickers slots
-		* @param useDom Object
-		* @returns Object The values of the pickers slots
-		*/
-		getValue?( useDom?:any ): any;
-		/** [Method] Returns the values of each of the pickers slots
-		* @returns Object The values of the pickers slots.
-		*/
-		getValues?(): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number
-		*/
-		setBottom?( bottom?:number ): void;
-		/** [Method] Sets the value of cancelButton
-		* @param cancelButton String/Mixed
-		*/
-		setCancelButton?( cancelButton?:any ): void;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		setCard?( activeItem?:any ): void;
-		/** [Method] Sets the value of doneButton
-		* @param doneButton String/Mixed
-		*/
-		setDoneButton?( doneButton?:any ): void;
-		/** [Method] Sets the value of height
-		* @param height Number
-		*/
-		setHeight?( height?:number ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of left
-		* @param left Number
-		*/
-		setLeft?( left?:number ): void;
-		/** [Method] Sets the value of right
-		* @param right Number
-		*/
-		setRight?( right?:number ): void;
-		/** [Method] Sets the value of slots
-		* @param slots Array
-		*/
-		setSlots?( slots?:any[] ): void;
-		/** [Method] Sets the value of toolbar
-		* @param toolbar Ext.TitleBar/Ext.Toolbar/Object
-		*/
-		setToolbar?( toolbar?:any ): void;
-		/** [Method] Sets the value of toolbarPosition
-		* @param toolbarPosition String
-		*/
-		setToolbarPosition?( toolbarPosition?:string ): void;
-		/** [Method] Sets the value of useTitles
-		* @param useTitles Boolean
-		*/
-		setUseTitles?( useTitles?:boolean ): void;
-		/** [Method] Sets the values of the pickers slots
-		* @param values Object The values in a {name:'value'} format.
-		* @param animated Boolean true to animate setting the values.
-		* @returns Ext.Picker this This picker.
-		*/
-		setValue?( values?:any, animated?:boolean ): Ext.IPicker;
-		/** [Method] Shows this component
-		* @returns Ext.Component
-		*/
-		show?(): Ext.IComponent;
-	}
-}
-declare namespace Ext.picker {
-	export interface ISlot extends Ext.dataview.IDataView {
-		/** [Config Option] (String) */
-		align?: string;
-		/** [Config Option] (String) */
-		displayField?: string;
-		/** [Config Option] (String) */
-		itemTpl?: string;
-		/** [Config Option] (String) */
-		name?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Config Option] (Number) */
-		value?: number;
-		/** [Config Option] (String) */
-		valueField?: string;
-		/** [Method] Looks at the data configuration and turns it into store
-		* @param data Object
-		* @returns Object
-		*/
-		applyData?( data?:any ): any;
-		/** [Method] Sets the title for this dataview by creating element
-		* @param title String
-		* @returns String
-		*/
-		applyTitle?( title?:string ): string;
-		/** [Method] Returns the value of align
-		* @returns String
-		*/
-		getAlign?(): string;
-		/** [Method] Returns the value of displayField
-		* @returns String
-		*/
-		getDisplayField?(): string;
-		/** [Method] Returns the value of name
-		* @returns String
-		*/
-		getName?(): string;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Returns the value of valueField
-		* @returns String
-		*/
-		getValueField?(): string;
-		/** [Method] Sets the value of align
-		* @param align String
-		*/
-		setAlign?( align?:string ): void;
-		/** [Method] Sets the value of displayField
-		* @param displayField String
-		*/
-		setDisplayField?( displayField?:string ): void;
-		/** [Method] Sets the value of itemTpl
-		* @param itemTpl String
-		*/
-		setItemTpl?( itemTpl?:string ): void;
-		/** [Method] Sets the value of name
-		* @param name String
-		*/
-		setName?( name?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Sets the value of valueField
-		* @param valueField String
-		*/
-		setValueField?( valueField?:string ): void;
-		/** [Method] Updates the align configuration
-		* @param newAlign Object
-		* @param oldAlign Object
-		*/
-		updateAlign?( newAlign?:any, oldAlign?:any ): void;
-	}
-}
-declare namespace Ext.plugin {
-	export interface IListPaging extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		autoPaging?: boolean;
-		/** [Config Option] (String) */
-		loadMoreText?: string;
-		/** [Config Option] (String) */
-		noMoreRecordsText?: string;
-		/** [Method] Returns the value of autoPaging
-		* @returns Boolean
-		*/
-		getAutoPaging?(): boolean;
-		/** [Method] Returns the value of loadMoreText
-		* @returns String
-		*/
-		getLoadMoreText?(): string;
-		/** [Method] Returns the value of noMoreRecordsText
-		* @returns String
-		*/
-		getNoMoreRecordsText?(): string;
-		/** [Method] Sets the value of autoPaging
-		* @param autoPaging Boolean
-		*/
-		setAutoPaging?( autoPaging?:boolean ): void;
-		/** [Method] Sets the value of loadMoreText
-		* @param loadMoreText String
-		*/
-		setLoadMoreText?( loadMoreText?:string ): void;
-		/** [Method] Sets the value of noMoreRecordsText
-		* @param noMoreRecordsText String
-		*/
-		setNoMoreRecordsText?( noMoreRecordsText?:string ): void;
-	}
-}
-declare namespace Ext.plugin {
-	export interface IPullRefresh extends Ext.IComponent {
-		/** [Config Option] (Boolean) */
-		autoSnapBack?: boolean;
-		/** [Config Option] (String) */
-		lastUpdatedDateFormat?: string;
-		/** [Config Option] (String) */
-		lastUpdatedText?: string;
-		/** [Config Option] (Ext.dataview.List) */
-		list?: Ext.dataview.IList;
-		/** [Config Option] (String) */
-		loadedText?: string;
-		/** [Config Option] (String) */
-		loadingText?: string;
-		/** [Config Option] (Number) */
-		overpullSnapBackDuration?: number;
-		/** [Config Option] (String) */
-		pullRefreshText?: string;
-		/** [Config Option] (Ext.XTemplate/String/Array) */
-		pullTpl?: any;
-		/** [Config Option] (String) */
-		releaseRefreshText?: string;
-		/** [Config Option] (Number) */
-		snappingAnimationDuration?: number;
-		/** [Method] Returns the value of autoSnapBack
-		* @returns Boolean
-		*/
-		getAutoSnapBack?(): boolean;
-		/** [Method] Returns the value of lastUpdatedDateFormat
-		* @returns String
-		*/
-		getLastUpdatedDateFormat?(): string;
-		/** [Method] Returns the value of lastUpdatedText
-		* @returns String
-		*/
-		getLastUpdatedText?(): string;
-		/** [Method] Returns the value of list
-		* @returns Ext.dataview.List
-		*/
-		getList?(): Ext.dataview.IList;
-		/** [Method] Returns the value of loadedText
-		* @returns String
-		*/
-		getLoadedText?(): string;
-		/** [Method] Returns the value of loadingText
-		* @returns String
-		*/
-		getLoadingText?(): string;
-		/** [Method] Returns the value of overpullSnapBackDuration
-		* @returns Number
-		*/
-		getOverpullSnapBackDuration?(): number;
-		/** [Method] Returns the value of pullRefreshText
-		* @returns String
-		*/
-		getPullRefreshText?(): string;
-		/** [Method] Returns the value of pullTpl
-		* @returns Ext.XTemplate/String/Array
-		*/
-		getPullTpl?(): any;
-		/** [Method] Returns the value of releaseRefreshText
-		* @returns String
-		*/
-		getReleaseRefreshText?(): string;
-		/** [Method] Returns the value of snappingAnimationDuration
-		* @returns Number
-		*/
-		getSnappingAnimationDuration?(): number;
-		/** [Method] Returns the value of translatable
-		* @returns Boolean
-		*/
-		getTranslatable?(): boolean;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of autoSnapBack
-		* @param autoSnapBack Boolean
-		*/
-		setAutoSnapBack?( autoSnapBack?:boolean ): void;
-		/** [Method] Sets the value of lastUpdatedDateFormat
-		* @param lastUpdatedDateFormat String
-		*/
-		setLastUpdatedDateFormat?( lastUpdatedDateFormat?:string ): void;
-		/** [Method] Sets the value of lastUpdatedText
-		* @param lastUpdatedText String
-		*/
-		setLastUpdatedText?( lastUpdatedText?:string ): void;
-		/** [Method] Sets the value of list
-		* @param list Ext.dataview.List
-		*/
-		setList?( list?:Ext.dataview.IList ): void;
-		/** [Method] Sets the value of loadedText
-		* @param loadedText String
-		*/
-		setLoadedText?( loadedText?:string ): void;
-		/** [Method] Sets the value of loadingText
-		* @param loadingText String
-		*/
-		setLoadingText?( loadingText?:string ): void;
-		/** [Method] Sets the value of overpullSnapBackDuration
-		* @param overpullSnapBackDuration Number
-		*/
-		setOverpullSnapBackDuration?( overpullSnapBackDuration?:number ): void;
-		/** [Method] Sets the value of pullRefreshText
-		* @param pullRefreshText String
-		*/
-		setPullRefreshText?( pullRefreshText?:string ): void;
-		/** [Method] Sets the value of pullTpl
-		* @param pullTpl Ext.XTemplate/String/Array
-		*/
-		setPullTpl?( pullTpl?:any ): void;
-		/** [Method] Sets the value of releaseRefreshText
-		* @param releaseRefreshText String
-		*/
-		setReleaseRefreshText?( releaseRefreshText?:string ): void;
-		/** [Method] Sets the value of snappingAnimationDuration
-		* @param snappingAnimationDuration Number
-		*/
-		setSnappingAnimationDuration?( snappingAnimationDuration?:number ): void;
-		/** [Method] Sets the value of translatable
-		* @param translatable Boolean
-		*/
-		setTranslatable?( translatable?:boolean ): void;
-	}
-}
-declare namespace Ext {
-	export interface IRouter {
-	}
-	export class Router {
-		/** [Method] Application s onDependenciesLoaded has a deprecated wrapped line that calls this
-		* @param app Object
-		*/
-		static setAppInstance( app?:any ): void;
-	}
-}
-declare namespace Ext.scroll.indicator {
-	export interface IAbstract extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		hidden?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of active
-		* @returns Boolean
-		*/
-		getActive?(): boolean;
-		/** [Method] Returns the value of axis
-		* @returns String
-		*/
-		getAxis?(): string;
-		/** [Method] Returns the value of barCls
-		* @returns String
-		*/
-		getBarCls?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		getHidden?(): boolean;
-		/** [Method] Returns the value of length
-		* @returns Object
-		*/
-		getLength?(): any;
-		/** [Method] Returns the value of minLength
-		* @returns Number
-		*/
-		getMinLength?(): number;
-		/** [Method] Returns the value of ratio
-		* @returns Number
-		*/
-		getRatio?(): number;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Returns the value of value
-		* @returns Object
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of active
-		* @param active Boolean
-		*/
-		setActive?( active?:boolean ): void;
-		/** [Method] Sets the value of axis
-		* @param axis String
-		*/
-		setAxis?( axis?:string ): void;
-		/** [Method] Sets the value of barCls
-		* @param barCls String
-		*/
-		setBarCls?( barCls?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		setHidden?( hidden?:boolean ): void;
-		/** [Method] Sets the value of length
-		* @param length Object
-		*/
-		setLength?( length?:any ): void;
-		/** [Method] Sets the value of minLength
-		* @param minLength Number
-		*/
-		setMinLength?( minLength?:number ): void;
-		/** [Method] Sets the value of ratio
-		* @param ratio Number
-		*/
-		setRatio?( ratio?:number ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Sets the value of value
-		* @param value Object
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.scroll.indicator {
-	export interface ICssTransform extends Ext.scroll.indicator.IAbstract {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-	}
-}
-declare namespace Ext.scroll {
-	export interface IIndicator extends Ext.IBase {
-	}
-}
-declare namespace Ext.util {
-	export interface IIndicator extends Ext.IBase {
-	}
-}
-declare namespace Ext.scroll.indicator {
-	export interface IRounded extends Ext.scroll.indicator.IAbstract {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-	}
-}
-declare namespace Ext.scroll.indicator {
-	export interface IScrollPosition extends Ext.scroll.indicator.IAbstract {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-	}
-}
-declare namespace Ext.scroll {
-	export interface IScroller extends Ext.IEvented {
-		/** [Config Option] (Number) */
-		acceleration?: number;
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Boolean) */
-		directionLock?: boolean;
-		/** [Config Option] (Boolean) */
-		disabled?: boolean;
-		/** [Config Option] (Number) */
-		friction?: number;
-		/** [Config Option] (Object/Number) */
-		initialOffset?: any;
-		/** [Config Option] (Object) */
-		momentumEasing?: any;
-		/** [Config Option] (Number/Object) */
-		slotSnapSize?: any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of directionLock
-		* @returns Boolean
-		*/
-		getDirectionLock?(): boolean;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		getDisabled?(): boolean;
-		/** [Method] Returns the value of initialOffset
-		* @returns Object/Number
-		*/
-		getInitialOffset?(): any;
-		/** [Method] Returns the value of momentumEasing
-		* @returns Object
-		*/
-		getMomentumEasing?(): any;
-		/** [Method] Returns the value of slotSnapEasing
-		* @returns Object
-		*/
-		getSlotSnapEasing?(): any;
-		/** [Method] Returns the value of slotSnapSize
-		* @returns Number/Object
-		*/
-		getSlotSnapSize?(): any;
-		/** [Method] Returns the value of translatable
-		* @returns Object
-		*/
-		getTranslatable?(): any;
-		/** [Method] Returns true if a specified axis is enabled
-		* @param axis String The axis to check (x or y).
-		* @returns Boolean true if the axis is enabled.
-		*/
-		isAxisEnabled?( axis?:string ): boolean;
-		/** [Method] Change the scroll offset by the given amount
-		* @param x Number The offset to scroll by on the x axis.
-		* @param y Number The offset to scroll by on the y axis.
-		* @param animation Boolean/Object Whether or not to animate the scrolling to the new position.
-		* @returns Ext.scroll.Scroller this
-		*/
-		scrollBy?( x?:number, y?:number, animation?:any ): Ext.scroll.IScroller;
-		/** [Method] Scrolls to the given location
-		* @param x Number The scroll position on the x axis.
-		* @param y Number The scroll position on the y axis.
-		* @param animation Boolean/Object Whether or not to animate the scrolling to the new position.
-		* @returns Ext.scroll.Scroller this
-		*/
-		scrollTo?( x?:number, y?:number, animation?:any ): Ext.scroll.IScroller;
-		/** [Method] Scrolls to the end of the scrollable view
-		* @param animation Object
-		* @returns Ext.scroll.Scroller this
-		*/
-		scrollToEnd?( animation?:any ): Ext.scroll.IScroller;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of directionLock
-		* @param directionLock Boolean
-		*/
-		setDirectionLock?( directionLock?:boolean ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		setDisabled?( disabled?:boolean ): void;
-		/** [Method] Sets the value of initialOffset
-		* @param initialOffset Object/Number
-		*/
-		setInitialOffset?( initialOffset?:any ): void;
-		/** [Method] Sets the value of momentumEasing
-		* @param momentumEasing Object
-		*/
-		setMomentumEasing?( momentumEasing?:any ): void;
-		/** [Method] Sets the offset of this scroller
-		* @param offset Object The offset to move to.
-		* @returns Ext.scroll.Scroller this
-		*/
-		setOffset?( offset?:any ): Ext.scroll.IScroller;
-		/** [Method] Sets the value of slotSnapEasing
-		* @param slotSnapEasing Object
-		*/
-		setSlotSnapEasing?( slotSnapEasing?:any ): void;
-		/** [Method] Sets the value of slotSnapSize
-		* @param slotSnapSize Number/Object
-		*/
-		setSlotSnapSize?( slotSnapSize?:any ): void;
-		/** [Method] Sets the value of translatable
-		* @param translatable Object
-		*/
-		setTranslatable?( translatable?:any ): void;
-		/** [Method] Updates the boundary information for this scroller
-		* @returns Ext.scroll.Scroller this
-		*/
-		updateBoundary?(): Ext.scroll.IScroller;
-	}
-}
-declare namespace Ext.scroll {
-	export interface IView extends Ext.IEvented {
-		/** [Config Option] (String) */
-		indicatorsUi?: string;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of indicators
-		* @returns Object
-		*/
-		getIndicators?(): any;
-		/** [Method] Returns the value of indicatorsHidingDelay
-		* @returns Number
-		*/
-		getIndicatorsHidingDelay?(): number;
-		/** [Method] Returns the value of indicatorsUi
-		* @returns String
-		*/
-		getIndicatorsUi?(): string;
-		/** [Method] Returns the scroller instance in this view
-		* @returns Ext.scroll.View The scroller
-		*/
-		getScroller?(): Ext.scroll.IView;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of indicators
-		* @param indicators Object
-		*/
-		setIndicators?( indicators?:any ): void;
-		/** [Method] Sets the value of indicatorsHidingDelay
-		* @param indicatorsHidingDelay Number
-		*/
-		setIndicatorsHidingDelay?( indicatorsHidingDelay?:number ): void;
-		/** [Method] Sets the value of indicatorsUi
-		* @param indicatorsUi String
-		*/
-		setIndicatorsUi?( indicatorsUi?:string ): void;
-		/** [Method] Sets the value of scroller
-		* @param scroller Object
-		*/
-		setScroller?( scroller?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IScrollView extends Ext.IEvented {
-		/** [Config Option] (String) */
-		indicatorsUi?: string;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of indicators
-		* @returns Object
-		*/
-		getIndicators?(): any;
-		/** [Method] Returns the value of indicatorsHidingDelay
-		* @returns Number
-		*/
-		getIndicatorsHidingDelay?(): number;
-		/** [Method] Returns the value of indicatorsUi
-		* @returns String
-		*/
-		getIndicatorsUi?(): string;
-		/** [Method] Returns the scroller instance in this view
-		* @returns Ext.scroll.View The scroller
-		*/
-		getScroller?(): Ext.scroll.IView;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of indicators
-		* @param indicators Object
-		*/
-		setIndicators?( indicators?:any ): void;
-		/** [Method] Sets the value of indicatorsHidingDelay
-		* @param indicatorsHidingDelay Number
-		*/
-		setIndicatorsHidingDelay?( indicatorsHidingDelay?:number ): void;
-		/** [Method] Sets the value of indicatorsUi
-		* @param indicatorsUi String
-		*/
-		setIndicatorsUi?( indicatorsUi?:string ): void;
-		/** [Method] Sets the value of scroller
-		* @param scroller Object
-		*/
-		setScroller?( scroller?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface ISegmentedButton extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		allowDepress?: boolean;
-		/** [Config Option] (Boolean) */
-		allowMultiple?: boolean;
-		/** [Config Option] (Boolean) */
-		allowToggle?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Array) */
-		pressedButtons?: any[];
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Method] We override initItems so we can check for the pressed config  */
-		applyItems?(): void;
-		/** [Method] Returns the value of allowDepress
-		* @returns Boolean
-		*/
-		getAllowDepress?(): boolean;
-		/** [Method] Returns the value of allowMultiple
-		* @returns Boolean
-		*/
-		getAllowMultiple?(): boolean;
-		/** [Method] Returns the value of allowToggle
-		* @returns Boolean
-		*/
-		getAllowToggle?(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Gets the currently pressed button s */
-		getPressed?(): void;
-		/** [Method] Returns the value of pressedButtons
-		* @returns Array
-		*/
-		getPressedButtons?(): any[];
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns true if a specified Ext Button is pressed
-		* @param button Ext.Button The button to check if pressed.
-		* @returns Boolean pressed
-		*/
-		isPressed?( button?:Ext.IButton ): boolean;
-		/** [Method] Sets the value of allowDepress
-		* @param allowDepress Boolean
-		*/
-		setAllowDepress?( allowDepress?:boolean ): void;
-		/** [Method] Sets the value of allowMultiple
-		* @param allowMultiple Boolean
-		*/
-		setAllowMultiple?( allowMultiple?:boolean ): void;
-		/** [Method] Sets the value of allowToggle
-		* @param allowToggle Boolean
-		*/
-		setAllowToggle?( allowToggle?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Activates a button
-		* @param button Number/String/Ext.Button The button to activate.
-		* @param pressed Boolean If defined, sets the pressed state of the button, otherwise the pressed state is toggled.
-		* @param suppressEvents Boolean true to suppress toggle events during the action. If allowMultiple is true, then setPressed will toggle the button state.
-		*/
-		setPressed?( button?:any, pressed?:boolean, suppressEvents?:boolean ): void;
-		/** [Method] Sets the value of pressedButtons
-		* @param pressedButtons Array
-		*/
-		setPressedButtons?( pressedButtons?:any[] ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ISheet extends Ext.IPanel {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		centered?: boolean;
-		/** [Config Option] (String) */
-		enter?: string;
-		/** [Config Option] (String) */
-		exit?: string;
-		/** [Config Option] (String/Mixed) */
-		hideAnimation?: any;
-		/** [Config Option] (Boolean) */
-		modal?: boolean;
-		/** [Config Option] (String/Mixed) */
-		showAnimation?: any;
-		/** [Config Option] (Boolean) */
-		stretchX?: boolean;
-		/** [Config Option] (Boolean) */
-		stretchY?: boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of centered
-		* @returns Boolean
-		*/
-		getCentered?(): boolean;
-		/** [Method] Returns the value of enter
-		* @returns String
-		*/
-		getEnter?(): string;
-		/** [Method] Returns the value of exit
-		* @returns String
-		*/
-		getExit?(): string;
-		/** [Method] Returns the value of modal
-		* @returns Boolean
-		*/
-		getModal?(): boolean;
-		/** [Method] Returns the value of stretchX
-		* @returns Boolean
-		*/
-		getStretchX?(): boolean;
-		/** [Method] Returns the value of stretchY
-		* @returns Boolean
-		*/
-		getStretchY?(): boolean;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of centered
-		* @param centered Boolean
-		*/
-		setCentered?( centered?:boolean ): void;
-		/** [Method] Sets the value of enter
-		* @param enter String
-		*/
-		setEnter?( enter?:string ): void;
-		/** [Method] Sets the value of exit
-		* @param exit String
-		*/
-		setExit?( exit?:string ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation Object
-		*/
-		setHideAnimation?( hideAnimation?:any ): void;
-		/** [Method] Sets the value of modal
-		* @param modal Boolean
-		*/
-		setModal?( modal?:boolean ): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation Object
-		*/
-		setShowAnimation?( showAnimation?:any ): void;
-		/** [Method] Sets the value of stretchX
-		* @param stretchX Boolean
-		*/
-		setStretchX?( stretchX?:boolean ): void;
-		/** [Method] Sets the value of stretchY
-		* @param stretchY Boolean
-		*/
-		setStretchY?( stretchY?:boolean ): void;
-	}
-}
-declare namespace Ext.slider {
-	export interface ISlider extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		allowThumbsOverlapping?: boolean;
-		/** [Config Option] (Boolean/Object) */
-		animation?: any;
-		/** [Config Option] (Boolean) */
-		animationDuration?: boolean;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Number) */
-		increment?: number;
-		/** [Config Option] (Number) */
-		maxValue?: number;
-		/** [Config Option] (Number) */
-		minValue?: number;
-		/** [Config Option] (Boolean) */
-		readOnly?: boolean;
-		/** [Config Option] (Object) */
-		thumbConfig?: any;
-		/** [Config Option] (Number/Number[]) */
-		value?: any;
-		/** [Config Option] (Number/Number[]) */
-		values?: any;
-		/** [Method] Sets the increment configuration
-		* @param increment Number
-		* @returns Number
-		*/
-		applyIncrement?( increment?:number ): number;
-		/** [Method] Returns the value of allowThumbsOverlapping
-		* @returns Boolean
-		*/
-		getAllowThumbsOverlapping?(): boolean;
-		/** [Method] Returns the value of animation
-		* @returns Boolean/Object
-		*/
-		getAnimation?(): any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of increment
-		* @returns Number
-		*/
-		getIncrement?(): number;
-		/** [Method] Returns the value of maxValue
-		* @returns Number
-		*/
-		getMaxValue?(): number;
-		/** [Method] Returns the value of minValue
-		* @returns Number
-		*/
-		getMinValue?(): number;
-		/** [Method] Returns the value of readOnly
-		* @returns Boolean
-		*/
-		getReadOnly?(): boolean;
-		/** [Method] Returns the Thumb instance bound to this Slider
-		* @param index Number The index of Thumb to return.
-		* @returns Ext.slider.Thumb The thumb instance
-		*/
-		getThumb?( index?:number ): Ext.slider.IThumb;
-		/** [Method] Returns the value of thumbConfig
-		* @returns Object
-		*/
-		getThumbConfig?(): any;
-		/** [Method] Returns the Thumb instances bound to this Slider
-		* @returns Ext.slider.Thumb[] The thumb instances
-		*/
-		getThumbs?(): Ext.slider.IThumb[];
-		/** [Method] Returns the value of value
-		* @returns Number/Number[]
-		*/
-		getValue?(): any;
-		/** [Method] Convenience method
-		* @returns Object
-		*/
-		getValues?(): any;
-		/** [Method] Sets the value of allowThumbsOverlapping
-		* @param allowThumbsOverlapping Boolean
-		*/
-		setAllowThumbsOverlapping?( allowThumbsOverlapping?:boolean ): void;
-		/** [Method] Sets the value of animation
-		* @param animation Boolean/Object
-		*/
-		setAnimation?( animation?:any ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of increment
-		* @param increment Number
-		*/
-		setIncrement?( increment?:number ): void;
-		/** [Method] Sets the value of maxValue
-		* @param maxValue Number
-		*/
-		setMaxValue?( maxValue?:number ): void;
-		/** [Method] Sets the value of minValue
-		* @param minValue Number
-		*/
-		setMinValue?( minValue?:number ): void;
-		/** [Method] Sets the value of readOnly
-		* @param readOnly Boolean
-		*/
-		setReadOnly?( readOnly?:boolean ): void;
-		/** [Method] Sets the value of thumbConfig
-		* @param thumbConfig Object
-		*/
-		setThumbConfig?( thumbConfig?:any ): void;
-		/** [Method] Sets the value of value
-		* @param value Number/Number[]
-		*/
-		setValue?( value?:any ): void;
-		/** [Method] Convenience method
-		* @param value Object
-		*/
-		setValues?( value?:any ): void;
-		/** [Method] Updates the sliders thumbs with their new value s
-		* @param newValue Object
-		* @param oldValue Object
-		*/
-		updateValue?( newValue?:any, oldValue?:any ): void;
-	}
-}
-declare namespace Ext.slider {
-	export interface IThumb extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Object) */
-		draggable?: any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of draggable
-		* @returns Object
-		*/
-		getDraggable?(): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of draggable
-		* @param draggable Object
-		*/
-		setDraggable?( draggable?:any ): void;
-	}
-}
-declare namespace Ext.slider {
-	export interface IToggle extends Ext.slider.ISlider {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		maxValueCls?: string;
-		/** [Config Option] (String) */
-		minValueCls?: string;
-		/** [Method] Sets the increment configuration
-		* @returns Number
-		*/
-		applyIncrement?(): number;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of maxValueCls
-		* @returns String
-		*/
-		getMaxValueCls?(): string;
-		/** [Method] Returns the value of minValueCls
-		* @returns String
-		*/
-		getMinValueCls?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of maxValueCls
-		* @param maxValueCls String
-		*/
-		setMaxValueCls?( maxValueCls?:string ): void;
-		/** [Method] Sets the value of minValueCls
-		* @param minValueCls String
-		*/
-		setMinValueCls?( minValueCls?:string ): void;
-		/** [Method] Sets the value of value
-		* @param newValue Object
-		* @param oldValue Object
-		*/
-		setValue?( newValue?:any, oldValue?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface ISpacer extends Ext.IComponent {
-		/** [Config Option] (Number) */
-		flex?: number;
-		/** [Config Option] (Number) */
-		width?: number;
-		/** [Method] Returns the value of flex
-		* @returns Number
-		*/
-		getFlex?(): number;
-		/** [Method] Sets the value of flex
-		* @param flex Number
-		*/
-		setFlex?( flex?:number ): void;
-		/** [Method] Sets the value of width
-		* @param width Number
-		*/
-		setWidth?( width?:number ): void;
-	}
-}
-declare namespace Ext {
-	export interface IString {
-	}
-	export class String {
-		/** [Method] Capitalize the given string
-		* @param string String
-		* @returns String
-		*/
-		static capitalize( string?:string ): string;
-		/** [Method] Truncate a string and add an ellipsis  to the end if it exceeds the specified length
-		* @param value String The string to truncate.
-		* @param length Number The maximum length to allow before truncating.
-		* @param word Boolean true to try to find a common word break.
-		* @returns String The converted text.
-		*/
-		static ellipsis( value?:string, length?:number, word?:boolean ): string;
-		/** [Method] Escapes the passed string for  and
-		* @param string String The string to escape.
-		* @returns String The escaped string.
-		*/
-		static escape( string?:string ): string;
-		/** [Method] Escapes the passed string for use in a regular expression
-		* @param string String
-		* @returns String
-		*/
-		static escapeRegex( string?:string ): string;
-		/** [Method] Allows you to define a tokenized string and pass an arbitrary number of arguments to replace the tokens
-		* @param string String The tokenized string to be formatted.
-		* @param values String... First param value to replace token {0}, then next param to replace {1} etc.
-		* @returns String The formatted string.
-		*/
-		static format( string:string, ...values:any[] ): string;
-		/** [Method] Convert certain characters  amp lt and from their HTML character equivalents
-		* @param value String The string to decode.
-		* @returns String The decoded text.
-		*/
-		static htmlDecode( value?:string ): string;
-		/** [Method] Convert certain characters  amp lt and to their HTML character equivalents for literal display in web pages
-		* @param value String The string to encode.
-		* @returns String The encoded text.
-		*/
-		static htmlEncode( value?:string ): string;
-		/** [Method] Pads the left side of a string with a specified character
-		* @param string String The original string.
-		* @param size Number The total length of the output string.
-		* @param character String The character with which to pad the original string (defaults to empty string " ").
-		* @returns String The padded string.
-		*/
-		static leftPad( string?:string, size?:number, character?:string ): string;
-		/** [Method] Returns a string with a specified number of repetitions a given string pattern
-		* @param pattern String The pattern to repeat.
-		* @param count Number The number of times to repeat the pattern (may be 0).
-		* @param sep String An option string to separate each pattern.
-		*/
-		static repeat( pattern?:string, count?:number, sep?:string ): void;
-		/** [Method] Utility function that allows you to easily switch a string between two alternating values
-		* @param string String The current string.
-		* @param value String The value to compare to the current string.
-		* @param other String The new value to use if the string already equals the first value passed in.
-		* @returns String The new value.
-		*/
-		static toggle( string?:string, value?:string, other?:string ): string;
-		/** [Method] Trims whitespace from either end of a string leaving spaces within the string intact
-		* @param string String The string to escape
-		* @returns String The trimmed string
-		*/
-		static trim( string?:string ): string;
-		/** [Method] Appends content to the query string of a URL handling logic for whether to place a question mark or ampersand
-		* @param url String The URL to append to.
-		* @param string String The content to append to the URL.
-		* @returns String The resulting URL.
-		*/
-		static urlAppend( url?:string, string?:string ): string;
-	}
-}
-declare namespace Ext {
-	export interface ISupports {
-		/** [Property] (Object) */
-		AudioTag?: any;
-		/** [Property] (Object) */
-		GeoLocation?: any;
-		/** [Property] (Object) */
-		SVG?: any;
-		/** [Property] (Object) */
-		Transitions?: any;
-		/** [Property] (Object) */
-		VML?: any;
-	}
-}
-declare namespace Ext.tab {
-	export interface IBar extends Ext.IToolbar {
-		/** [Config Option] (Number/String/Ext.Component) */
-		activeTab?: any;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Method] Returns the value of activeTab
-		* @returns Number/String/Ext.Component
-		*/
-		getActiveTab?(): any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of activeTab
-		* @param activeTab Number/String/Ext.Component
-		*/
-		setActiveTab?( activeTab?:any ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ITabBar extends Ext.IToolbar {
-		/** [Config Option] (Number/String/Ext.Component) */
-		activeTab?: any;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Method] Returns the value of activeTab
-		* @returns Number/String/Ext.Component
-		*/
-		getActiveTab?(): any;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of activeTab
-		* @param activeTab Number/String/Ext.Component
-		*/
-		setActiveTab?( activeTab?:any ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-	}
-}
-declare namespace Ext.tab {
-	export interface IPanel extends Ext.IContainer {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Object) */
-		tabBar?: any;
-		/** [Config Option] (Boolean) */
-		tabBarDock?: boolean;
-		/** [Config Option] (String) */
-		tabBarPosition?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Updates this container with the new active item
-		* @param tabBar Object
-		* @param newTab Object
-		* @returns Boolean
-		*/
-		doTabChange?( tabBar?:any, newTab?:any ): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of tabBar
-		* @returns Object
-		*/
-		getTabBar?(): any;
-		/** [Method] Returns the value of tabBarPosition
-		* @returns String
-		*/
-		getTabBarPosition?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of tabBar
-		* @param tabBar Object
-		*/
-		setTabBar?( tabBar?:any ): void;
-		/** [Method] Sets the value of tabBarPosition
-		* @param tabBarPosition String
-		*/
-		setTabBarPosition?( tabBarPosition?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Updates the Ui for this component and the tabBar
-		* @param newUi Object
-		* @param oldUi Object
-		*/
-		updateUi?( newUi?:any, oldUi?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface ITabPanel extends Ext.IContainer {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Object) */
-		tabBar?: any;
-		/** [Config Option] (Boolean) */
-		tabBarDock?: boolean;
-		/** [Config Option] (String) */
-		tabBarPosition?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Updates this container with the new active item
-		* @param tabBar Object
-		* @param newTab Object
-		* @returns Boolean
-		*/
-		doTabChange?( tabBar?:any, newTab?:any ): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of layout
-		* @returns Object
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the value of tabBar
-		* @returns Object
-		*/
-		getTabBar?(): any;
-		/** [Method] Returns the value of tabBarPosition
-		* @returns String
-		*/
-		getTabBarPosition?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of tabBar
-		* @param tabBar Object
-		*/
-		setTabBar?( tabBar?:any ): void;
-		/** [Method] Sets the value of tabBarPosition
-		* @param tabBarPosition String
-		*/
-		setTabBarPosition?( tabBarPosition?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Updates the Ui for this component and the tabBar
-		* @param newUi Object
-		* @param oldUi Object
-		*/
-		updateUi?( newUi?:any, oldUi?:any ): void;
-	}
-}
-declare namespace Ext.tab {
-	export interface ITab extends Ext.IButton {
-		/** [Config Option] (Boolean) */
-		active?: boolean;
-		/** [Config Option] (String) */
-		activeCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Method] Returns the value of active
-		* @returns Boolean
-		*/
-		getActive?(): boolean;
-		/** [Method] Returns the value of activeCls
-		* @returns String
-		*/
-		getActiveCls?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Sets the value of active
-		* @param active Boolean
-		*/
-		setActive?( active?:boolean ): void;
-		/** [Method] Sets the value of activeCls
-		* @param activeCls String
-		*/
-		setActiveCls?( activeCls?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ITab extends Ext.IButton {
-		/** [Config Option] (Boolean) */
-		active?: boolean;
-		/** [Config Option] (String) */
-		activeCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		pressedCls?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Method] Returns the value of active
-		* @returns Boolean
-		*/
-		getActive?(): boolean;
-		/** [Method] Returns the value of activeCls
-		* @returns String
-		*/
-		getActiveCls?(): string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of pressedCls
-		* @returns String
-		*/
-		getPressedCls?(): string;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Sets the value of active
-		* @param active Boolean
-		*/
-		setActive?( active?:boolean ): void;
-		/** [Method] Sets the value of activeCls
-		* @param activeCls String
-		*/
-		setActiveCls?( activeCls?:string ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of pressedCls
-		* @param pressedCls String
-		*/
-		setPressedCls?( pressedCls?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ITaskQueue extends Ext.IBase {
-	}
-	export class TaskQueue {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext {
-	export interface ITemplate extends Ext.IBase {
-		/** [Config Option] (Boolean) */
-		compiled?: boolean;
-		/** [Config Option] (Boolean) */
-		disableFormats?: boolean;
-		/** [Property] (Boolean) */
-		isTemplate?: boolean;
-		/** [Method] Applies the supplied values to the template and appends the new node s to the specified el
-		* @param el String/HTMLElement/Ext.Element The context element.
-		* @param values Object/Array The template values. See applyTemplate for details.
-		* @param returnElement Boolean true to return an Ext.Element.
-		* @returns HTMLElement/Ext.Element The new node or Element.
-		*/
-		append?( el?:any, values?:any, returnElement?:boolean ): any;
-		/** [Method] Returns an HTML fragment of this template with the specified values applied
-		* @param values Object/Array The template values. Can be an array if your params are numeric:  var tpl = new Ext.Template('Name: {0}, Age: {1}'); tpl.apply(['John', 25]); or an object:  var tpl = new Ext.Template('Name: {name}, Age: {age}'); tpl.apply({name: 'John', age: 25});
-		* @returns String The HTML fragment.
-		*/
-		apply?( values?:any ): string;
-		/** [Method] Appends the result of this template to the provided output array
-		* @param values Object/Array The template values. See apply.
-		* @param out Array The array to which output is pushed.
-		* @returns Array The given out array.
-		*/
-		applyOut?( values?:any, out?:any[] ): any[];
-		/** [Method] Alias for apply
-		* @param values Object/Array The template values. Can be an array if your params are numeric:  var tpl = new Ext.Template('Name: {0}, Age: {1}'); tpl.apply(['John', 25]); or an object:  var tpl = new Ext.Template('Name: {name}, Age: {age}'); tpl.apply({name: 'John', age: 25});
-		* @returns String The HTML fragment.
-		*/
-		applyTemplate?( values?:any ): string;
-		/** [Method] Compiles the template into an internal function eliminating the RegEx overhead
-		* @returns Ext.Template this
-		*/
-		compile?(): Ext.ITemplate;
-		/** [Method] Applies the supplied values to the template and inserts the new node s after el
-		* @param el String/HTMLElement/Ext.Element The context element.
-		* @param values Object/Array The template values. See applyTemplate for details.
-		* @param returnElement Boolean true to return a Ext.Element.
-		* @returns HTMLElement/Ext.Element The new node or Element.
-		*/
-		insertAfter?( el?:any, values?:any, returnElement?:boolean ): any;
-		/** [Method] Applies the supplied values to the template and inserts the new node s before el
-		* @param el String/HTMLElement/Ext.Element The context element.
-		* @param values Object/Array The template values. See applyTemplate for details.
-		* @param returnElement Boolean true to return an Ext.Element.
-		* @returns HTMLElement/Ext.Element The new node or Element
-		*/
-		insertBefore?( el?:any, values?:any, returnElement?:boolean ): any;
-		/** [Method] Applies the supplied values to the template and inserts the new node s as the first child of el
-		* @param el String/HTMLElement/Ext.Element The context element.
-		* @param values Object/Array The template values. See applyTemplate for details.
-		* @param returnElement Boolean true to return a Ext.Element.
-		* @returns HTMLElement/Ext.Element The new node or Element.
-		*/
-		insertFirst?( el?:any, values?:any, returnElement?:boolean ): any;
-		/** [Method] Applies the supplied values to the template and overwrites the content of el with the new node s
-		* @param el String/HTMLElement/Ext.Element The context element.
-		* @param values Object/Array The template values. See applyTemplate for details.
-		* @param returnElement Boolean true to return a Ext.Element.
-		* @returns HTMLElement/Ext.Element The new node or Element.
-		*/
-		overwrite?( el?:any, values?:any, returnElement?:boolean ): any;
-		/** [Method] Sets the HTML used as the template and optionally compiles it
-		* @param html String
-		* @param compile Boolean true to compile the template.
-		* @returns Ext.Template this
-		*/
-		set?( html?:string, compile?:boolean ): Ext.ITemplate;
-	}
-	export class Template {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Creates a template from the passed element s value display none textarea preferred or innerHTML
-		* @param el String/HTMLElement A DOM element or its id.
-		* @param config Object Config object.
-		* @returns Ext.Template The created template.
-		*/
-		static from( el?:any, config?:any ): Ext.ITemplate;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext {
-	export interface ITitle extends Ext.IComponent {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface ITitleBar extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (Array/Object) */
-		items?: any;
-		/** [Config Option] (String) */
-		minHeight?: string;
-		/** [Config Option] (String) */
-		title?: string;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		getItems?(): any;
-		/** [Method] Returns the value of title
-		* @returns String
-		*/
-		getTitle?(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		setItems?( items?:any ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight String
-		*/
-		setMinHeight?( minHeight?:string ): void;
-		/** [Method] Sets the value of title
-		* @param title String
-		*/
-		setTitle?( title?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-	}
-}
-declare namespace Ext {
-	export interface IToolbar extends Ext.IContainer {
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (String) */
-		defaultType?: string;
-		/** [Config Option] (String) */
-		docked?: string;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (String) */
-		minHeight?: string;
-		/** [Config Option] (String/Ext.Title) */
-		title?: any;
-		/** [Config Option] (Boolean) */
-		titleCls?: boolean;
-		/** [Config Option] (String) */
-		ui?: string;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		getDefaultType?(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		getDocked?(): string;
-		/** [Method] Returns the value of layout
-		* @returns Object/String
-		*/
-		getLayout?(): any;
-		/** [Method] Returns an Ext Title component
-		* @returns Ext.Title
-		*/
-		getTitle?(): Ext.ITitle;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		getUi?(): string;
-		/** [Method] Hides the title if it exists  */
-		hideTitle?(): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		setDefaultType?( defaultType?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		setDocked?( docked?:string ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object/String
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight String
-		*/
-		setMinHeight?( minHeight?:string ): void;
-		/** [Method] Use this to update the title configuration
-		* @param title String/Ext.Title You can either pass a String, or a config/instance of Ext.Title.
-		*/
-		setTitle?( title?:any ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		setUi?( ui?:string ): void;
-		/** [Method] Shows the title if it exists  */
-		showTitle?(): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IAbstractMixedCollection extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Boolean) */
-		allowFunctions?: boolean;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param obj Object The item to add.
-		* @returns Object The item added.
-		*/
-		add?( key?:string, obj?:any ): any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param objs Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if allowFunctions has been set to true.
-		*/
-		addAll?( objs?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all items from the collection  */
-		clear?(): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		clone?(): Ext.util.IMixedCollection;
-		/** [Method] Collects unique values of a particular property in this MixedCollection
-		* @param property String The property to collect on.
-		* @param root String Optional 'root' property to extract the first argument from. This is used mainly when summing fields in records, where the fields are all stored inside the data object.
-		* @param allowNull Boolean Pass true to allow null, undefined, or empty string values.
-		* @returns Array The unique values.
-		*/
-		collect?( property?:string, root?:string, allowNull?:boolean ): any[];
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param o Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		contains?( o?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		containsKey?( key?:string ): boolean;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		each?( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		eachKey?( fn?:any, scope?:any ): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Filters the objects in this collection by a set of Filters or by a single property value pair with optional paramete
-		* @param property Ext.util.Filter[]/String A property on your objects, or an array of Filter objects
-		* @param value String/RegExp Either string that the property values should start with or a RegExp to test against the property.
-		* @param anyMatch Boolean true to match any part of the string, not just the beginning
-		* @param caseSensitive Boolean true for case sensitive comparison.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		filter?( property?:any, value?:any, anyMatch?:boolean, caseSensitive?:boolean ): Ext.util.IMixedCollection;
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called, it will receive the args o (the object), k (the key)
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection.
-		*/
-		filterBy?( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		findBy?( fn?:any, scope?:any ): any;
-		/** [Method] Finds the index of the first matching object in this collection by a specific property value
-		* @param property String The name of a property on your objects.
-		* @param value String/RegExp A string that the property values. should start with or a RegExp to test against the property.
-		* @param start Number The index to start searching at.
-		* @param anyMatch Boolean true to match any part of the string, not just the beginning.
-		* @param caseSensitive Boolean true for case sensitive comparison.
-		* @returns Number The matched index or -1.
-		*/
-		findIndex?( property?:string, value?:any, start?:number, anyMatch?:boolean, caseSensitive?:boolean ): number;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called, it will receive the args o (the object), k (the key).
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index or -1.
-		*/
-		findIndexBy?( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection..
-		*/
-		first?(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		get?( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		getAt?( index?:number ): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		getByKey?( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		getCount?(): number;
-		/** [Method] MixedCollection has a generic way to fetch keys if you implement getKey
-		* @param item Object The item for which to find the key.
-		* @returns Object The key for the passed item.
-		*/
-		getKey?( item?:any ): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index.
-		* @returns Array An array of items
-		*/
-		getRange?( start?:number, end?:number ): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Returns index within the collection of the passed Object
-		* @param o Object The item to find the index of.
-		* @returns Number index of the item. Returns -1 if not found.
-		*/
-		indexOf?( o?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number The index of the key.
-		*/
-		indexOfKey?( key?:string ): number;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param obj Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		insert?( index?:number, key?:string, obj?:any ): any;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection..
-		*/
-		last?(): any;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Remove an item from the collection
-		* @param o Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		remove?( o?:any ): any;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		removeAll?( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		removeAt?( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		removeAtKey?( key?:string ): any;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Replaces an item in the collection
-		* @param key String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param o Object If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		replace?( key?:string, o?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Collects all of the values of the given property and returns their sum
-		* @param property String The property to sum by.
-		* @param root String Optional 'root' property to extract the first argument from. This is used mainly when summing fields in records, where the fields are all stored inside the data object
-		* @param start Number The record index to start at.
-		* @param end Number The record index to end at.
-		* @returns Number The total
-		*/
-		sum?( property?:string, root?:string, start?:number, end?:number ): number;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface ICollection extends Ext.IBase,Ext.mixin.ISortable,Ext.mixin.IFilterable {
-		/** [Config Option] (Object[]) */
-		filters?: any[];
-		/** [Config Option] (Object[]) */
-		sorters?: any[];
-		/** [Property] (Array) */
-		all?: any[];
-		/** [Property] (Object) */
-		indices?: any;
-		/** [Property] (Array) */
-		items?: any[];
-		/** [Property] (Array) */
-		keys?: any[];
-		/** [Property] (Number) */
-		length?: number;
-		/** [Property] (Object) */
-		map?: any;
-		/** [Method] Adds an item to the collection
-		* @param key String The key to associate with the item, or the new item. If a getKey implementation was specified for this MixedCollection, or if the key of the stored items is in a property called id, the MixedCollection will be able to derive the key for the new item. In this case just pass the new item in this parameter.
-		* @param item Object The item to add.
-		* @returns Object The item added.
-		*/
-		add?( key?:string, item?:any ): any;
-		/** [Method] Adds all elements of an Array or an Object to the collection
-		* @param addItems Object/Array An Object containing properties which will be added to the collection, or an Array of values, each of which are added to the collection. Functions references will be added to the collection if {@link} Ext.util.MixedCollection.allowFunctions allowFunctions} has been set to true.
-		*/
-		addAll?( addItems?:any ): void;
-		/** [Method] This method adds a filter
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		*/
-		addFilter?( filter?:any ): void;
-		/** [Method] This method adds all the filters in a passed array
-		* @param filters Object
-		* @returns Object
-		*/
-		addFilters?( filters?:any ): any;
-		/** [Method] This method adds a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		addSorter?( sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method adds all the sorters in a passed array
-		* @param sorters Array An array with sorters. A sorter can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		addSorters?( sorters?:any[], defaultDirection?:string ): void;
-		/** [Method] Removes all items from the collection  */
-		clear?(): void;
-		/** [Method] Creates a shallow copy of this collection
-		* @returns Ext.util.MixedCollection
-		*/
-		clone?(): Ext.util.IMixedCollection;
-		/** [Method] Returns true if the collection contains the passed Object as an item
-		* @param item Object The Object to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as an item.
-		*/
-		contains?( item?:any ): boolean;
-		/** [Method] Returns true if the collection contains the passed Object as a key
-		* @param key String The key to look for in the collection.
-		* @returns Boolean true if the collection contains the Object as a key.
-		*/
-		containsKey?( key?:string ): boolean;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Executes the specified function once for every item in the collection
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the current item in the iteration.
-		*/
-		each?( fn?:any, scope?:any ): void;
-		/** [Method] Executes the specified function once for every key in the collection passing each key and its associated item as th
-		* @param fn Function The function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		*/
-		eachKey?( fn?:any, scope?:any ): void;
-		/** [Method] This method will sort a collection based on the currently configured sorters
-		* @param property Object
-		* @param value Object
-		* @param anyMatch Object
-		* @param caseSensitive Object
-		* @returns Array
-		*/
-		filter?( property?:any, value?:any, anyMatch?:any, caseSensitive?:any ): any[];
-		/** [Method] Filter by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @returns Ext.util.MixedCollection The new filtered collection
-		*/
-		filterBy?( fn?:any, scope?:any ): Ext.util.IMixedCollection;
-		/** [Method] Returns the first item in the collection which elicits a true return value from the passed selection function
-		* @param fn Function The selection function to execute for each item.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to the browser window.
-		* @returns Object The first item in the collection which returned true from the selection function.
-		*/
-		findBy?( fn?:any, scope?:any ): any;
-		/** [Method] Find the index of the first matching object in this collection by a function
-		* @param fn Function The function to be called.
-		* @param scope Object The scope (this reference) in which the function is executed. Defaults to this MixedCollection.
-		* @param start Number The index to start searching at.
-		* @returns Number The matched index, or -1 if the item was not found.
-		*/
-		findIndexBy?( fn?:any, scope?:any, start?:number ): number;
-		/** [Method] This method returns the index that a given item would be inserted into a given array based on the current sorters
-		* @param items Array The array that you want to insert the item into.
-		* @param item Mixed The item that you want to insert into the items array.
-		* @returns Number The index for the given item in the given array based on the current sorters.
-		*/
-		findInsertionIndex?( items?:any[], item?:any ): number;
-		/** [Method] Returns the first item in the collection
-		* @returns Object the first item in the collection.
-		*/
-		first?(): any;
-		/** [Method] Returns the item associated with the passed key OR index
-		* @param key String/Number The key or index of the item.
-		* @returns Object If the item is found, returns the item. If the item was not found, returns undefined. If an item was found, but is a Class, returns null.
-		*/
-		get?( key?:any ): any;
-		/** [Method] Returns the item at the specified index
-		* @param index Number The index of the item.
-		* @returns Object The item at the specified index.
-		*/
-		getAt?( index?:number ): any;
-		/** [Method] Returns the value of autoFilter
-		* @returns Boolean
-		*/
-		getAutoFilter?(): boolean;
-		/** [Method] Returns the value of autoSort
-		* @returns Boolean
-		*/
-		getAutoSort?(): boolean;
-		/** [Method] Returns the item associated with the passed key
-		* @param key String/Number The key of the item.
-		* @returns Object The item associated with the passed key.
-		*/
-		getByKey?( key?:any ): any;
-		/** [Method] Returns the number of items in the collection
-		* @returns Number the number of items in the collection.
-		*/
-		getCount?(): number;
-		/** [Method] Returns the value of defaultSortDirection
-		* @returns String
-		*/
-		getDefaultSortDirection?(): string;
-		/** [Method] Returns an up to date sort function
-		* @returns Function sortFn The sort function.
-		*/
-		getFilterFn?(): any;
-		/** [Method] Returns the value of filterRoot
-		* @returns String
-		*/
-		getFilterRoot?(): string;
-		/** [Method] Returns the value of filters
-		* @returns Array
-		*/
-		getFilters?(): any[];
-		/** [Method] MixedCollection has a generic way to fetch keys if you implement getKey
-		* @param item Object The item for which to find the key.
-		* @returns Object The key for the passed item.
-		*/
-		getKey?( item?:any ): any;
-		/** [Method] Returns a range of items in this collection
-		* @param start Number The starting index.
-		* @param end Number The ending index. Defaults to the last item.
-		* @returns Array An array of items.
-		*/
-		getRange?( start?:number, end?:number ): any[];
-		/** [Method] Returns an up to date sort function
-		* @returns Function The sort function.
-		*/
-		getSortFn?(): any;
-		/** [Method] Returns the value of sortRoot
-		* @returns String
-		*/
-		getSortRoot?(): string;
-		/** [Method] Returns the value of sorters
-		* @returns Array
-		*/
-		getSorters?(): any[];
-		/** [Method] Returns index within the collection of the passed Object
-		* @param item Object The item to find the index of.
-		* @returns Number Index of the item. Returns -1 if not found.
-		*/
-		indexOf?( item?:any ): number;
-		/** [Method] Returns index within the collection of the passed key
-		* @param key String The key to find the index of.
-		* @returns Number Index of the key.
-		*/
-		indexOfKey?( key?:string ): number;
-		/** [Method] Inserts an item at the specified index in the collection
-		* @param index Number The index to insert the item at.
-		* @param key String The key to associate with the new item, or the item itself.
-		* @param item Object If the second parameter was a key, the new item.
-		* @returns Object The item inserted.
-		*/
-		insert?( index?:number, key?:string, item?:any ): any;
-		/** [Method] This method adds a filter at a given index
-		* @param index Number The index at which to insert the filter.
-		* @param filter Ext.util.Sorter/Function/Object Can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Object
-		*/
-		insertFilter?( index?:number, filter?:any ): any;
-		/** [Method] This method inserts all the filters in the passed array at the given index
-		* @param index Number The index at which to insert the filters.
-		* @param filters Array Each filter can be an instance of Ext.util.Filter, an object representing an Ext.util.Filter configuration, or a filter function.
-		* @returns Array
-		*/
-		insertFilters?( index?:number, filters?:any[] ): any[];
-		/** [Method] This method adds a sorter at a given index
-		* @param index Number The index at which to insert the sorter.
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		* @param defaultDirection String The default direction for each sorter in the array. Defaults to the value of defaultSortDirection. Can be either 'ASC' or 'DESC'.
-		*/
-		insertSorter?( index?:number, sorter?:any, defaultDirection?:string ): void;
-		/** [Method] This method inserts all the sorters in the passed array at the given index
-		* @returns Ext.util.Collection this
-		*/
-		insertSorters?(): Ext.util.ICollection;
-		/** [Method] Returns the last item in the collection
-		* @returns Object the last item in the collection.
-		*/
-		last?(): any;
-		/** [Method] Remove an item from the collection
-		* @param item Object The item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		remove?( item?:any ): any;
-		/** [Method] Remove all items in the passed array from the collection
-		* @param items Array An array of items to be removed.
-		* @returns Ext.util.MixedCollection this object
-		*/
-		removeAll?( items?:any[] ): Ext.util.IMixedCollection;
-		/** [Method] Remove an item from a specified index in the collection
-		* @param index Number The index within the collection of the item to remove.
-		* @returns Object The item removed or false if no item was removed.
-		*/
-		removeAt?( index?:number ): any;
-		/** [Method] Removed an item associated with the passed key from the collection
-		* @param key String The key of the item to remove.
-		* @returns Object/Boolean The item removed or false if no item was removed.
-		*/
-		removeAtKey?( key?:string ): any;
-		/** [Method] This method removes all the filters in a passed array
-		* @param filters Object
-		* @returns Ext.util.Collection this
-		*/
-		removeFilters?( filters?:any ): Ext.util.ICollection;
-		/** [Method] This method removes a sorter
-		* @param sorter Ext.util.Sorter/String/Function/Object Can be an instance of Ext.util.Sorter, a string indicating a property name, an object representing an Ext.util.Sorter configuration, or a sort function.
-		*/
-		removeSorter?( sorter?:any ): void;
-		/** [Method] This method removes all the sorters in a passed array
-		* @param sorters Object
-		* @returns Ext.util.Collection this
-		*/
-		removeSorters?( sorters?:any ): Ext.util.ICollection;
-		/** [Method] Replaces an item in the collection
-		* @param oldKey String The key associated with the item to replace, or the replacement item. If you supplied a getKey implementation for this MixedCollection, or if the key of your stored items is in a property called id, then the MixedCollection will be able to derive the key of the replacement item. If you want to replace an item with one having the same key value, then just pass the replacement item in this parameter.
-		* @param item Object {Object} item (optional) If the first parameter passed was a key, the item to associate with that key.
-		* @returns Object The new item.
-		*/
-		replace?( oldKey?:string, item?:any ): any;
-		/** [Method] Sets the value of autoFilter
-		* @param autoFilter Boolean
-		*/
-		setAutoFilter?( autoFilter?:boolean ): void;
-		/** [Method] Sets the value of autoSort
-		* @param autoSort Boolean
-		*/
-		setAutoSort?( autoSort?:boolean ): void;
-		/** [Method] Sets the value of defaultSortDirection
-		* @param defaultSortDirection String
-		*/
-		setDefaultSortDirection?( defaultSortDirection?:string ): void;
-		/** [Method] Sets the value of filterRoot
-		* @param filterRoot String
-		*/
-		setFilterRoot?( filterRoot?:string ): void;
-		/** [Method] Sets the value of filters
-		* @param filters Array
-		*/
-		setFilters?( filters?:any[] ): void;
-		/** [Method] Sets the value of sortRoot
-		* @param sortRoot String
-		*/
-		setSortRoot?( sortRoot?:string ): void;
-		/** [Method] Sets the value of sorters
-		* @param sorters Array
-		*/
-		setSorters?( sorters?:any[] ): void;
-		/** [Method] This method will sort an array based on the currently configured sorters
-		* @param sorters Object
-		* @param defaultDirection Object
-		* @returns Array The array you passed after it is sorted.
-		*/
-		sort?( sorters?:any, defaultDirection?:any ): any[];
-	}
-}
-declare namespace Ext.util {
-	export interface IDelayedTask extends Ext.IBase {
-		/** [Method] Cancel the last queued timeout */
-		cancel?(): void;
-		/** [Method] Cancels any pending timeout and queues a new one
-		* @param delay Number The milliseconds to delay
-		* @param newFn Function Overrides the original function passed when instantiated.
-		* @param newScope Object Overrides the original scope passed when instantiated. Remember that if no scope is specified, this will refer to the browser window.
-		* @param newArgs Array Overrides the original args passed when instantiated.
-		*/
-		delay?( delay?:number, newFn?:any, newScope?:any, newArgs?:any[] ): void;
-		/** [Method] Returns the value of args
-		* @returns Object
-		*/
-		getArgs?(): any;
-		/** [Method] Returns the value of delay
-		* @returns Object
-		*/
-		getDelay?(): any;
-		/** [Method] Returns the value of fn
-		* @returns Object
-		*/
-		getFn?(): any;
-		/** [Method] Returns the value of interval
-		* @returns Object
-		*/
-		getInterval?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Sets the value of args
-		* @param args Object
-		*/
-		setArgs?( args?:any ): void;
-		/** [Method] Sets the value of delay
-		* @param delay Object
-		*/
-		setDelay?( delay?:any ): void;
-		/** [Method] Sets the value of fn
-		* @param fn Object
-		*/
-		setFn?( fn?:any ): void;
-		/** [Method] Sets the value of interval
-		* @param interval Object
-		*/
-		setInterval?( interval?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IDraggable extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Object/Number) */
-		initialOffset?: any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Disable the Draggable
-		* @returns Ext.util.Draggable This Draggable instance
-		*/
-		disable?(): Ext.util.IDraggable;
-		/** [Method] Enable the Draggable
-		* @returns Ext.util.Draggable This Draggable instance
-		*/
-		enable?(): Ext.util.IDraggable;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of constraint
-		* @returns String
-		*/
-		getConstraint?(): string;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of disabled
-		* @returns Object
-		*/
-		getDisabled?(): any;
-		/** [Method] Returns the value of draggingCls
-		* @returns String
-		*/
-		getDraggingCls?(): string;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of initialOffset
-		* @returns Object/Number
-		*/
-		getInitialOffset?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of translatable
-		* @returns Object
-		*/
-		getTranslatable?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of constraint
-		* @param constraint String
-		*/
-		setConstraint?( constraint?:string ): void;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Object
-		*/
-		setDisabled?( disabled?:any ): void;
-		/** [Method] Sets the value of draggingCls
-		* @param draggingCls String
-		*/
-		setDraggingCls?( draggingCls?:string ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of initialOffset
-		* @param initialOffset Object/Number
-		*/
-		setInitialOffset?( initialOffset?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of translatable
-		* @param translatable Object
-		*/
-		setTranslatable?( translatable?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IDroppable extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (String) */
-		activeCls?: string;
-		/** [Config Option] (String) */
-		baseCls?: string;
-		/** [Config Option] (Boolean) */
-		disabled?: boolean;
-		/** [Config Option] (String) */
-		group?: string;
-		/** [Config Option] (String) */
-		hoverCls?: string;
-		/** [Config Option] (String) */
-		invalidCls?: string;
-		/** [Config Option] (String) */
-		validDropMode?: string;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Disable the Droppable target  */
-		disable?(): void;
-		/** [Method] Enable the Droppable target  */
-		enable?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		getBaseCls?(): string;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Method to determine whether this Component is currently disabled
-		* @returns Boolean the disabled state of this Component.
-		*/
-		isDisabled?(): boolean;
-		/** [Method] Method to determine whether this Droppable is currently monitoring drag operations of Draggables
-		* @returns Boolean the monitoring state of this Droppable
-		*/
-		isMonitoring?(): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		setBaseCls?( baseCls?:string ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IFilter extends Ext.IBase {
-		/** [Config Option] (Boolean) */
-		anyMatch?: boolean;
-		/** [Config Option] (Boolean) */
-		caseSensitive?: boolean;
-		/** [Config Option] (Boolean) */
-		exactMatch?: boolean;
-		/** [Config Option] (Function) */
-		filterFn?: any;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Config Option] (String) */
-		property?: string;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (Object) */
-		scope?: any;
-		/** [Config Option] (RegExp/Mixed) */
-		value?: any;
-		/** [Method] Returns the value of anyMatch
-		* @returns Boolean
-		*/
-		getAnyMatch?(): boolean;
-		/** [Method] Returns the value of caseSensitive
-		* @returns Boolean
-		*/
-		getCaseSensitive?(): boolean;
-		/** [Method] Returns the value of exactMatch
-		* @returns Boolean
-		*/
-		getExactMatch?(): boolean;
-		/** [Method] Returns the value of filterFn
-		* @returns Function
-		*/
-		getFilterFn?(): any;
-		/** [Method] Returns the value of id
-		* @returns String
-		*/
-		getId?(): string;
-		/** [Method] Returns the value of property
-		* @returns String
-		*/
-		getProperty?(): string;
-		/** [Method] Returns the value of root
-		* @returns String
-		*/
-		getRoot?(): string;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Returns the value of value
-		* @returns RegExp/Mixed
-		*/
-		getValue?(): any;
-		/** [Method] Sets the value of anyMatch
-		* @param anyMatch Boolean
-		*/
-		setAnyMatch?( anyMatch?:boolean ): void;
-		/** [Method] Sets the value of caseSensitive
-		* @param caseSensitive Boolean
-		*/
-		setCaseSensitive?( caseSensitive?:boolean ): void;
-		/** [Method] Sets the value of exactMatch
-		* @param exactMatch Boolean
-		*/
-		setExactMatch?( exactMatch?:boolean ): void;
-		/** [Method] Sets the value of filterFn
-		* @param filterFn Function
-		*/
-		setFilterFn?( filterFn?:any ): void;
-		/** [Method] Sets the value of id
-		* @param id String
-		*/
-		setId?( id?:string ): void;
-		/** [Method] Sets the value of property
-		* @param property String
-		*/
-		setProperty?( property?:string ): void;
-		/** [Method] Sets the value of root
-		* @param root String
-		*/
-		setRoot?( root?:string ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-		/** [Method] Sets the value of value
-		* @param value RegExp/Mixed
-		*/
-		setValue?( value?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IFormat extends Ext.IBase {
-	}
-	export class Format {
-		/** [Property] (String) */
-		static defaultDateFormat: string;
-		/** [Property] (Array) */
-		static potentialUndefinedKeys: any[];
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Parse a value into a formatted date using the specified format pattern
-		* @param value String/Date The value to format. Strings must conform to the format expected by the JavaScript Date object's parse() method.
-		* @param format String Any valid date format string.
-		* @returns String The formatted date string.
-		*/
-		static date( value?:any, format?:string ): string;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Truncate a string and add an ellipsis  to the end if it exceeds the specified length
-		* @param value String The string to truncate.
-		* @param length Number The maximum length to allow before truncating.
-		* @param word Boolean True to try to find a common word break.
-		* @returns String The converted text.
-		*/
-		static ellipsis( value?:string, length?:number, word?:boolean ): string;
-		/** [Method] Escapes the passed string for  and
-		* @param string String The string to escape.
-		* @returns String The escaped string.
-		*/
-		static escape( string?:string ): string;
-		/** [Method] Escapes the passed string for use in a regular expression
-		* @param str String
-		* @returns String
-		*/
-		static escapeRegex( str?:string ): string;
-		/** [Method] Allows you to define a tokenized string and pass an arbitrary number of arguments to replace the tokens
-		* @param string String The tokenized string to be formatted.
-		* @param values String... The values to replace token {0}, {1}, etc.
-		* @returns String The formatted string.
-		*/
-		static format( string:string, ...values:any[] ): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Convert certain characters  amp lt and from their HTML character equivalents
-		* @param value String The string to decode.
-		* @returns String The decoded text.
-		*/
-		static htmlDecode( value?:string ): string;
-		/** [Method] Convert certain characters  amp lt and to their HTML character equivalents for literal display in web pages
-		* @param value String The string to encode.
-		* @returns String The encoded text.
-		*/
-		static htmlEncode( value?:string ): string;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Pads the left side of a string with a specified character
-		* @param string String The original string.
-		* @param size Number The total length of the output string.
-		* @param char String The character with which to pad the original string.
-		* @returns String The padded string.
-		*/
-		static leftPad( string?:string, size?:number, char?:string ): string;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Utility function that allows you to easily switch a string between two alternating values
-		* @param string String The current string
-		* @param value String The value to compare to the current string
-		* @param other String The new value to use if the string already equals the first value passed in
-		* @returns String The new value
-		*/
-		static toggle( string?:string, value?:string, other?:string ): string;
-		/** [Method] Trims whitespace from either end of a string leaving spaces within the string intact
-		* @param string String The string to escape
-		* @returns String The trimmed string
-		*/
-		static trim( string?:string ): string;
-	}
-}
-declare namespace Ext.util {
-	export interface IGeolocation extends Ext.IEvented {
-		/** [Config Option] (Boolean) */
-		allowHighAccuracy?: boolean;
-		/** [Config Option] (Boolean) */
-		autoUpdate?: boolean;
-		/** [Config Option] (Number) */
-		frequency?: number;
-		/** [Config Option] (Number) */
-		maximumAge?: number;
-		/** [Config Option] (Number) */
-		timeout?: number;
-		/** [Property] (Number) */
-		accuracy?: number;
-		/** [Property] (Number) */
-		altitude?: number;
-		/** [Property] (Number) */
-		altitudeAccuracy?: number;
-		/** [Property] (Number) */
-		heading?: number;
-		/** [Property] (Number) */
-		latitude?: number;
-		/** [Property] (Number) */
-		longitude?: number;
-		/** [Property] (Number) */
-		speed?: number;
-		/** [Property] (Date) */
-		timestamp?: any;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of allowHighAccuracy
-		* @returns Boolean
-		*/
-		getAllowHighAccuracy?(): boolean;
-		/** [Method] Returns the value of autoUpdate
-		* @returns Boolean
-		*/
-		getAutoUpdate?(): boolean;
-		/** [Method] Returns the value of frequency
-		* @returns Number
-		*/
-		getFrequency?(): number;
-		/** [Method] Returns the value of maximumAge
-		* @returns Number
-		*/
-		getMaximumAge?(): number;
-		/** [Method] Returns the value of timeout
-		* @returns Number
-		*/
-		getTimeout?(): number;
-		/** [Method] Sets the value of allowHighAccuracy
-		* @param allowHighAccuracy Boolean
-		*/
-		setAllowHighAccuracy?( allowHighAccuracy?:boolean ): void;
-		/** [Method] Sets the value of autoUpdate
-		* @param autoUpdate Boolean
-		*/
-		setAutoUpdate?( autoUpdate?:boolean ): void;
-		/** [Method] Sets the value of frequency
-		* @param frequency Number
-		*/
-		setFrequency?( frequency?:number ): void;
-		/** [Method] Sets the value of maximumAge
-		* @param maximumAge Number
-		*/
-		setMaximumAge?( maximumAge?:number ): void;
-		/** [Method] Sets the value of timeout
-		* @param timeout Number
-		*/
-		setTimeout?( timeout?:number ): void;
-		/** [Method] Executes a onetime location update operation raising either a locationupdate or locationerror event
-		* @param callback Function A callback method to be called when the location retrieval has been completed. Will be called on both success and failure. The method will be passed one parameter, Ext.util.Geolocation (this reference), set to null on failure. geo.updateLocation(function (geo) {  alert('Latitude: ' + (geo !== null ? geo.latitude : 'failed')); });
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		*/
-		updateLocation?( callback?:any, scope?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IGrouper extends Ext.util.ISorter {
-		/** [Config Option] (Function) */
-		groupFn?: any;
-		/** [Config Option] (String) */
-		sortProperty?: string;
-		/** [Config Option] (Function) */
-		sorterFn?: any;
-		/** [Method] Returns the value of groupFn
-		* @returns Function
-		*/
-		getGroupFn?(): any;
-		/** [Method] Returns the value of sortProperty
-		* @returns String
-		*/
-		getSortProperty?(): string;
-		/** [Method] Returns the value of sorterFn
-		* @returns Function
-		*/
-		getSorterFn?(): any;
-		/** [Method] Sets the value of groupFn
-		* @param groupFn Function
-		*/
-		setGroupFn?( groupFn?:any ): void;
-		/** [Method] Sets the value of sortProperty
-		* @param sortProperty String
-		*/
-		setSortProperty?( sortProperty?:string ): void;
-		/** [Method] Sets the value of sorterFn
-		* @param sorterFn Function
-		*/
-		setSorterFn?( sorterFn?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IHashMap extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Config Option] (Function) */
-		keyFn?: any;
-		/** [Method] Add a new item to the hash
-		* @param key String The key of the new item.
-		* @param value Object The value of the new item.
-		* @returns Object The value of the new item added.
-		*/
-		add?( key?:string, value?:any ): any;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all items from the hash
-		* @param initial Object
-		* @returns Ext.util.HashMap this
-		*/
-		clear?( initial?:any ): Ext.util.IHashMap;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Performs a shallow copy on this hash
-		* @returns Ext.util.HashMap The new hash object.
-		*/
-		clone?(): Ext.util.IHashMap;
-		/** [Method] Checks whether a value exists in the hash
-		* @param value Object The value to check for.
-		* @returns Boolean true if the value exists in the dictionary.
-		*/
-		contains?( value?:any ): boolean;
-		/** [Method] Checks whether a key exists in the hash
-		* @param key String The key to check for.
-		* @returns Boolean true if they key exists in the hash.
-		*/
-		containsKey?( key?:string ): boolean;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Executes the specified function once for each item in the hash
-		* @param fn Function The function to execute.
-		* @param scope Object The scope to execute in.
-		* @returns Ext.util.HashMap this
-		*/
-		each?( fn?:any, scope?:any ): Ext.util.IHashMap;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Retrieves an item with a particular key
-		* @param key String The key to lookup.
-		* @returns Object The value at that key. If it doesn't exist, undefined is returned.
-		*/
-		get?( key?:string ): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Gets the number of items in the hash
-		* @returns Number The number of items in the hash.
-		*/
-		getCount?(): number;
-		/** [Method] Return all of the keys in the hash
-		* @returns Array An array of keys.
-		*/
-		getKeys?(): any[];
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Return all of the values in the hash
-		* @returns Array An array of values.
-		*/
-		getValues?(): any[];
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Remove an item from the hash
-		* @param o Object The value of the item to remove.
-		* @returns Boolean true if the item was successfully removed.
-		*/
-		remove?( o?:any ): boolean;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Remove an item from the hash
-		* @param key String The key to remove.
-		* @returns Boolean true if the item was successfully removed.
-		*/
-		removeByKey?( key?:string ): boolean;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Replaces an item in the hash
-		* @param key String The key of the item.
-		* @param value Object The new value for the item.
-		* @returns Object The new value of the item.
-		*/
-		replace?( key?:string, value?:any ): any;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IInflector extends Ext.IBase {
-	}
-	export class Inflector {
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Returns the correct Model name for a given string
-		* @param word String The word to classify
-		* @returns String The classified version of the word
-		*/
-		static classify( word?:string ): string;
-		/** [Method] Removes all registered pluralization rules */
-		static clearPlurals(): void;
-		/** [Method] Removes all registered singularization rules */
-		static clearSingulars(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Returns true if the given word is transnumeral the word is its own singular and plural form  e g
-		* @param word String The word to test
-		* @returns Boolean True if the word is transnumeral
-		*/
-		static isTransnumeral( word?:string ): boolean;
-		/** [Method] Ordinalizes a given number by adding a prefix such as st nd rd or th based on the last digit of the number
-		* @param number Number The number to ordinalize
-		* @returns String The ordinalized number
-		*/
-		static ordinalize( number?:number ): string;
-		/** [Method] Adds a new pluralization rule to the Inflector
-		* @param matcher RegExp The matcher regex
-		* @param replacer String The replacement string, which can reference matches from the matcher argument
-		*/
-		static plural( matcher?:RegExp, replacer?:string ): void;
-		/** [Method] Returns the pluralized form of a word e g
-		* @param word String The word to pluralize
-		* @returns String The pluralized form of the word
-		*/
-		static pluralize( word?:string ): string;
-		/** [Method] Adds a new singularization rule to the Inflector
-		* @param matcher RegExp The matcher regex
-		* @param replacer String The replacement string, which can reference matches from the matcher argument
-		*/
-		static singular( matcher?:RegExp, replacer?:string ): void;
-		/** [Method] Returns the singularized form of a word e g
-		* @param word String The word to singularize
-		* @returns String The singularized form of the word
-		*/
-		static singularize( word?:string ): string;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-	}
-}
-declare namespace Ext.util {
-	export interface IInputBlocker extends Ext.IBase {
-	}
-}
-declare namespace Ext.util {
-	export interface ILineSegment extends Ext.IBase {
-		/** [Method] Returns the point where two lines intersect
-		* @param lineSegment Ext.util.LineSegment The line to intersect with.
-		* @returns Ext.util.Point
-		*/
-		intersects?( lineSegment?:Ext.util.ILineSegment ): Ext.util.IPoint;
-		/** [Method] Returns string representation of the line
-		* @returns String For example Point[12,8] Point[0,0]
-		*/
-		toString?(): string;
-	}
-}
-declare namespace Ext.util {
-	export interface IMixedCollection extends Ext.util.IAbstractMixedCollection,Ext.util.ISortable {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Performs initialization of this mixin  */
-		initSortable?(): void;
-		/** [Method] Reorders each of the items based on a mapping from old index to new index
-		* @param mapping Object Mapping from old item index to new item index.
-		*/
-		reorder?( mapping?:any ): void;
-		/** [Method] Sorts the data in the Store by one or more of its properties
-		* @param sorters String/Ext.util.Sorter[] Either a string name of one of the fields in this Store's configured Model, or an array of sorter configurations.
-		* @param direction String The overall direction to sort the data by.
-		* @param where String
-		* @param doSort Boolean
-		* @returns Ext.util.Sorter[]
-		*/
-		sort?( sorters?:any, direction?:string, where?:string, doSort?:boolean ): Ext.util.ISorter[];
-		/** [Method] Sorts the collection by a single sorter function
-		* @param sorterFn Function The function to sort by.
-		*/
-		sortBy?( sorterFn?:any ): void;
-		/** [Method] Sorts this collection by keys
-		* @param dir String Sorting direction: 'ASC' or 'DESC'.
-		* @param fn Function Comparison function that defines the sort order. Defaults to sorting by case insensitive string.
-		*/
-		sortByKey?( dir?:string, fn?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IOffset extends Ext.IBase {
-	}
-}
-declare namespace Ext.util.paintmonitor {
-	export interface IAbstract extends Ext.IBase {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of args
-		* @returns Array
-		*/
-		getArgs?(): any[];
-		/** [Method] Returns the value of callback
-		* @returns Object
-		*/
-		getCallback?(): any;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Sets the value of args
-		* @param args Array
-		*/
-		setArgs?( args?:any[] ): void;
-		/** [Method] Sets the value of callback
-		* @param callback Object
-		*/
-		setCallback?( callback?:any ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-	}
-}
-declare namespace Ext.util.paintmonitor {
-	export interface ICssAnimation extends Ext.util.paintmonitor.IAbstract {
-	}
-}
-declare namespace Ext.util {
-	export interface IPaintMonitor extends Ext.IBase {
-	}
-}
-declare namespace Ext.util.paintmonitor {
-	export interface IOverflowChange extends Ext.util.paintmonitor.IAbstract {
-	}
-}
-declare namespace Ext.util {
-	export interface IPoint extends Ext.IBase {
-		/** [Method] Copy a new instance of this point
-		* @returns Ext.util.Point The new point.
-		*/
-		clone?(): Ext.util.IPoint;
-		/** [Method] Clones this Point
-		* @returns Ext.util.Point The new point.
-		*/
-		copy?(): Ext.util.IPoint;
-		/** [Method] Copy the x and y values of another point  object to this point itself
-		* @param point Ext.util.Point/Object .
-		* @returns Ext.util.Point This point.
-		*/
-		copyFrom?( point?:any ): Ext.util.IPoint;
-		/** [Method] Compare this point and another point
-		* @param point Ext.util.Point/Object The point to compare with, either an instance of Ext.util.Point or an object with x and y properties.
-		* @returns Boolean Returns whether they are equivalent.
-		*/
-		equals?( point?:any ): boolean;
-		/** [Method] Whether the given point is not away from this point within the given threshold amount
-		* @param point Ext.util.Point/Object The point to check with, either an instance of Ext.util.Point or an object with x and y properties.
-		* @param threshold Object/Number Can be either an object with x and y properties or a number.
-		* @returns Boolean
-		*/
-		isCloseTo?( point?:any, threshold?:any ): boolean;
-		/** [Method] Returns true if this point is close to another one
-		* @returns Boolean
-		*/
-		isWithin?(): boolean;
-		/** [Method] Compare this point with another point when the x and y values of both points are rounded
-		* @param point Ext.util.Point/Object The point to compare with, either an instance of Ext.util.Point or an object with x and y properties.
-		* @returns Boolean
-		*/
-		roundedEquals?( point?:any ): boolean;
-		/** [Method] Returns a human eye friendly string that represents this point useful for debugging
-		* @returns String For example Point[12,8].
-		*/
-		toString?(): string;
-		/** [Method] Translate this point by the given amounts
-		* @param x Number Amount to translate in the x-axis.
-		* @param y Number Amount to translate in the y-axis.
-		* @returns Boolean
-		*/
-		translate?( x?:number, y?:number ): boolean;
-	}
-	export class Point {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Returns a new point from an object that has x and y properties if that object is not an instance of Ext util Point
-		* @param object Object
-		* @returns Ext.util.Point
-		*/
-		static from( object?:any ): Ext.util.IPoint;
-		/** [Method] Returns a new instance of Ext util Point based on the pageX  pageY values of the given event
-		* @param e Event The event.
-		* @returns Ext.util.Point
-		*/
-		static fromEvent( e?:Event ): Ext.util.IPoint;
-		/** [Method] Returns a new instance of Ext util Point based on the pageX  pageY values of the given touch
-		* @param touch Event
-		* @returns Ext.util.Point
-		*/
-		static fromTouch( touch?:Event ): Ext.util.IPoint;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.util {
-	export interface IPositionMap extends Ext.IBase {
-		/** [Method] Returns the value of minimumHeight
-		* @returns Number
-		*/
-		getMinimumHeight?(): number;
-		/** [Method] Sets the value of minimumHeight
-		* @param minimumHeight Number
-		*/
-		setMinimumHeight?( minimumHeight?:number ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IRegion extends Ext.IBase {
-		/** [Method] Modifies the current region to be adjusted by offsets
-		* @param top Number Top offset
-		* @param right Number Right offset
-		* @param bottom Number Bottom offset
-		* @param left Number Left offset
-		* @returns Ext.util.Region this
-		*/
-		adjust?( top?:number, right?:number, bottom?:number, left?:number ): Ext.util.IRegion;
-		/** [Method] Modifies the current region to be constrained to the targetRegion
-		* @param targetRegion Ext.util.Region
-		* @returns Ext.util.Region this
-		*/
-		constrainTo?( targetRegion?:Ext.util.IRegion ): Ext.util.IRegion;
-		/** [Method] Checks if this region completely contains the region that is passed in
-		* @param region Ext.util.Region
-		* @returns Boolean
-		*/
-		contains?( region?:Ext.util.IRegion ): boolean;
-		/** [Method] Copy a new instance
-		* @returns Ext.util.Region
-		*/
-		copy?(): Ext.util.IRegion;
-		/** [Method] Check whether this region is equivalent to the given region
-		* @param region Ext.util.Region The region to compare with.
-		* @returns Boolean
-		*/
-		equals?( region?:Ext.util.IRegion ): boolean;
-		/** [Method] Get the offset amount of a point outside the region
-		* @param axis String/Object optional.
-		* @param p Ext.util.Point The point.
-		* @returns Ext.util.Region
-		*/
-		getOutOfBoundOffset?( axis?:any, p?:Ext.util.IPoint ): Ext.util.IRegion;
-		/** [Method] Get the offset amount on the x axis
-		* @param p Number The offset.
-		* @returns Number
-		*/
-		getOutOfBoundOffsetX?( p?:number ): number;
-		/** [Method] Get the offset amount on the y axis
-		* @param p Number The offset.
-		* @returns Number
-		*/
-		getOutOfBoundOffsetY?( p?:number ): number;
-		/** [Method] Checks if this region intersects the region passed in
-		* @param region Ext.util.Region
-		* @returns Ext.util.Region/Boolean Returns the intersected region or false if there is no intersection.
-		*/
-		intersect?( region?:Ext.util.IRegion ): any;
-		/** [Method] Check whether the point  offset is out of bounds
-		* @param axis String optional
-		* @param p Ext.util.Point/Number The point / offset.
-		* @returns Boolean
-		*/
-		isOutOfBound?( axis?:string, p?:any ): boolean;
-		/** [Method] Check whether the offset is out of bound in the x axis
-		* @param p Number The offset.
-		* @returns Boolean
-		*/
-		isOutOfBoundX?( p?:number ): boolean;
-		/** [Method] Check whether the offset is out of bound in the y axis
-		* @param p Number The offset.
-		* @returns Boolean
-		*/
-		isOutOfBoundY?( p?:number ): boolean;
-		/** [Method] Round all the properties of this region
-		* @returns Ext.util.Region This Region.
-		*/
-		round?(): Ext.util.IRegion;
-		/** [Method] Dump this to an eye friendly string great for debugging
-		* @returns String For example Region[0,1,3,2].
-		*/
-		toString?(): string;
-		/** [Method] Translate this region by the given offset amount
-		* @param offset Object
-		* @returns Ext.util.Region This Region.
-		*/
-		translateBy?( offset?:any ): Ext.util.IRegion;
-		/** [Method] Returns the smallest region that contains the current AND targetRegion
-		* @param region Ext.util.Region
-		* @returns Ext.util.Region
-		*/
-		union?( region?:Ext.util.IRegion ): Ext.util.IRegion;
-	}
-	export class Region {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Creates new Region from an object  Ext util Region from top 0 right 5 bottom 3 left  1  the above is eq
-		* @param o Object An object with top, right, bottom, and left properties.
-		* @returns Ext.util.Region The region constructed based on the passed object.
-		*/
-		static from( o?:any ): Ext.util.IRegion;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Retrieves an Ext util Region for a particular element
-		* @param el String/HTMLElement/Ext.Element The element or its ID.
-		* @returns Ext.util.Region region
-		*/
-		static getRegion( el?:any ): Ext.util.IRegion;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext.util.sizemonitor {
-	export interface IAbstract extends Ext.IBase,Ext.mixin.ITemplatable {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of args
-		* @returns Array
-		*/
-		getArgs?(): any[];
-		/** [Method] Returns the value of callback
-		* @returns Object
-		*/
-		getCallback?(): any;
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Returns the value of scope
-		* @returns Object
-		*/
-		getScope?(): any;
-		/** [Method] Sets the value of args
-		* @param args Array
-		*/
-		setArgs?( args?:any[] ): void;
-		/** [Method] Sets the value of callback
-		* @param callback Object
-		*/
-		setCallback?( callback?:any ): void;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-		/** [Method] Sets the value of scope
-		* @param scope Object
-		*/
-		setScope?( scope?:any ): void;
-	}
-}
-declare namespace Ext.util.sizemonitor {
-	export interface IDefault extends Ext.util.sizemonitor.IAbstract {
-	}
-}
-declare namespace Ext.util {
-	export interface ISizeMonitor extends Ext.IBase {
-	}
-}
-declare namespace Ext.util.sizemonitor {
-	export interface IOverflowChange extends Ext.util.sizemonitor.IAbstract {
-	}
-}
-declare namespace Ext.util.sizemonitor {
-	export interface IScroll extends Ext.util.sizemonitor.IAbstract {
-	}
-}
-declare namespace Ext.util {
-	export interface ISortable extends Ext.mixin.IMixin {
-		/** [Property] (String) */
-		defaultSortDirection?: string;
-		/** [Property] (Boolean) */
-		isSortable?: boolean;
-		/** [Property] (String) */
-		sortRoot?: string;
-		/** [Property] (Ext.util.MixedCollection) */
-		sorters?: Ext.util.IMixedCollection;
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Performs initialization of this mixin  */
-		initSortable?(): void;
-		/** [Method] Sorts the data in the Store by one or more of its properties
-		* @param sorters String/Ext.util.Sorter[] Either a string name of one of the fields in this Store's configured Model, or an array of sorter configurations.
-		* @param direction String The overall direction to sort the data by.
-		* @param where String
-		* @param doSort Boolean
-		* @returns Ext.util.Sorter[]
-		*/
-		sort?( sorters?:any, direction?:string, where?:string, doSort?:boolean ): Ext.util.ISorter[];
-	}
-}
-declare namespace Ext.util {
-	export interface ISorter extends Ext.IBase {
-		/** [Config Option] (String) */
-		direction?: string;
-		/** [Config Option] (Mixed) */
-		id?: any;
-		/** [Config Option] (String) */
-		property?: string;
-		/** [Config Option] (String) */
-		root?: string;
-		/** [Config Option] (Function) */
-		sorterFn?: any;
-		/** [Config Option] (Function) */
-		transform?: any;
-		/** [Method] Returns the value of direction
-		* @returns String
-		*/
-		getDirection?(): string;
-		/** [Method] Returns the value of id
-		* @returns Mixed
-		*/
-		getId?(): any;
-		/** [Method] Returns the value of property
-		* @returns String
-		*/
-		getProperty?(): string;
-		/** [Method] Returns the value of root
-		* @returns String
-		*/
-		getRoot?(): string;
-		/** [Method] Returns the value of sorterFn
-		* @returns Function
-		*/
-		getSorterFn?(): any;
-		/** [Method] Returns the value of transform
-		* @returns Function
-		*/
-		getTransform?(): any;
-		/** [Method] Sets the value of direction
-		* @param direction String
-		*/
-		setDirection?( direction?:string ): void;
-		/** [Method] Sets the value of id
-		* @param id Mixed
-		*/
-		setId?( id?:any ): void;
-		/** [Method] Sets the value of property
-		* @param property String
-		*/
-		setProperty?( property?:string ): void;
-		/** [Method] Sets the value of root
-		* @param root String
-		*/
-		setRoot?( root?:string ): void;
-		/** [Method] Sets the value of sorterFn
-		* @param sorterFn Function
-		*/
-		setSorterFn?( sorterFn?:any ): void;
-		/** [Method] Sets the value of transform
-		* @param transform Function
-		*/
-		setTransform?( transform?:any ): void;
-		/** [Method] Toggles the direction of this Sorter  */
-		toggle?(): void;
-	}
-}
-declare namespace Ext.util {
-	export interface ITapRepeater extends Ext.IBase,Ext.mixin.IObservable {
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		addBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		addEvents?( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		addListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		addManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all listeners for this object  */
-		clearListeners?(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		enableBubble?( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		fireAction?( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		fireEvent?( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of accelerate
-		* @returns Boolean
-		*/
-		getAccelerate?(): boolean;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		getBubbleEvents?(): any;
-		/** [Method] Returns the value of delay
-		* @returns Number
-		*/
-		getDelay?(): number;
-		/** [Method] Returns the value of el
-		* @returns Object
-		*/
-		getEl?(): any;
-		/** [Method] Returns the value of interval
-		* @returns Number
-		*/
-		getInterval?(): number;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		getListeners?(): any;
-		/** [Method] Returns the value of pressCls
-		* @returns Object
-		*/
-		getPressCls?(): any;
-		/** [Method] Returns the value of preventDefault
-		* @returns Boolean
-		*/
-		getPreventDefault?(): boolean;
-		/** [Method] Returns the value of stopDefault
-		* @returns Boolean
-		*/
-		getStopDefault?(): boolean;
-		/** [Method] Returns the value of timer
-		* @returns Number
-		*/
-		getTimer?(): number;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		hasListener?( eventName?:string ): boolean;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		mon?( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		mun?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		on?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		onBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		relayEvents?( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeAfterListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		removeBeforeListener?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		removeListener?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		removeManagedListener?( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		resumeEvents?( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of accelerate
-		* @param accelerate Boolean
-		*/
-		setAccelerate?( accelerate?:boolean ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		setBubbleEvents?( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of delay
-		* @param delay Number
-		*/
-		setDelay?( delay?:number ): void;
-		/** [Method] Sets the value of el
-		* @param el Object
-		*/
-		setEl?( el?:any ): void;
-		/** [Method] Sets the value of interval
-		* @param interval Number
-		*/
-		setInterval?( interval?:number ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		setListeners?( listeners?:any ): void;
-		/** [Method] Sets the value of pressCls
-		* @param pressCls Object
-		*/
-		setPressCls?( pressCls?:any ): void;
-		/** [Method] Sets the value of preventDefault
-		* @param preventDefault Boolean
-		*/
-		setPreventDefault?( preventDefault?:boolean ): void;
-		/** [Method] Sets the value of stopDefault
-		* @param stopDefault Boolean
-		*/
-		setStopDefault?( stopDefault?:boolean ): void;
-		/** [Method] Sets the value of timer
-		* @param timer Number
-		*/
-		setTimer?( timer?:number ): void;
-		/** [Method] Suspends the firing of all events  */
-		suspendEvents?(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		un?( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unAfter?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		unBefore?( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-	}
-}
-declare namespace Ext.util.translatable {
-	export interface IAbstract extends Ext.IEvented {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of easing
-		* @returns Object
-		*/
-		getEasing?(): any;
-		/** [Method] Returns the value of easingX
-		* @returns Object
-		*/
-		getEasingX?(): any;
-		/** [Method] Returns the value of easingY
-		* @returns Object
-		*/
-		getEasingY?(): any;
-		/** [Method] Returns the value of useWrapper
-		* @returns Object
-		*/
-		getUseWrapper?(): any;
-		/** [Method] Sets the value of easing
-		* @param easing Object
-		*/
-		setEasing?( easing?:any ): void;
-		/** [Method] Sets the value of easingX
-		* @param easingX Object
-		*/
-		setEasingX?( easingX?:any ): void;
-		/** [Method] Sets the value of easingY
-		* @param easingY Object
-		*/
-		setEasingY?( easingY?:any ): void;
-		/** [Method] Sets the value of useWrapper
-		* @param useWrapper Object
-		*/
-		setUseWrapper?( useWrapper?:any ): void;
-	}
-}
-declare namespace Ext.util.translatable {
-	export interface ICssPosition extends Ext.util.translatable.IDom {
-		/** [Method]  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext.util.translatable {
-	export interface ICssTransform extends Ext.util.translatable.IDom {
-		/** [Method]  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext.util.translatable {
-	export interface IDom extends Ext.util.translatable.IAbstract {
-		/** [Method] Returns the value of element
-		* @returns Object
-		*/
-		getElement?(): any;
-		/** [Method] Sets the value of element
-		* @param element Object
-		*/
-		setElement?( element?:any ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface ITranslatable extends Ext.IBase {
-	}
-}
-declare namespace Ext.util.translatable {
-	export interface IScrollPosition extends Ext.util.translatable.IDom {
-		/** [Method]  */
-		destroy?(): void;
-		/** [Method] Returns the value of useWrapper
-		* @returns Boolean
-		*/
-		getUseWrapper?(): boolean;
-		/** [Method] Sets the value of useWrapper
-		* @param useWrapper Boolean
-		*/
-		setUseWrapper?( useWrapper?:boolean ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface ITranslatableGroup extends Ext.util.translatable.IAbstract {
-		/** [Method] Returns the value of activeIndex
-		* @returns Number
-		*/
-		getActiveIndex?(): number;
-		/** [Method] Returns the value of itemLength
-		* @returns Object
-		*/
-		getItemLength?(): any;
-		/** [Method] Returns the value of items
-		* @returns Array
-		*/
-		getItems?(): any[];
-		/** [Method] Sets the value of activeIndex
-		* @param activeIndex Number
-		*/
-		setActiveIndex?( activeIndex?:number ): void;
-		/** [Method] Sets the value of itemLength
-		* @param itemLength Object
-		*/
-		setItemLength?( itemLength?:any ): void;
-		/** [Method] Sets the value of items
-		* @param items Array
-		*/
-		setItems?( items?:any[] ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface ITranslatableList extends Ext.util.translatable.IAbstract {
-		/** [Method] Returns the value of items
-		* @returns Array
-		*/
-		getItems?(): any[];
-		/** [Method] Sets the value of items
-		* @param items Array
-		*/
-		setItems?( items?:any[] ): void;
-	}
-}
-declare namespace Ext.util {
-	export interface IWrapper extends Ext.IBase,Ext.mixin.IBindable {
-		/** [Method]  */
-		destroy?(): void;
-	}
-}
-declare namespace Ext {
-	export interface IVersion {
-		/** [Method] Create a closure for deprecated code
-		* @param packageName String The package name.
-		* @param since String The last version before it's deprecated.
-		* @param closure Function The callback function to be executed with the specified version is less than the current version.
-		* @param scope Object The execution scope (this) if the closure
-		*/
-		deprecate?( packageName?:string, since?:string, closure?:any, scope?:any ): void;
-		/** [Method] Returns whether this version equals to the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version equals to the target, false otherwise.
-		*/
-		equals?( target?:any ): boolean;
-		/** [Method] Returns the build component value
-		* @returns Number build
-		*/
-		getBuild?(): number;
-		/** [Method] Returns the major component value
-		* @returns Number major
-		*/
-		getMajor?(): number;
-		/** [Method] Returns the minor component value
-		* @returns Number minor
-		*/
-		getMinor?(): number;
-		/** [Method] Returns the patch component value
-		* @returns Number patch
-		*/
-		getPatch?(): number;
-		/** [Method] Returns the release component value
-		* @returns Number release
-		*/
-		getRelease?(): number;
-		/** [Method] Returns shortVersion version without dots and release
-		* @returns String
-		*/
-		getShortVersion?(): string;
-		/** [Method] Get the version number of the supplied package name will return the last registered version last Ext setVersion  c
-		* @param packageName String The package name, for example: 'core', 'touch', 'extjs'.
-		* @returns Ext.Version The version.
-		*/
-		getVersion?( packageName?:string ): Ext.IVersion;
-		/** [Method] Convenient alias to isGreaterThan
-		* @param target String/Number
-		* @returns Boolean
-		*/
-		gt?( target?:any ): boolean;
-		/** [Method] Convenient alias to isGreaterThanOrEqual
-		* @param target String/Number
-		* @returns Boolean
-		*/
-		gtEq?( target?:any ): boolean;
-		/** [Method] Returns whether this version if greater than the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version if greater than the target, false otherwise.
-		*/
-		isGreaterThan?( target?:any ): boolean;
-		/** [Method] Returns whether this version if greater than or equal to the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version if greater than or equal to the target, false otherwise.
-		*/
-		isGreaterThanOrEqual?( target?:any ): boolean;
-		/** [Method] Returns whether this version if smaller than the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version if smaller than the target, false otherwise.
-		*/
-		isLessThan?( target?:any ): boolean;
-		/** [Method] Returns whether this version if less than or equal to the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version if less than or equal to the target, false otherwise.
-		*/
-		isLessThanOrEqual?( target?:any ): boolean;
-		/** [Method] Convenient alias to isLessThan
-		* @param target String/Number
-		* @returns Boolean
-		*/
-		lt?( target?:any ): boolean;
-		/** [Method] Convenient alias to isLessThanOrEqual
-		* @param target String/Number
-		* @returns Boolean
-		*/
-		ltEq?( target?:any ): boolean;
-		/** [Method] Returns whether this version matches the supplied argument
-		* @param target String/Number The version to compare with.
-		* @returns Boolean true if this version matches the target, false otherwise.
-		*/
-		match?( target?:any ): boolean;
-		/** [Method] Set version number for the given package name
-		* @param packageName String The package name, for example: 'core', 'touch', 'extjs'.
-		* @param version String/Ext.Version The version, for example: '1.2.3alpha', '2.4.0-dev'.
-		* @returns any
-		*/
-		setVersion?( packageName?:string, version?:any ): any;
-		/** [Method] Returns this format  major minor patch build release
-		* @returns Number[]
-		*/
-		toArray?(): number[];
-		/** [Method]
-		* @param value Object
-		* @returns Number
-		*/
-		toNumber?( value?:any ): number;
-	}
-	export class Version {
-		/** [Method] Compare 2 specified versions starting from left to right
-		* @param current String The current version to compare to.
-		* @param target String The target version to compare to.
-		* @returns Number Returns -1 if the current version is smaller than the target version, 1 if greater, and 0 if they're equivalent.
-		*/
-		static compare( current?:string, target?:string ): number;
-		/** [Method] Converts a version component to a comparable value
-		* @param value Object The value to convert
-		* @returns Object
-		*/
-		static getComponentValue( value?:any ): any;
-	}
-}
-declare namespace Ext {
-	export interface IVideo extends Ext.IMedia {
-		/** [Config Option] (String/String[]) */
-		cls?: any;
-		/** [Config Option] (String) */
-		posterUrl?: string;
-		/** [Method] Returns the value of cls
-		* @returns String
-		*/
-		getCls?(): string;
-		/** [Method] Returns the value of posterUrl
-		* @returns String
-		*/
-		getPosterUrl?(): string;
-		/** [Method] Returns the value of url
-		* @returns string
-		*/
-		getUrl?(): string;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		initialize?(): void;
-		/** [Method] Sets the value of cls
-		* @param cls String
-		*/
-		setCls?( cls?:string ): void;
-		/** [Method] Sets the value of posterUrl
-		* @param posterUrl String
-		*/
-		setPosterUrl?( posterUrl?:string ): void;
-		/** [Method] Sets the value of url
-		* @param url String/Array
-		*/
-		setUrl?( url?:any ): void;
-		/** [Method] Updates the URL to the poster even if it is rendered
-		* @param newUrl Object
-		*/
-		updatePosterUrl?( newUrl?:any ): void;
-		/** [Method] Sets the URL of the media element
-		* @param newUrl Object
-		*/
-		updateUrl?( newUrl?:any ): void;
-	}
-}
-declare namespace Ext.viewport {
-	export interface IAndroid extends Ext.viewport.IDefault {
-		/** [Method] Returns the value of autoBlurInput
-		* @returns Boolean
-		*/
-		getAutoBlurInput?(): boolean;
-		/** [Method] Sets the value of autoBlurInput
-		* @param autoBlurInput Boolean
-		*/
-		setAutoBlurInput?( autoBlurInput?:boolean ): void;
-	}
-}
-declare namespace Ext.viewport {
-	export interface IDefault extends Ext.IContainer {
-		/** [Config Option] (Boolean) */
-		autoMaximize?: boolean;
-		/** [Config Option] (String) */
-		id?: string;
-		/** [Config Option] (Object/String) */
-		layout?: any;
-		/** [Config Option] (Boolean) */
-		preventPanning?: boolean;
-		/** [Config Option] (Boolean) */
-		preventZooming?: boolean;
-		/** [Property] (Boolean) */
-		isReady?: boolean;
-		/** [Method] Returns the value of autoMaximize
-		* @returns Boolean
-		*/
-		getAutoMaximize?(): boolean;
-		/** [Method] Returns the value of layout
-		* @returns Object/String
-		*/
-		getLayout?(): any;
-		/** [Method] Returns the current orientation
-		* @returns String portrait or landscape
-		*/
-		getOrientation?(): string;
-		/** [Method] Returns the value of preventPanning
-		* @returns Boolean
-		*/
-		getPreventPanning?(): boolean;
-		/** [Method] Returns the value of preventZooming
-		* @returns Boolean
-		*/
-		getPreventZooming?(): boolean;
-		/** [Method] Returns the height and width of the Component
-		* @returns Object The current height and width of the Component.
-		*/
-		getSize?(): any;
-		/** [Method] Returns the value of useBodyElement
-		* @returns Boolean
-		*/
-		getUseBodyElement?(): boolean;
-		/** [Method] Retrieves the document height
-		* @returns Number height in pixels.
-		*/
-		getWindowHeight?(): number;
-		/** [Method] Retrieves the document width
-		* @returns Number width in pixels.
-		*/
-		getWindowWidth?(): number;
-		/** [Method] Sets the value of autoMaximize
-		* @param autoMaximize Boolean
-		*/
-		setAutoMaximize?( autoMaximize?:boolean ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object/String
-		*/
-		setLayout?( layout?:any ): void;
-		/** [Method] Sets the value of preventPanning
-		* @param preventPanning Boolean
-		*/
-		setPreventPanning?( preventPanning?:boolean ): void;
-		/** [Method] Sets the value of preventZooming
-		* @param preventZooming Boolean
-		*/
-		setPreventZooming?( preventZooming?:boolean ): void;
-		/** [Method] Sets the value of useBodyElement
-		* @param useBodyElement Boolean
-		*/
-		setUseBodyElement?( useBodyElement?:boolean ): void;
-	}
-}
-declare namespace Ext.viewport {
-	export interface IIos extends Ext.viewport.IDefault {
-	}
-}
-declare namespace Ext {
-	export interface IViewport extends Ext.viewport.IDefault {
-	}
-	export class Viewport {
-		/** [Property] (Boolean) */
-		static isReady: boolean;
-		/** [Property] (Ext.util.MixedCollection) */
-		static items: Ext.util.IMixedCollection;
-		/** [Property] (Ext.Class) */
-		static self: Ext.IClass;
-		/** [Method] Adds one or more Components to this Container
-		* @param newItems Object/Object[]/Ext.Component/Ext.Component[] The new items to add to the Container.
-		* @returns Ext.Component The last item added to the Container from the newItems array.
-		*/
-		static add( newItems?:any ): Ext.IComponent;
-		/** [Method] Appends an after event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds an array of Components to this Container
-		* @param items Array The array of items to add to this container.
-		* @returns Array The array of items after they have been added.
-		*/
-		static addAll( items?:any[] ): any[];
-		/** [Method] Appends a before event handler
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static addBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Adds a CSS class or classes to this Component s rendered element
-		* @param cls String The CSS class to add.
-		* @param prefix String Optional prefix to add to each class.
-		* @param suffix String Optional suffix to add to each class.
-		*/
-		static addCls( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Adds the specified events to the list of events which this Observable may fire
-		* @param eventNames Object/String... Either an object with event names as properties with a value of true or the first event name string if multiple event names are being passed as separate parameters.
-		*/
-		static addEvents( eventNames?:any ): void;
-		/** [Method] Appends an event handler to this object
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static addListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static addManagedListener( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Animates to the supplied activeItem with a specified animation
-		* @param activeItem Object/Number The item or item index to make active.
-		* @param animation Object/Ext.fx.layout.Card Card animation configuration or instance.
-		*/
-		static animateActiveItem( activeItem?:any, animation?:any ): void;
-		/** [Method] Changes the masked configuration when its setter is called which will convert the value into a proper object instanc
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		* @returns Object
-		*/
-		static applyMasked( masked?:any ): any;
-		/** [Method] Call the original method that was previously overridden with override  This method is deprecated as callParent does
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callOverridden(arguments)
-		* @returns Object Returns the result of calling the overridden method
-		*/
-		static callOverridden( args?:any ): any;
-		/** [Method] Call the parent method of the current method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)
-		* @returns Object Returns the result of calling the parent method
-		*/
-		static callParent( args?:any ): any;
-		/** [Method] This method is used by an override to call the superclass method but bypass any overridden method
-		* @param args Array/Arguments The arguments, either an array or the arguments object from the current method, for example: this.callSuper(arguments)
-		* @returns Object Returns the result of calling the superclass method
-		*/
-		static callSuper( args?:any ): any;
-		/** [Method] Retrieves the first direct child of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		static child( selector?:string ): Ext.IComponent;
-		/** [Method] Removes all listeners for this object  */
-		static clearListeners(): void;
-		/** [Method]  */
-		static destroy(): void;
-		/** [Method] Disables this Component */
-		static disable(): void;
-		/** [Method] Retrieves the first descendant of this container which matches the passed selector
-		* @param selector String An Ext.ComponentQuery selector.
-		* @returns Ext.Component
-		*/
-		static down( selector?:string ): Ext.IComponent;
-		/** [Method] Enables this Component */
-		static enable(): void;
-		/** [Method] Enables events fired by this Observable to bubble up an owner hierarchy by calling this getBubbleTarget  if present
-		* @param events String/String[] The event name to bubble, or an Array of event names.
-		*/
-		static enableBubble( events?:any ): void;
-		/** [Method] Fires the specified event with the passed parameters and execute a function action at the end if there are no liste
-		* @param eventName String The name of the event to fire.
-		* @param args Array Arguments to pass to handers.
-		* @param fn Function Action.
-		* @param scope Object Scope of fn.
-		* @returns Object
-		*/
-		static fireAction( eventName?:string, args?:any[], fn?:any, scope?:any ): any;
-		/** [Method] Fires the specified event with the passed parameters minus the event name plus the options object passed to addList
-		* @param eventName String The name of the event to fire.
-		* @param args Object... Variable number of parameters are passed to handlers.
-		* @returns Boolean Returns false if any of the handlers return false.
-		*/
-		static fireEvent( eventName:string, ...args:any[] ): boolean;
-		/** [Method] Returns the value of activeItem
-		* @returns Object/String/Number
-		*/
-		static getActiveItem(): any;
-		/** [Method] Returns the Component for a given index in the Container s items
-		* @param index Number The index of the Component to return.
-		* @returns Ext.Component The item at the specified index, if found.
-		*/
-		static getAt( index?:number ): Ext.IComponent;
-		/** [Method] Returns the value of autoDestroy
-		* @returns Boolean
-		*/
-		static getAutoDestroy(): boolean;
-		/** [Method] Returns the value of autoMaximize
-		* @returns Boolean
-		*/
-		static getAutoMaximize(): boolean;
-		/** [Method] Returns the value of baseCls
-		* @returns String
-		*/
-		static getBaseCls(): string;
-		/** [Method] Returns the value of border
-		* @returns Number/String
-		*/
-		static getBorder(): any;
-		/** [Method] Returns the value of bottom
-		* @returns Number/String
-		*/
-		static getBottom(): any;
-		/** [Method] Returns the value of bubbleEvents
-		* @returns String/String[]
-		*/
-		static getBubbleEvents(): any;
-		/** [Method] Returns the value of centered
-		* @returns Boolean
-		*/
-		static getCentered(): boolean;
-		/** [Method] Returns the value of cls
-		* @returns String/String[]
-		*/
-		static getCls(): any;
-		/** [Method] Examines this container s items property and gets a direct child component of this container
-		* @param component String/Number This parameter may be any of the following:  {String} : representing the itemId or id of the child component. {Number} : representing the position of the child component within the items property. For additional information see Ext.util.MixedCollection.get.
-		* @returns Ext.Component The component (if found).
-		*/
-		static getComponent( component?:any ): Ext.IComponent;
-		/** [Method] Returns the value of contentEl
-		* @returns Ext.Element/HTMLElement/String
-		*/
-		static getContentEl(): any;
-		/** [Method] Returns the value of control
-		* @returns Object
-		*/
-		static getControl(): any;
-		/** [Method] Returns the value of data
-		* @returns Object
-		*/
-		static getData(): any;
-		/** [Method] Returns the value of defaultType
-		* @returns String
-		*/
-		static getDefaultType(): string;
-		/** [Method] Returns the value of defaults
-		* @returns Object
-		*/
-		static getDefaults(): any;
-		/** [Method] Returns the value of disabled
-		* @returns Boolean
-		*/
-		static getDisabled(): boolean;
-		/** [Method] Returns the value of disabledCls
-		* @returns String
-		*/
-		static getDisabledCls(): string;
-		/** [Method] Returns the value of docked
-		* @returns String
-		*/
-		static getDocked(): string;
-		/** [Method] Finds a docked item of this container using a reference idor an index of its location in getDockedItems
-		* @param component String/Number The id or index of the component to find.
-		* @returns Ext.Component/Boolean The docked component, if found.
-		*/
-		static getDockedComponent( component?:any ): any;
-		/** [Method] Returns all the Ext Component docked items in this container
-		* @returns Array The docked items of this container.
-		*/
-		static getDockedItems(): any[];
-		/** [Method] Retrieves the top level element representing this component
-		* @returns Ext.dom.Element
-		*/
-		static getEl(): Ext.dom.IElement;
-		/** [Method] Returns the value of enterAnimation
-		* @returns String/Mixed
-		*/
-		static getEnterAnimation(): any;
-		/** [Method] Returns the value of exitAnimation
-		* @returns String/Mixed
-		*/
-		static getExitAnimation(): any;
-		/** [Method] Returns the value of flex
-		* @returns Number
-		*/
-		static getFlex(): number;
-		/** [Method] Returns the value of floatingCls
-		* @returns String
-		*/
-		static getFloatingCls(): string;
-		/** [Method] Returns the value of hidden
-		* @returns Boolean
-		*/
-		static getHidden(): boolean;
-		/** [Method] Returns the value of hiddenCls
-		* @returns String
-		*/
-		static getHiddenCls(): string;
-		/** [Method] Returns the value of hideAnimation
-		* @returns String/Mixed
-		*/
-		static getHideAnimation(): any;
-		/** [Method] Returns the value of hideOnMaskTap
-		* @returns Boolean
-		*/
-		static getHideOnMaskTap(): boolean;
-		/** [Method] Returns the value of html
-		* @returns String/Ext.Element/HTMLElement
-		*/
-		static getHtml(): any;
-		/** [Method] Retrieves the id of this component
-		* @returns String id
-		*/
-		static getId(): string;
-		/** [Method] Returns the initial configuration passed to constructor
-		* @param name String When supplied, value for particular configuration option is returned, otherwise the full config object is returned.
-		* @returns Object/Mixed
-		*/
-		static getInitialConfig( name?:string ): any;
-		/** [Method] Returns all inner items of this container
-		* @returns Array The inner items of this container.
-		*/
-		static getInnerItems(): any[];
-		/** [Method] Returns the value of itemId
-		* @returns String
-		*/
-		static getItemId(): string;
-		/** [Method] Returns the value of items
-		* @returns Array/Object
-		*/
-		static getItems(): any;
-		/** [Method] Returns the value of layout
-		* @returns Object/String
-		*/
-		static getLayout(): any;
-		/** [Method] Returns the value of left
-		* @returns Number/String
-		*/
-		static getLeft(): any;
-		/** [Method] Returns the value of listeners
-		* @returns Object
-		*/
-		static getListeners(): any;
-		/** [Method] Returns the value of margin
-		* @returns Number/String
-		*/
-		static getMargin(): any;
-		/** [Method] Returns the value of masked
-		* @returns Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		static getMasked(): any;
-		/** [Method] Returns the value of maxHeight
-		* @returns Number/String
-		*/
-		static getMaxHeight(): any;
-		/** [Method] Returns the value of maxWidth
-		* @returns Number/String
-		*/
-		static getMaxWidth(): any;
-		/** [Method] Returns the value of minHeight
-		* @returns Number/String
-		*/
-		static getMinHeight(): any;
-		/** [Method] Returns the value of minWidth
-		* @returns Number/String
-		*/
-		static getMinWidth(): any;
-		/** [Method] Returns the value of modal
-		* @returns Boolean
-		*/
-		static getModal(): boolean;
-		/** [Method] Returns the current orientation
-		* @returns String portrait or landscape
-		*/
-		static getOrientation(): string;
-		/** [Method] Returns the value of padding
-		* @returns Number/String
-		*/
-		static getPadding(): any;
-		/** [Method] Returns the parent of this component if it has one
-		* @returns Ext.Component The parent of this component.
-		*/
-		static getParent(): Ext.IComponent;
-		/** [Method] Returns the value of plugins
-		* @returns Object/Array
-		*/
-		static getPlugins(): any;
-		/** [Method] Returns the value of preventPanning
-		* @returns Boolean
-		*/
-		static getPreventPanning(): boolean;
-		/** [Method] Returns the value of preventZooming
-		* @returns Boolean
-		*/
-		static getPreventZooming(): boolean;
-		/** [Method] Returns the value of record
-		* @returns Ext.data.Model
-		*/
-		static getRecord(): Ext.data.IModel;
-		/** [Method] Returns the value of renderTo
-		* @returns Ext.Element
-		*/
-		static getRenderTo(): Ext.IElement;
-		/** [Method] Returns the value of right
-		* @returns Number/String
-		*/
-		static getRight(): any;
-		/** [Method] Returns an the scrollable instance for this container which is a Ext scroll View class
-		* @returns Ext.scroll.View The scroll view.
-		*/
-		static getScrollable(): Ext.scroll.IView;
-		/** [Method] Returns the value of showAnimation
-		* @returns String/Mixed
-		*/
-		static getShowAnimation(): any;
-		/** [Method] Returns the height and width of the Component
-		* @returns Object The current height and width of the Component.
-		*/
-		static getSize(): any;
-		/** [Method] Returns the value of style
-		* @returns String/Object
-		*/
-		static getStyle(): any;
-		/** [Method] Returns the value of styleHtmlCls
-		* @returns String
-		*/
-		static getStyleHtmlCls(): string;
-		/** [Method] Returns the value of styleHtmlContent
-		* @returns Boolean
-		*/
-		static getStyleHtmlContent(): boolean;
-		/** [Method] Returns the value of top
-		* @returns Number/String
-		*/
-		static getTop(): any;
-		/** [Method] Returns the value of tpl
-		* @returns String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		static getTpl(): any;
-		/** [Method] Returns the value of tplWriteMode
-		* @returns String
-		*/
-		static getTplWriteMode(): string;
-		/** [Method] Returns the value of ui
-		* @returns String
-		*/
-		static getUi(): string;
-		/** [Method] Returns the value of useBodyElement
-		* @returns Boolean
-		*/
-		static getUseBodyElement(): boolean;
-		/** [Method] Retrieves the document height
-		* @returns Number height in pixels.
-		*/
-		static getWindowHeight(): number;
-		/** [Method] Retrieves the document width
-		* @returns Number width in pixels.
-		*/
-		static getWindowWidth(): number;
-		/** [Method] Returns this Component s xtype hierarchy as a slash delimited string
-		* @returns String The xtype hierarchy string.
-		*/
-		static getXTypes(): string;
-		/** [Method] Returns the value of zIndex
-		* @returns Number
-		*/
-		static getZIndex(): number;
-		/** [Method] Checks to see if this object has any listeners for a specified event
-		* @param eventName String The name of the event to check for
-		* @returns Boolean True if the event is being listened for, else false
-		*/
-		static hasListener( eventName?:string ): boolean;
-		/** [Method] Returns true if this component has a parent
-		* @returns Boolean true if this component has a parent.
-		*/
-		static hasParent(): boolean;
-		/** [Method] Hides this Component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		static hide( animation?:any ): Ext.IComponent;
-		/** [Method] Initialize configuration for this class
-		* @param instanceConfig Object
-		* @returns Object mixins The mixin prototypes as key - value pairs
-		*/
-		static initConfig( instanceConfig?:any ): any;
-		/** [Method] Allows addition of behavior to the rendering phase  */
-		static initialize(): void;
-		/** [Method] Adds a child Component at the given index
-		* @param index Number The index to insert the Component at.
-		* @param item Object The Component to insert.
-		*/
-		static insert( index?:number, item?:any ): void;
-		/** [Method] Returns true if this Component is currently disabled
-		* @returns Boolean true if currently disabled.
-		*/
-		static isDisabled(): boolean;
-		/** [Method] Returns true if this Component is currently hidden
-		* @returns Boolean true if currently hidden.
-		*/
-		static isHidden(): boolean;
-		/** [Method] Tests whether or not this Component is of a specific xtype
-		* @param xtype String The xtype to check for this Component.
-		* @param shallow Boolean false to check whether this Component is descended from the xtype (this is the default), or true to check whether this Component is directly of the specified xtype.
-		* @returns Boolean true if this component descends from the specified xtype, false otherwise.
-		*/
-		static isXType( xtype?:string, shallow?:boolean ): boolean;
-		/** [Method] Convenience method which calls setMasked with a value of true to show the mask
-		* @param mask Object
-		*/
-		static mask( mask?:any ): void;
-		/** [Method] Alias for addManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		* @param options Object If the eventName parameter was an event name, this is the addListener options.
-		*/
-		static mon( object?:any, eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeManagedListener
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static mun( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Alias for addListener
-		* @param eventName String/String[]/Object The name of the event to listen for. May also be an object who's property names are event names.
-		* @param fn Function/String The method the event invokes. Will be called with arguments given to fireEvent plus the options parameter described below.
-		* @param scope Object The scope (this reference) in which the handler function is executed. If omitted, defaults to the object which fired the event.
-		* @param options Object An object containing handler configuration.  This object may contain any of the following properties:
-		* @param order String The order of when the listener should be added into the listener queue. Possible values are before, current and after.
-		*/
-		static on( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for addAfterListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for addBeforeListener
-		* @param eventName String/String[]/Object The name of the event to listen for.
-		* @param fn Function/String The method the event invokes.
-		* @param scope Object The scope for fn.
-		* @param options Object An object containing handler configuration.
-		*/
-		static onBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Retrieves all descendant components which match the passed selector
-		* @param selector String Selector complying to an Ext.ComponentQuery selector.
-		* @returns Array Ext.Component's which matched the selector.
-		*/
-		static query( selector?:string ): any[];
-		/** [Method] Relays selected events from the specified Observable as if the events were fired by this
-		* @param object Object The Observable whose events this object is to relay.
-		* @param events String/Array/Object Array of event names to relay.
-		* @returns Ext.mixin.Observable this
-		*/
-		static relayEvents( object?:any, events?:any ): Ext.mixin.IObservable;
-		/** [Method] Removes an item from this Container optionally destroying it
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		static remove( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeAfterListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes all items currently in the Container optionally destroying them all
-		* @param destroy Boolean If true, destroys each removed Component.
-		* @param everything Boolean If true, completely remove all items including docked / centered and floating items.
-		* @returns Ext.Component this
-		*/
-		static removeAll( destroy?:boolean, everything?:boolean ): Ext.IComponent;
-		/** [Method] Removes the Component at the specified index  myContainer removeAt 0 removes the first item
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		static removeAt( index?:number ): Ext.IContainer;
-		/** [Method] Removes a before event handler
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static removeBeforeListener( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Removes the given CSS class es from this Component s rendered element
-		* @param cls String The class(es) to remove.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		static removeCls( cls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Removes a docked item from this Container
-		* @param item Object The item to remove.
-		* @param destroy Boolean Calls the Component's destroy method if true.
-		* @returns Ext.Component this
-		*/
-		static removeDocked( item?:any, destroy?:boolean ): Ext.IComponent;
-		/** [Method] Removes an inner Component at the specified index  myContainer removeInnerAt 0 removes the first item of the in
-		* @param index Number The index of the Component to remove.
-		* @returns Ext.Container this
-		*/
-		static removeInnerAt( index?:number ): Ext.IContainer;
-		/** [Method] Removes an event handler
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static removeListener( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Adds listeners to any Observable object or Element which are automatically removed when this Component is destroyed
-		* @param object Ext.mixin.Observable/HTMLElement The item to which to add a listener/listeners.
-		* @param eventName Object/String The event name, or an object containing event name properties.
-		* @param fn Function If the eventName parameter was an event name, this is the handler function.
-		* @param scope Object If the eventName parameter was an event name, this is the scope in which the handler function is executed.
-		*/
-		static removeManagedListener( object?:any, eventName?:any, fn?:any, scope?:any ): void;
-		/** [Method] Replaces specified classes with the newly specified classes
-		* @param oldCls String The class(es) to remove.
-		* @param newCls String The class(es) to add.
-		* @param prefix String Optional prefix to prepend before each class.
-		* @param suffix String Optional suffix to append to each class.
-		*/
-		static replaceCls( oldCls?:string, newCls?:string, prefix?:string, suffix?:string ): void;
-		/** [Method] Resets top right bottom and left configurations to null which will un float this component  */
-		static resetFloating(): void;
-		/** [Method] Resumes firing events see suspendEvents
-		* @param discardQueuedEvents Boolean Pass as true to discard any queued events.
-		*/
-		static resumeEvents( discardQueuedEvents?:boolean ): void;
-		/** [Method] Sets the value of activeItem
-		* @param activeItem Object/String/Number
-		*/
-		static setActiveItem( activeItem?:any ): void;
-		/** [Method] Sets the value of autoDestroy
-		* @param autoDestroy Boolean
-		*/
-		static setAutoDestroy( autoDestroy?:boolean ): void;
-		/** [Method] Sets the value of autoMaximize
-		* @param autoMaximize Boolean
-		*/
-		static setAutoMaximize( autoMaximize?:boolean ): void;
-		/** [Method] Sets the value of baseCls
-		* @param baseCls String
-		*/
-		static setBaseCls( baseCls?:string ): void;
-		/** [Method] Sets the value of border
-		* @param border Number/String
-		*/
-		static setBorder( border?:any ): void;
-		/** [Method] Sets the value of bottom
-		* @param bottom Number/String
-		*/
-		static setBottom( bottom?:any ): void;
-		/** [Method] Sets the value of bubbleEvents
-		* @param bubbleEvents String/String[]
-		*/
-		static setBubbleEvents( bubbleEvents?:any ): void;
-		/** [Method] Sets the value of centered
-		* @param centered Boolean
-		*/
-		static setCentered( centered?:boolean ): void;
-		/** [Method] Sets the value of cls
-		* @param cls String/String[]
-		*/
-		static setCls( cls?:any ): void;
-		/** [Method] Sets the value of contentEl
-		* @param contentEl Ext.Element/HTMLElement/String
-		*/
-		static setContentEl( contentEl?:any ): void;
-		/** [Method] Sets the value of control
-		* @param control Object
-		*/
-		static setControl( control?:any ): void;
-		/** [Method] Sets the value of data
-		* @param data Object
-		*/
-		static setData( data?:any ): void;
-		/** [Method] Sets the value of defaultType
-		* @param defaultType String
-		*/
-		static setDefaultType( defaultType?:string ): void;
-		/** [Method] Sets the value of defaults
-		* @param defaults Object
-		*/
-		static setDefaults( defaults?:any ): void;
-		/** [Method] Sets the value of disabled
-		* @param disabled Boolean
-		*/
-		static setDisabled( disabled?:boolean ): void;
-		/** [Method] Sets the value of disabledCls
-		* @param disabledCls String
-		*/
-		static setDisabledCls( disabledCls?:string ): void;
-		/** [Method] Sets the value of docked
-		* @param docked String
-		*/
-		static setDocked( docked?:string ): void;
-		/** [Method] Sets the value of draggable
-		* @param draggable Object
-		*/
-		static setDraggable( draggable?:any ): void;
-		/** [Method] Sets the value of enterAnimation
-		* @param enterAnimation String/Mixed
-		*/
-		static setEnterAnimation( enterAnimation?:any ): void;
-		/** [Method] Sets the value of exitAnimation
-		* @param exitAnimation String/Mixed
-		*/
-		static setExitAnimation( exitAnimation?:any ): void;
-		/** [Method] Sets the value of flex
-		* @param flex Number
-		*/
-		static setFlex( flex?:number ): void;
-		/** [Method] Used to update the floating state of this component
-		* @param floating Boolean true if you want to float this component.
-		*/
-		static setFloating( floating?:boolean ): void;
-		/** [Method] Sets the value of floatingCls
-		* @param floatingCls String
-		*/
-		static setFloatingCls( floatingCls?:string ): void;
-		/** [Method] Sets the value of hidden
-		* @param hidden Boolean
-		*/
-		static setHidden( hidden?:boolean ): void;
-		/** [Method] Sets the value of hiddenCls
-		* @param hiddenCls String
-		*/
-		static setHiddenCls( hiddenCls?:string ): void;
-		/** [Method] Sets the value of hideAnimation
-		* @param hideAnimation String/Mixed
-		*/
-		static setHideAnimation( hideAnimation?:any ): void;
-		/** [Method] Sets the value of hideOnMaskTap
-		* @param hideOnMaskTap Boolean
-		*/
-		static setHideOnMaskTap( hideOnMaskTap?:boolean ): void;
-		/** [Method] Sets the value of html
-		* @param html String/Ext.Element/HTMLElement
-		*/
-		static setHtml( html?:any ): void;
-		/** [Method] Sets the value of itemId
-		* @param itemId String
-		*/
-		static setItemId( itemId?:string ): void;
-		/** [Method] Sets the value of items
-		* @param items Array/Object
-		*/
-		static setItems( items?:any ): void;
-		/** [Method] Sets the value of layout
-		* @param layout Object/String
-		*/
-		static setLayout( layout?:any ): void;
-		/** [Method] Sets the value of left
-		* @param left Number/String
-		*/
-		static setLeft( left?:any ): void;
-		/** [Method] Sets the value of listeners
-		* @param listeners Object
-		*/
-		static setListeners( listeners?:any ): void;
-		/** [Method] Sets the value of margin
-		* @param margin Number/String
-		*/
-		static setMargin( margin?:any ): void;
-		/** [Method] Sets the value of masked
-		* @param masked Boolean/Object/Ext.Mask/Ext.LoadMask
-		*/
-		static setMasked( masked?:any ): void;
-		/** [Method] Sets the value of maxHeight
-		* @param maxHeight Number/String
-		*/
-		static setMaxHeight( maxHeight?:any ): void;
-		/** [Method] Sets the value of maxWidth
-		* @param maxWidth Number/String
-		*/
-		static setMaxWidth( maxWidth?:any ): void;
-		/** [Method] Sets the value of minHeight
-		* @param minHeight Number/String
-		*/
-		static setMinHeight( minHeight?:any ): void;
-		/** [Method] Sets the value of minWidth
-		* @param minWidth Number/String
-		*/
-		static setMinWidth( minWidth?:any ): void;
-		/** [Method] Sets the value of modal
-		* @param modal Boolean
-		*/
-		static setModal( modal?:boolean ): void;
-		/** [Method] Sets the value of padding
-		* @param padding Number/String
-		*/
-		static setPadding( padding?:any ): void;
-		/** [Method] Sets the value of plugins
-		* @param plugins Object/Array
-		*/
-		static setPlugins( plugins?:any ): void;
-		/** [Method] Sets the value of preventPanning
-		* @param preventPanning Boolean
-		*/
-		static setPreventPanning( preventPanning?:boolean ): void;
-		/** [Method] Sets the value of preventZooming
-		* @param preventZooming Boolean
-		*/
-		static setPreventZooming( preventZooming?:boolean ): void;
-		/** [Method] Sets the value of record
-		* @param record Ext.data.Model
-		*/
-		static setRecord( record?:Ext.data.IModel ): void;
-		/** [Method] Sets the value of renderTo
-		* @param renderTo Ext.Element
-		*/
-		static setRenderTo( renderTo?:Ext.IElement ): void;
-		/** [Method] Sets the value of right
-		* @param right Number/String
-		*/
-		static setRight( right?:any ): void;
-		/** [Method] Sets the value of scrollable
-		* @param scrollable Boolean/String/Object
-		*/
-		static setScrollable( scrollable?:any ): void;
-		/** [Method] Sets the value of showAnimation
-		* @param showAnimation String/Mixed
-		*/
-		static setShowAnimation( showAnimation?:any ): void;
-		/** [Method] Sets the size of the Component
-		* @param width Number The new width for the Component.
-		* @param height Number The new height for the Component.
-		*/
-		static setSize( width?:number, height?:number ): void;
-		/** [Method] Sets the value of style
-		* @param style String/Object
-		*/
-		static setStyle( style?:any ): void;
-		/** [Method] Sets the value of styleHtmlCls
-		* @param styleHtmlCls String
-		*/
-		static setStyleHtmlCls( styleHtmlCls?:string ): void;
-		/** [Method] Sets the value of styleHtmlContent
-		* @param styleHtmlContent Boolean
-		*/
-		static setStyleHtmlContent( styleHtmlContent?:boolean ): void;
-		/** [Method] Sets the value of top
-		* @param top Number/String
-		*/
-		static setTop( top?:any ): void;
-		/** [Method] Sets the value of tpl
-		* @param tpl String/String[]/Ext.Template[]/Ext.XTemplate[]
-		*/
-		static setTpl( tpl?:any ): void;
-		/** [Method] Sets the value of tplWriteMode
-		* @param tplWriteMode String
-		*/
-		static setTplWriteMode( tplWriteMode?:string ): void;
-		/** [Method] Sets the value of ui
-		* @param ui String
-		*/
-		static setUi( ui?:string ): void;
-		/** [Method] Sets the value of useBodyElement
-		* @param useBodyElement Boolean
-		*/
-		static setUseBodyElement( useBodyElement?:boolean ): void;
-		/** [Method] Sets the value of zIndex
-		* @param zIndex Number
-		*/
-		static setZIndex( zIndex?:number ): void;
-		/** [Method] Shows this component
-		* @param animation Object/Boolean
-		* @returns Ext.Component
-		*/
-		static show( animation?:any ): Ext.IComponent;
-		/** [Method] Shows this component by another component
-		* @param component Ext.Component The target component to show this component by.
-		* @param alignment String The specific alignment.
-		*/
-		static showBy( component?:Ext.IComponent, alignment?:string ): void;
-		/** [Method] Get the reference to the class from which this object was instantiated
-		* @returns Ext.Class
-		*/
-		static statics(): Ext.IClass;
-		/** [Method] Suspends the firing of all events  */
-		static suspendEvents(): void;
-		/** [Method] Alias for removeListener
-		* @param eventName String/String[]/Object The type of event the handler was associated with.
-		* @param fn Function/String The handler to remove. This must be a reference to the function passed into the addListener call.
-		* @param scope Object The scope originally specified for the handler. It must be the same as the scope argument specified in the original call to addListener or the listener will not be removed.
-		* @param options Object Extra options object. See addListener for details.
-		* @param order String The order of the listener to remove. Possible values are before, current and after.
-		*/
-		static un( eventName?:any, fn?:any, scope?:any, options?:any, order?:string ): void;
-		/** [Method] Alias for removeAfterListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unAfter( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Alias for removeBeforeListener
-		* @param eventName String/String[]/Object The name of the event the handler was associated with.
-		* @param fn Function/String The handler to remove.
-		* @param scope Object The scope originally specified for fn.
-		* @param options Object Extra options object.
-		*/
-		static unBefore( eventName?:any, fn?:any, scope?:any, options?:any ): void;
-		/** [Method] Convenience method which calls setMasked with a value of false to hide the mask */
-		static unmask(): void;
-		/** [Method] Walks up the ownerCt axis looking for an ancestor Container which matches the passed simple selector
-		* @param selector String The simple selector to test.
-		* @returns Ext.Container The matching ancestor Container (or undefined if no match was found).
-		*/
-		static up( selector?:string ): Ext.IContainer;
-		/** [Method] Updates the HTML content of the Component  */
-		static update(): void;
-		/** [Method] Updates the styleHtmlCls configuration
-		* @param newHtmlCls Object
-		* @param oldHtmlCls Object
-		*/
-		static updateStyleHtmlCls( newHtmlCls?:any, oldHtmlCls?:any ): void;
-	}
-}
-declare namespace Ext.viewport {
-	export interface IViewport extends Ext.IBase {
-	}
-}
-declare namespace Ext.viewport {
-	export interface IWindowsPhone extends Ext.viewport.IDefault {
-		/** [Method] so one pixel line is displayed on the right side of the screen  */
-		initialize?(): void;
-	}
-}
-declare namespace Ext.viewport {
-	export interface IWP extends Ext.viewport.IDefault {
-		/** [Method] so one pixel line is displayed on the right side of the screen  */
-		initialize?(): void;
-	}
-}
-declare namespace Ext {
-	export interface IXTemplate extends Ext.ITemplate {
-		/** [Method] Appends the result of this template to the provided output array
-		* @param values Object/Array The template values. See apply.
-		* @param out Array The array to which output is pushed.
-		* @param parent Object
-		* @returns Array The given out array.
-		*/
-		applyOut?( values?:any, out?:any[], parent?:any ): any[];
-	}
-	export class XTemplate {
-		/** [Method] Add methods  properties to the prototype of this class
-		* @param members Object
-		*/
-		static addMembers( members?:any ): void;
-		/** [Method] Add  override static properties of this class
-		* @param members Object
-		* @returns Ext.Base this
-		*/
-		static addStatics( members?:any ): Ext.IBase;
-		/** [Method]
-		* @param args Object
-		*/
-		static callParent( args?:any ): void;
-		/** [Method] Create a new instance of this Class
-		* @returns Object the created instance.
-		*/
-		static create(): any;
-		/** [Method] Create aliases for existing prototype methods
-		* @param alias String/Object The new method name, or an object to set multiple aliases. See flexSetter
-		* @param origin String/Object The original method name
-		*/
-		static createAlias( alias?:any, origin?:any ): void;
-		/** [Method] Creates a template from the passed element s value display none textarea preferred or innerHTML
-		* @param el String/HTMLElement A DOM element or its id.
-		* @param config Object Config object.
-		* @returns Ext.Template The created template.
-		*/
-		static from( el?:any, config?:any ): Ext.ITemplate;
-		/** [Method] Get the current class name in string format
-		* @returns String className
-		*/
-		static getName(): string;
-		/** [Method] Gets an XTemplate from an object an instance of an Ext define d class
-		* @param instance Object The object from which to get the XTemplate (must be an instance of an Ext.define'd class).
-		* @param name String The name of the property by which to get the XTemplate.
-		* @returns Ext.XTemplate The XTemplate instance or null if not found.
-		*/
-		static getTpl( instance?:any, name?:string ): Ext.IXTemplate;
-		/** [Method] Override members of this class
-		* @param members Object The properties to add to this class. This should be specified as an object literal containing one or more properties.
-		* @returns Ext.Base this class
-		*/
-		static override( members?:any ): Ext.IBase;
-	}
-}
-declare namespace Ext {
-	export interface IXTemplateCompiler extends Ext.IXTemplateParser {
-		/** [Method] This method is called to process lt tpl case action gt
-		* @param action Object
-		*/
-		doCase?( action?:any ): void;
-		/** [Method] This method is called to process lt tpl default gt */
-		doDefault?(): void;
-		/** [Method] This method is called to process lt tpl else gt */
-		doElse?(): void;
-		/** [Method] This method is called to process lt tpl elseif action gt
-		* @param action Object
-		* @param actions Object
-		*/
-		doElseIf?( action?:any, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl gt
-		* @param type Object
-		* @param actions Object
-		*/
-		doEnd?( type?:any, actions?:any ): void;
-		/** [Method] This method is called to process text
-		* @param text Object
-		*/
-		doEval?( text?:any ): void;
-		/** [Method] This method is called to process lt tpl exec action gt
-		* @param action Object
-		* @param actions Object
-		*/
-		doExec?( action?:any, actions?:any ): void;
-		/** [Method] This method is called to process expressions like  expr
-		* @param expr Object
-		*/
-		doExpr?( expr?:any ): void;
-		/** [Method] This method is called to process lt tpl for action gt
-		* @param action Object
-		* @param actions Object
-		*/
-		doFor?( action?:any, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl if action gt
-		* @param action Object
-		* @param actions Object
-		*/
-		doIf?( action?:any, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl switch action gt
-		* @param action Object
-		*/
-		doSwitch?( action?:any ): void;
-		/** [Method] This method is called to process simple tags like tag
-		* @param tag Object
-		*/
-		doTag?( tag?:any ): void;
-		/** [Method] This method is called to process a piece of raw text from the tpl
-		* @param text Object
-		*/
-		doText?( text?:any ): void;
-	}
-}
-declare namespace Ext {
-	export interface IXTemplateParser extends Ext.IBase {
-		/** [Property] (Number) */
-		level?: number;
-		/** [Method] This method is called to process lt tpl case action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name (such as 'exec').
-		*/
-		doCase?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl default gt */
-		doDefault?(): void;
-		/** [Method] This method is called to process lt tpl else gt */
-		doElse?(): void;
-		/** [Method] This method is called to process lt tpl elseif action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name (such as 'exec').
-		*/
-		doElseIf?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl gt
-		* @param type String The type of action that is being ended.
-		* @param actions Object The other actions keyed by the attribute name (such as 'exec').
-		*/
-		doEnd?( type?:string, actions?:any ): void;
-		/** [Method] This method is called to process text
-		* @param text String
-		*/
-		doEval?( text?:string ): void;
-		/** [Method] This method is called to process lt tpl exec action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name.
-		*/
-		doExec?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process expressions like  expr
-		* @param expr String The body of the expression (inside "{[" and "]}").
-		*/
-		doExpr?( expr?:string ): void;
-		/** [Method] This method is called to process lt tpl for action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name (such as 'exec').
-		*/
-		doFor?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl if action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name (such as 'exec').
-		*/
-		doIf?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process lt tpl switch action gt
-		* @param action String
-		* @param actions Object Other actions keyed by the attribute name (such as 'exec').
-		*/
-		doSwitch?( action?:string, actions?:any ): void;
-		/** [Method] This method is called to process simple tags like tag
-		* @param tag String
-		*/
-		doTag?( tag?:string ): void;
-		/** [Method] This method is called to process a piece of raw text from the tpl
-		* @param text String
-		*/
-		doText?( text?:string ): void;
-		/** [Method] This method is called to process an empty lt tpl gt */
-		doTpl?(): void;
-	}
-}
diff --git a/sencha_touch/SenchaTouch-Tests.ts b/sencha_touch/SenchaTouch-tests.ts
similarity index 100%
rename from sencha_touch/SenchaTouch-Tests.ts
rename to sencha_touch/SenchaTouch-tests.ts
diff --git a/sencha_touch/tsconfig.json b/sencha_touch/tsconfig.json
index f3ce63e37e..3ed5d8263d 100644
--- a/sencha_touch/tsconfig.json
+++ b/sencha_touch/tsconfig.json
@@ -1,7 +1,7 @@
 {
     "files": [
         "index.d.ts",
-        "SenchaTouch-Tests.ts"
+        "SenchaTouch-tests.ts"
     ],
     "compilerOptions": {
         "module": "commonjs",
diff --git a/sendgrid/sendgrid-1.1.0.d.ts b/sendgrid/v1/index.d.ts
similarity index 100%
rename from sendgrid/sendgrid-1.1.0.d.ts
rename to sendgrid/v1/index.d.ts
diff --git a/sendgrid/v1/tsconfig.json b/sendgrid/v1/tsconfig.json
new file mode 100644
index 0000000000..c2a5190741
--- /dev/null
+++ b/sendgrid/v1/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "sendgrid": ["sendgrid/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/sequelize/sequelize-2.0.0.d.ts b/sequelize/sequelize-2.0.0.d.ts
deleted file mode 100644
index 7987078a71..0000000000
--- a/sequelize/sequelize-2.0.0.d.ts
+++ /dev/null
@@ -1,2790 +0,0 @@
-// Type definitions for Sequelize 2.0.0 dev13
-// Project: http://sequelizejs.com
-// Definitions by: samuelneff <https://github.com/samuelneff>, Peter Harris <https://github.com/codeanimal>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// Based on original work by: samuelneff <https://github.com/samuelneff/sequelize-auto-ts/blob/master/lib/sequelize.d.ts>
-
-/// <reference types="node" />
-/// <reference types="lodash-3.10" />
-
-
-declare namespace sequelize {
-    interface SequelizeStaticAndInstance {
-
-        /**
-         * A reference to sequelize utilities. Most users will not need to use these utils directly. However, you might want
-         * to use Sequelize.Utils._, which is a reference to the lodash library, if you don't already have it imported in
-         * your project.
-         */
-        Utils: Utils;
-
-        /**
-         * A modified version of bluebird promises, that allows listening for sql events.
-         *
-         * @see Promise
-         */
-        Promise: Promise;
-
-        /**
-         * Exposes the validator.js object, so you can extend it with custom validation functions. The validator is exposed
-         * both on the instance, and on the constructor.
-         *
-         * @see Validator
-         */
-        Validator: Validator;
-
-        QueryTypes: QueryTypes;
-
-        /**
-         * A general error class.
-         */
-        Error: Error;
-
-        /**
-         * Emitted when a validation fails.
-         *
-         * @see ValidationError
-         */
-        ValidationError: ValidationError;
-
-        /**
-         * Creates a object representing a database function. This can be used in search queries, both in where and order
-         * parts, and as default values in column definitions. If you want to refer to columns in your function, you should
-         * use sequelize.col, so that the columns are properly interpreted as columns and not a strings.
-         *
-         * @param fn The function you want to call.
-         * @param args All further arguments will be passed as arguments to the function.
-         */
-        fn(fn: string, ...args: Array<any>): any;
-
-        /**
-         * Creates a object representing a column in the DB. This is often useful in conjunction with sequelize.fn, since
-         * raw string arguments to fn will be escaped.
-         *
-         * @param col The name of the column
-         */
-        col(col: string): Col;
-
-        /**
-         * Creates a object representing a call to the cast function.
-         *
-         * @param val The value to cast.
-         * @param type The type to cast it to.
-         */
-        cast(val: any, type: string): Cast;
-
-        /**
-         * Creates a object representing a literal, i.e. something that will not be escaped.
-         *
-         * @param val Value to convert to a literal.
-         */
-        literal(val: any): Literal;
-
-        /**
-         * An AND query.
-         *
-         * @param args Each argument (string or object) will be joined by AND.
-         */
-        and(...args: Array<any>): And;
-
-        /**
-         * An OR query.
-         *
-         * @param args Each argument (string or object) will be joined by OR.
-         */
-        or(...args: Array<any>): Or;
-
-        /**
-         * A way of specifying attr = condition. Mostly used internally.
-         *
-         * @param attr          The attribute
-         * @param condition     The condition. Can be both a simply type, or a further condition (.or, .and, .literal etc.)
-         */
-        where(attr: string, condition: any): Where;
-    }
-
-    interface SequelizeStatic extends SequelizeStaticAndInstance, DataTypes {
-        /**
-         * Instantiate sequelize with name of database and username
-         * @param database database name
-         * @param username user name
-         */
-        new (database: string, username: string): Sequelize;
-
-        /**
-         * Instantiate sequelize with name of database, username and password
-         * @param database database name
-         * @param username user name
-         * @param password password
-         */
-        new (database: string, username: string, password: string): Sequelize;
-
-        /**
-         * Instantiate sequelize with name of database, username, password, and options.
-         * @param database database name
-         * @param username user name
-         * @param password password
-         * @param options options. @see Options
-         */
-        new (database: string, username: string, password: string, options: Options): Sequelize;
-
-        /**
-         * Instantiate sequelize with name of database, username, and options.
-         *
-         * @param database database name
-         * @param username user name
-         * @param options options. @see Options
-         */
-        new (database: string, username: string, options: Options): Sequelize;
-
-        /**
-         * Instantiate sequlize with an URI
-         * @param connectionString A full database URI
-         * @param options Options for sequelize. @see Options
-         */
-        new (connectionString: string, options?: Options): Sequelize;
-    }
-
-    interface Sequelize extends SequelizeStaticAndInstance {
-        /**
-         * Sequelize configuration (undocumented).
-         */
-        config: Config;
-
-        /**
-         * Sequelize options (undocumented).
-         */
-        options: Options;
-
-        /**
-         * Models are stored here under the name given to sequelize.define
-         */
-        models: any;
-        modelManager: ModelManager;
-        daoFactoryManager: ModelManager;
-        transactionManager: TransactionManager;
-        importCache: any;
-
-        /**
-         * A reference to the sequelize transaction class. Use this to access isolationLevels when creating a transaction.
-         *
-         * @see Transaction
-         */
-        Transaction: TransactionStatic;
-
-        /**
-         * Returns the specified dialect.
-         */
-        getDialect(): string;
-
-        /**
-         * Returns the singleton instance of QueryInterface.
-         */
-        getQueryInterface(): QueryInterface;
-
-        /**
-         * Returns the singleton instance of Migrator.
-         * @param options Migration options
-         * @param force A flag that defines if the migrator should get instantiated or not.
-         */
-        getMigrator(options?: MigratorOptions, force?: boolean): Migrator;
-
-        /**
-         * Define a new model, representing a table in the DB.
-         *
-         * @param daoName The name of the entity (table). Typically specified in singular form.
-         * @param attributes A hash of attributes to define. Each attribute can be either a string name for the attribute
-         *                   or can be an object defining the attribute and its options. Note attributes is not fully
-         *                   typed since TypeScript does not support union types--it can be either a string or an
-         *                   options object. @see AttributeOptions.
-         * @param options Table options. @see DefineOptions.
-         */
-        define<TInstance, TPojo>(daoName: string, attributes: any, options?: DefineOptions): Model<TInstance, TPojo>;
-
-        /**
-         * Fetch a DAO factory which is already defined.
-         *
-         * @param daoName The name of a model defined with Sequelize.define.
-         */
-        model<TInstance, TPojo>(daoName: string): Model<TInstance, TPojo>;
-
-        /**
-         * Checks whether a model with the given name is defined.
-         *
-         * @param daoName The name of a model defined with Sequelize.define.
-         */
-        isDefined(daoName: string): boolean;
-
-        /**
-         * Imports a model defined in another file.
-         *
-         * @param path  The path to the file that holds the model you want to import. If the part is relative, it will be
-         *              resolved relatively to the calling file
-         */
-        import<TInstance, TPojo>(path: string): Model<TInstance, TPojo>;
-
-        /**
-         * Execute a query on the DB, with the possibility to bypass all the sequelize goodness.
-         *
-         * @param sql           SQL statement to execute.
-         *
-         * @param callee        If callee is provided, the selected data will be used to build an instance of the DAO represented
-         *                      by the factory. Equivalent to calling Model.build with the values provided by the query.
-         *
-         * @param options       Query options.
-         *
-         * @param replacements  Either an object of named parameter replacements in the format :param or an array of
-         *                      unnamed replacements to replace ? in your SQL.
-         */
-        query(sql: string, callee?: Model<any, any>, options?: QueryOptions, replacements?: any): EventEmitter;
-
-        query<TInstance, TPojo>(sql: string, callee?: Model<TInstance, TPojo>, options?: QueryOptions): EventEmitterT<Model<TInstance, TPojo>>;
-
-        /**
-         * Create a new database schema.
-         *
-         * @param schema Name of the schema.
-         */
-        createSchema(schema: string): EventEmitter;
-
-        /**
-         * Show all defined schemas.
-         */
-        showAllSchemas(): EventEmitter;
-
-        /**
-         * Drop a single schema.
-         *
-         * @param schema Name of the schema.
-         */
-        dropSchema(schema: string): EventEmitter;
-
-        /**
-         * Drop all schemas.
-         */
-        dropAllSchemas(): EventEmitter;
-
-        /**
-         * Sync all defined DAOs to the DB.
-         *
-         * @param options Options.
-         */
-        sync(options?: SyncOptions): EventEmitter;
-
-        /**
-         * Drop all tables defined through this sequelize instance. This is done by calling Model.drop on each model.
-         *
-         * @param options The options passed to each call to Model.drop.
-         */
-        drop(options: DropOptions): EventEmitter;
-
-        /**
-         * Test the connection by trying to authenticate. Alias for 'validate'.
-         */
-        authenticate(): EventEmitter;
-
-        /**
-         * Alias for authenticate(). Test the connection by trying to authenticate. Alias for 'validate'.
-         */
-        validate(): EventEmitter;
-
-        /**
-         * !! DEPRECATED : When passing a callback to a transaction a promise chain is expected in return,
-         * the transaction will be committed or rejected based on the promise chain returned to the callback.
-         *
-         * Start a transaction. When using transactions, you should pass the transaction in the options argument in order
-         * for the query to happen under that transaction.
-         *
-         * @param callback  Called when the transaction has been set up and is ready for use. Callback takes transaction
-         *                  argument (overload available for error and transaction arguments too).
-         */
-        transaction(callback: (transaction: Transaction) => boolean): Promise;
-
-        /**
-         * Start a transaction. When using transactions, you should pass the transaction in the options argument in order
-         * for the query to happen under that transaction.
-         *
-         * @param options   Transaction options.
-         * @param callback  Called when the transaction has been set up and is ready for use. Callback takes transaction
-         *                  argument (overload available for error and transaction arguments too).
-         */
-        transaction(options?: TransactionOptions, callback?: (transaction: Transaction) => void): PromiseT<Transaction>;
-
-        close(): void;
-    }
-
-    interface Config {
-        database?: string;
-        username?: string;
-        password?: string;
-        host?: string;
-        port?: number;
-        pool?: PoolOptions;
-        protocol?: string;
-        queue?: boolean;
-        native?: boolean;
-        ssl?: boolean;
-        replication?: ReplicationOptions;
-        dialectModulePath?: string;
-        maxConcurrentQueries?: number;
-        dialectOptions?: any;
-    }
-
-    interface Model<TInstance, TPojo> extends Hooks, Associations {
-        /**
-         * A reference to the sequelize instance.
-         */
-        sequelize: Sequelize;
-
-        /**
-         * The name of the model, typically singular.
-         */
-        name: string;
-
-        /**
-         * The name of the underlying database table, typically plural.
-         */
-        tableName: string;
-
-        options: DefineOptions;
-        attributes: any;
-        rawAttributes: any;
-        modelManager: ModelManager;
-        daoFactoryManager: ModelManager;
-        associations: any;
-        scopeObj: any;
-
-        /**
-         * Sync this Model to the DB, that is create the table. Upon success, the callback will be called with the model
-         * instance (this).
-         */
-        sync(options?: SyncOptions): PromiseT<Model<TInstance, TPojo>>;
-
-        /**
-         * Drop the table represented by this Model.
-         *
-         * @param options
-         */
-        drop(options?: DropOptions): Promise;
-
-        /**
-         * Apply a schema to this model. For postgres, this will actually place the schema in front of the table name -
-         * "schema"."tableName", while the schema will be prepended to the table name for mysql and sqlite -
-         * 'schema.tablename'.
-         *
-         * @param schema    The name of the schema.
-         * @param options   Schema options.
-         */
-        schema(schema: string, options?: SchemaOptions): Model<TInstance, TPojo>;
-
-        /**
-         * Get the tablename of the model, taking schema into account. The method will return The name as a string if the
-         * model has no schema, or an object with tableName, schema and delimiter properties.
-         */
-        getTableName(): any;
-
-        /**
-         * Apply a scope created in define to the model.
-         *
-         * @param options The scope(s) to apply. Scopes can either be passed as consecutive arguments, or as an array of
-         *                arguments. To apply simple scopes, pass them as strings. For scope function, pass an object,
-         *                with a method property. The value can either be a string, if the method does not take any
-         *                arguments, or an array, where the first element is the name of the method, and consecutive
-         *                elements are arguments to that method. Pass null to remove all scopes, including the default.
-         */
-        scope(options: any): Model<TInstance, TPojo>;
-
-        /**
-         * Search for multiple instances..
-         *
-         * @param options       A hash of options to describe the scope of the search.
-         * @param queryOptions  Set the query options, e.g. raw, specifying that you want raw data instead of built
-         *                      Instances. See sequelize.query for options.
-         */
-        findAll(options?: FindOptions, queryOptions?: QueryOptions): PromiseT<Array<TInstance>>;
-
-        /**
-         * Search for a single instance. This applies LIMIT 1, so the listener will always be called with a single instance.
-         *
-         * @param options       A hash of options to describe the scope of the search.
-         * @param queryOptions  Set the query options, e.g. raw, specifying that you want raw data instead of built
-         *                      Instances. See sequelize.query for options
-         */
-        find(options?: FindOptions, queryOptions?: QueryOptions): PromiseT<TInstance>;
-
-        /**
-         * Search for a single instance. This applies LIMIT 1, so the listener will always be called with a single instance.
-         *
-         * @param options       A number to search by id.
-         * @param queryOptions  Set the query options, e.g. raw, specifying that you want raw data instead of built
-         *                      Instances. See sequelize.query for options
-         */
-        find(id?: number, queryOptions?: QueryOptions): PromiseT<TInstance>;
-
-        /**
-         * Run an aggregation method on the specified field.
-         *
-         * @param field                 The field to aggregate over. Can be a field name or *.
-         * @param aggregateFunction     The function to use for aggregation, e.g. sum, max etc.
-         * @param options               Query options, particularly options.dataType.
-         */
-        aggregate<V>(field: string, aggregateFunction: string, options: FindOptions): PromiseT<V>;
-
-        /**
-         * Count the number of records matching the provided where clause.
-         *
-         * @param options Conditions and options for the query.
-         */
-        count(options?: FindOptions): PromiseT<number>;
-
-        /**
-         * Find all the rows matching your query, within a specified offset / limit, and get the total number of rows
-         * matching your query. This is very usefull for paging.
-         *
-         * @param findOptions   Filtering options
-         * @param queryOptions  Query options
-         */
-        findAndCountAll(findOptions?: FindOptions, queryOptions?: QueryOptions): PromiseT<FindAndCountResult<TInstance>>;
-
-        /**
-         * Find the maximum value of field.
-         *
-         * @param field
-         * @param options
-         */
-        max<V>(field: string, options?: FindOptions): PromiseT<V>;
-
-        /**
-         * Find the minimum value of field.
-         *
-         * @param field
-         * @param options
-         */
-        min<V>(field: string, options?: FindOptions): PromiseT<V>;
-
-        /**
-         * Find the sum of field.
-         *
-         * @param field
-         * @param options
-         */
-        sum(field: string, options?: FindOptions): PromiseT<number>;
-
-        /**
-         * Builds a new model instance. Values is an object of key value pairs, must be defined but can be empty.
-         *
-         * @param values    any from which to build entity instance.
-         * @param options   any construction options.
-         */
-        build(values: TPojo, options?: BuildOptions): TInstance;
-
-        /**
-         * Builds a new model instance and calls save on it..
-         *
-         * @param values
-         * @param options
-         */
-        create(values: TPojo, options?: CopyOptions): PromiseT<TInstance>;
-
-        /**
-         * Find a row that matches the query, or build (but don't save) the row if none is found. The successfull result
-         * of the promise will be (instance, initialized) - Make sure to use .spread().
-         *
-         * @param where     A hash of search attributes. Note that this method differs from finders, in that the syntax
-         *                  is { attr1: 42 } and NOT { where: { attr1: 42}}. This may be subject to change in 2.0
-         * @param defaults  Default values to use if building a new instance
-         * @param options   Options passed to the find call
-         */
-        findOrInitialize(where: any, defaults?: TPojo, options?: QueryOptions): PromiseT<TInstance>;
-
-        /**
-         * Find a row that matches the query, or build and save the row if none is found The successfull result of the
-         * promise will be (instance, created) - Make sure to use .spread().
-         *
-         * @param where     A hash of search attributes. Note that this method differs from finders, in that the syntax is
-         *                  { attr1: 42 } and NOT { where: { attr1: 42}}. This is subject to change in 2.0
-         * @param defaults  Default values to use if creating a new instance
-         * @param options   Options passed to the find and create calls.
-         */
-        findOrCreate(where: any, defaults?: TPojo, options?: FindOrCreateOptions): PromiseT<TInstance>;
-
-        /**
-         * Create and insert multiple instances in bulk.
-         *
-         * @param records   List of objects (key/value pairs) to create instances from.
-         * @param options
-         */
-        bulkCreate(records: Array<TPojo>, options?: BulkCreateOptions): PromiseT<Array<TInstance>>;
-
-        /**
-         * Delete multiple instances.
-         */
-        destroy(where?: any, options?: DestroyOptions): Promise;
-
-        /**
-         * Update multiple instances that match the where options.
-         *
-         * @param attrValueHash A hash of fields to change and their new values
-         * @param where         Options to describe the scope of the search. Note that these options are not wrapped in a
-         *                      { where: ... } is in find / findAll calls etc. This is probably due to change in 2.0.
-         */
-        update(attrValueHash: TPojo, where: any, options?: UpdateOptions): Promise;
-
-        /**
-         * Run a describe query on the table. The result will be return to the listener as a hash of attributes and their
-         * types.
-         */
-        describe(): PromiseT<any>;
-
-        /**
-         *  A proxy to the node-sql query builder, which allows you to build your query through a chain of method calls.
-         *  The returned instance already has all the fields property populated with the field of the model.
-         */
-        dataset(): any;
-    }
-
-    interface Instance<TInstance, TPojo> {
-        /**
-         * Returns true if this instance has not yet been persisted to the database.
-         */
-        isNewRecord: boolean;
-
-        /**
-         * Returns the Model the instance was created from.
-         */
-        Model: Model<TInstance, TPojo>;
-
-        /**
-         * A reference to the sequelize instance.
-         */
-        sequelize: Sequelize;
-
-        /**
-         * If timestamps and paranoid are enabled, returns whether the deletedAt timestamp of this instance is set.
-         * Otherwise, always returns false.
-         */
-        isDeleted: boolean;
-
-        /**
-         * Get the values of this Instance. Proxies to this.get.
-         */
-        values: TPojo;
-
-        /**
-         * A getter for this.changed(). Returns true if any keys have changed.
-         */
-        isDirty: boolean;
-
-        /**
-         *  Get the values of the primary keys of this instance.
-         */
-        primaryKeyValues: TPojo;
-
-        /**
-         * Get the value of the underlying data value.
-         *
-         * @param key   Field to retrieve.
-         */
-        getDataValue(key: string): any;
-
-        /**
-         * Update the underlying data value.
-         *
-         * @param key   Field to set.
-         * @param value Value to set.
-         */
-        setDataValue(key: string, value: any): void;
-
-        /**
-         * Retrieves the value for the key when specified. If no key is given, returns all values of the instance, also
-         * invoking virtual getters.
-         */
-        get(key?: string): any;
-
-        /**
-         * Set is used to update values on the instance (the sequelize representation of the instance that is, remember
-         * that nothing will be persisted before you actually call save).
-         */
-        set(key: string, value: any, options?: SetOptions): void;
-
-        /**
-         * If changed is called with a string it will return a boolean indicating whether the value of that key in
-         * dataValues is different from the value in _previousDataValues. If changed is called without an argument, it will
-         * return an array of keys that have changed.
-         */
-        changed(key: string): any;
-
-        /**
-           * If changed is called with a string it will return a boolean indicating whether the value of that key in
-           * dataValues is different from the value in _previousDataValues. If changed is called without an argument, it will
-           * return an array of keys that have changed.
-           */
-        changed(): Array<string>;
-
-        /**
-         * Returns the previous value for key from _previousDataValues.
-         */
-        previous(key: string): any;
-
-        /**
-         * Validate this instance, and if the validation passes, persist it to the database.
-         */
-        save(fields?: Array<string>, options?: SaveOptions): PromiseT<TInstance>;
-
-        /**
-         * Refresh the current instance in-place, i.e. update the object with current data from the DB and return the same
-         * object. This is different from doing a find(Instance.id), because that would create and return a new instance.
-         * With this method, all references to the Instance are updated with the new data and no new objects are created.
-         */
-        reload(options?: FindOptions): PromiseT<TInstance>;
-
-        /**
-         * Validate the attribute of this instance according to validation rules set in the model definition.
-         */
-        validate(options?: ValidateOptions): PromiseT<Error>;
-
-        /**
-         * This is the same as calling setAttributes, then calling save.
-         */
-        updateAttributes(updates: TPojo, options: SaveOptions): PromiseT<TInstance>;
-
-        /**
-         * Destroy the row corresponding to this instance. Depending on your setting for paranoid, the row will either be
-         * completely deleted, or have its deletedAt timestamp set to the current time.
-         *
-         * @param options   Allows caller to specify if delete should be forced.
-         */
-        destroy(options?: DestroyInstanceOptions): Promise;
-
-        /**
-         * Increment the value of one or more columns. This is done in the database, which means it does not use the
-         * values currently stored on the Instance.
-         *
-         * @param fields    If a string is provided, that column is incremented by the value of by given in options. If an
-         *                  array is provided, the same is true for each column. If and object is provided, each column is
-         *                  incremented by the value given.
-         * @param options   Increment options.
-         */
-        increment(fields: any, options?: IncrementOptions): Promise;
-
-        /**
-         * Decrement the value of one or more columns. This is done in the database, which means it does not use the
-         * values currently stored on the Instance.
-         *
-         * @param fields    If a string is provided, that column is decremented by the value of by given in options. If an
-         *                  array is provided, the same is true for each column. If and object is provided, each column is
-         *                  decremented by the value given.
-         * @param options   Decrement options.
-         */
-        decrement(fields: any, options?: IncrementOptions): Promise;
-
-        /**
-         * Check whether all values of this and other Instance are the same.
-         */
-        equal(other: TInstance): boolean;
-
-        /**
-         * Check if this is eqaul to one of others by calling equals.
-         *
-         * @param others    Other instances to compare to.
-         */
-        equalsOneOf(others: Array<TInstance>): boolean;
-
-        /**
-         * Convert the instance to a JSON representation. Proxies to calling get with no keys. This means get all values
-         * gotten from the DB, and apply all custom getters.
-         */
-        toJSON(): TPojo;
-    }
-
-    interface Transaction extends TransactionStatic {
-        /**
-         * Commit the transaction.
-         */
-        commit(): Transaction;
-
-        /**
-         * Rollback (abort) the transaction.
-         */
-        rollback(): Transaction;
-    }
-
-    interface TransactionStatic {
-        /**
-         * The possible isolation levels to use when starting a transaction
-         */
-        ISOLATION_LEVELS: TransactionIsolationLevels;
-
-        /**
-         * Possible options for row locking. Used in conjuction with find calls.
-         */
-        LOCK: TransactionLocks;
-    }
-
-    interface TransactionIsolationLevels {
-        READ_UNCOMMITTED: string;// "READ UNCOMMITTED"
-        READ_COMMITTED: string;  // "READ COMMITTED"
-        REPEATABLE_READ: string; // "REPEATABLE READ"
-        SERIALIZABLE: string;    // "SERIALIZABLE"
-    }
-
-    interface TransactionLocks {
-        UPDATE: string;  // UPDATE
-        SHARE: string;   // SHARE
-    }
-
-    interface Hooks {
-
-        /**
-         * Add a named hook to the model.
-         *
-         * @param hooktype
-         */
-        addHook(hooktype: string, name: string, fn: (...args: Array<any>) => void): boolean;
-
-        /**
-         * Add a hook to the model.
-         *
-         * @param hooktype
-         */
-        addHook(hooktype: string, fn: (...args: Array<any>) => void): boolean;
-
-        /**
-         * A named hook that is run before validation.
-         */
-        beforeValidate<T>(name: string, validator: (dao: T, callback: (err?: Error) => void) => void): void;
-
-        /**
-         * A hook that is run before validation.
-         */
-        beforeValidate<T>(validator: (dao: T, callback: (err?: Error) => void) => void): void;
-
-        /**
-         * A named hook that is run before validation.
-         */
-        afterValidate<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run before validation.
-         */
-        afterValidate<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run before creating a single instance.
-         */
-        beforeCreate<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run before creating a single instance.
-         */
-        beforeCreate<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run after creating a single instance.
-         */
-        afterCreate<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run after creating a single instance.
-         */
-        afterCreate<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run before destroying a single instance.
-         */
-        beforeDestroy<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run before destroying a single instance.
-         */
-        beforeDestroy<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run after destroying a single instance.
-         */
-        afterDestroy<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run after destroying a single instance.
-         */
-        afterDestroy<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run before updating a single instance.
-         */
-        beforeUpdate<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run before updating a single instance.
-         */
-        beforeUpdate<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run after updating a single instance.
-         */
-        afterUpdate<T>(name: string, validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run after updating a single instance.
-         */
-        afterUpdate<T>(validator: (dao: T, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run before creating instances in bulk.
-         */
-        beforeBulkCreate<T>(name: string, validator: (daos: Array<T>, fields: Array<string>, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run before creating instances in bulk.
-         */
-        beforeBulkCreate<T>(validator: (daos: Array<T>, fields: Array<string>, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run after creating instances in bulk.
-         */
-        afterBulkCreate<T>(name: string, validator: (daos: Array<T>, fields: Array<string>, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A hook that is run after creating instances in bulk.
-         */
-        afterBulkCreate<T>(validator: (daos: Array<T>, fields: Array<string>, callback: (err?: Error, dao?: T) => void) => void): void;
-
-        /**
-         * A named hook that is run before destroying instances in bulk.
-         */
-        beforeBulkDestroy<T>(name: string, validator: (where: any, callback: (err?: Error, where?: any) => void) => void): void;
-
-        /**
-         * A hook that is run before destroying instances in bulk.
-         */
-        beforeBulkDestroy<T>(validator: (where: any, callback: (err?: Error, where?: any) => void) => void): void;
-
-        /**
-         * A named hook that is run after destroying instances in bulk.
-         */
-        afterBulkDestroy<T>(name: string, validator: (where: any, callback: (err?: Error, where?: any) => void) => void): void;
-
-        /**
-         * A hook that is run after destroying instances in bulk.
-         */
-        afterBulkDestroy<T>(validator: (where: any, callback: (err?: Error, where?: any) => void) => void): void;
-
-        /**
-         * A named hook that is run before updating instances in bulk.
-         */
-        beforeBulkUpdate<T>(name: string, validator: (instances: Array<T>, where: any, callback: (err?: Error, instances?: Array<T>, where?: any) => void) => void): void;
-
-        /**
-         * A hook that is run before updating instances in bulk.
-         */
-        beforeBulkUpdate<T>(validator: (instances: Array<T>, where: any, callback: (err?: Error, instances?: Array<T>, where?: any) => void) => void): void;
-
-        /**
-         * A named hook that is run after updating instances in bulk.
-         */
-        afterBulkUpdate<T>(name: string, validator: (instances: Array<T>, where: any, callback: (err?: Error, instances?: Array<T>, where?: any) => void) => void): void;
-
-        /**
-         * A hook that is run after updating instances in bulk.
-         */
-        afterBulkUpdate<T>(validator: (instances: Array<T>, where: any, callback: (err?: Error, instances?: Array<T>, where?: any) => void) => void): void;
-    }
-
-    interface Associations {
-        /**
-         * Creates an association between this (the source) and the provided target. The foreign key is added on the target.
-         *
-         * @param target
-         * @param options
-         */
-        hasOne<TInstance, TPojo>(target: Model<TInstance, TPojo>, options?: AssociationOptions): void;
-
-        /**
-         * Creates an association between this (the source) and the provided target. The foreign key is added on the source.
-         *
-         * @param target
-         * @param options
-         */
-        belongsTo<TInstance, TPojo>(target: Model<TInstance, TPojo>, options?: AssociationOptions): void;
-
-        /**
-         * Creates an association to connect sources with multiple targets. Furthermore the targets can also have connections to multiple sources.
-         *
-         * @param target
-         * @param options
-         */
-        belongsToMany<TInstance, TPojo>(target: Model<TInstance, TPojo>, options?: AssociationOptions): void;
-
-        /**
-         * Create an association that is either 1:m or n:m.
-         *
-         * @param target
-         * @param options
-         */
-        hasMany<TInstance, TPojo>(target: Model<TInstance, TPojo>, options?: AssociationOptions): void;
-    }
-
-    /**
-     * Extension of external project that doesn't have definitions.
-     *
-     * See https://github.com/chriso/validator.js and https://github.com/sequelize/sequelize/blob/master/lib/instance-validator.js
-     */
-    interface Validator {
-
-    }
-
-    /**
-     * Custom class defined, but no extra methods or functionality even.
-     */
-    interface ValidationError extends Error {
-
-    }
-
-    interface QueryChainer {
-        /**
-         * Add an query to the chainer. This can be done in two ways - either by invoking the method like you would
-         * normally, and then adding the returned emitter to the chainer, or by passing the class that you want to call a
-         * method on, the name of the method, and its parameters to the chainer. The second form might sound a bit
-         * cumbersome, but it is used when you want to run queries in serial.
-         *
-         * @param emitterOrKlass
-         * @param method
-         * @param params
-         * @param options
-         */
-        add(emitterOrKlass: any, method?: string, params?: any, options?: any): QueryChainer;
-
-        /**
-         * Run the query chainer. In reality, this means, wait for all the added emitters to finish, since the queries
-         * began executing as soon as you invoked their methods.
-         */
-        run(): EventEmitter;
-
-        /**
-         * Run the chainer serially, so that each query waits for the previous one to finish before it starts.
-         *
-         * @param options @see QueryChainerRunSeriallyOptions
-         */
-        runSerially(options?: QueryChainerRunSeriallyOptions): EventEmitter;
-    }
-
-    interface QueryInterface {
-
-        /**
-         * Returns the dialect-specific sql generator.
-         */
-        QueryGenerator: QueryGenerator;
-
-        /**
-         * Queries the schema (table list).
-         *
-         * @param schema The schema to query. Applies only to Postgres.
-         */
-        createSchema(schema?: string): EventEmitter;
-
-        /**
-         * Drops the specified schema (table).
-         *
-         * @param schema The name of the table to drop.
-         */
-        dropSchema(schema: string): EventEmitter;
-
-        /**
-         * Drops all tables.
-         */
-        dropAllSchemas(): EventEmitter;
-
-        /**
-         * Queries all table names in the database.
-         *
-         * @param options
-         */
-        showAllSchemas(options?: QueryOptions): EventEmitter;
-
-        /**
-         * Creates a table with specified attributes.
-         * @param tableName     Name of table to create
-         * @param attributes    Hash of attributes, key is attribute name, value is data type
-         * @param options       Query options.
-         *
-         * @return The return type will be a Promise when dialect is Postgres and an EventEmitter for MySQL and SQLite.
-         */
-        createTable(tableName: string, attributes: any, options?: QueryOptions): any;
-
-        /**
-         * Drops the specified table.
-         *
-         * @param tableName Table name.
-         * @param options   Query options, particularly "force".
-         */
-        dropTable(tableName: string, options?: QueryOptions): EventEmitter;
-        dropAllTables(options?: QueryOptions): EventEmitter;
-        dropAllEnums(options?: QueryOptions): EventEmitter;
-        renameTable(before: string, after: string): EventEmitter;
-        showAllTables(options?: QueryOptions): EventEmitter;
-        describeTable(tableName: string, options?: QueryOptions): EventEmitter;
-        addColumn(tableName: string, attributeName: any, dataTypeOrOptions?: any): EventEmitter;
-        removeColumn(tableName: string, attributeName: string): EventEmitter;
-        changeColumn(tableName: string, attributeName: string, dataTypeOrOptions: any): EventEmitter;
-        renameColumn(tableName: string, attrNameBefore: string, attrNameAfter: string): EventEmitter;
-        addIndex(tableName: string, attributes: Array<any>, options?: QueryOptions): EventEmitter;
-        showIndex(tableName: string, options?: QueryOptions): EventEmitter;
-        getForeignKeysForTables(tableNames: Array<string>): EventEmitter;
-        removeIndex(tableName: string, attributes: Array<string>): EventEmitter;
-        removeIndex(tableName: string, indexName: string): EventEmitter;
-        insert<TModel>(dao: TModel, tableName: string, values: any, options?: QueryOptions): EventEmitter;
-        /**
-         * Inserts several records into the specified table.
-         * @param tableName     Table to insert into.
-         * @param records       Array of key/value pairs to insert as records.
-         * @param options       Query options
-         * @param attributes    For Postgres only, used to identify if an attribute is auto-increment and thus handled specially.
-         */
-        bulkInsert(tableName: string, records: Array<any>, options?: QueryOptions, attributes?: any): EventEmitter;
-
-        update<TModel>(dao: TModel, tableName: string, values: Array<any>, where: any, options?: QueryOptions): EventEmitter;
-        bulkUpdate(tableName: string, values: Array<any>, where: any, options?: QueryOptions, attributes?: any): EventEmitter;
-        delete<TModel>(dao: TModel, tableName: string, where: any, options?: QueryOptions): EventEmitter;
-        bulkDelete(tableName: string, where: any, options?: QueryOptions): EventEmitter;
-        bulkDelete<TModel>(tableName: string, where: any, options: QueryOptions, model: TModel): EventEmitter;
-        select<TModel>(factory: TModel, tableName: string, scope?: any, queryOptions?: QueryOptions): EventEmitter;
-        increment<TModel>(dao: TModel, tableName: string, values: Array<any>, where: any, options?: QueryOptions): EventEmitter;
-        rawSelect<TModel>(tableName: string, options: QueryOptions, attributeSelector: string, model: TModel): EventEmitter;
-        /**
-         * Postgres only. Creates a trigger on specified table to call the specified function with supplied parameters.
-         *
-         * @param tableName
-         * @param triggerName
-         * @param timingType
-         * @param fireOnArray
-         * @param functionName
-         * @param functionParams
-         * @param optionsArray
-         */
-        createTrigger(tableName: string, triggerName: string, timingType: string, fireOnArray: Array<any>, functionName: string, functionParams: Array<any>, optionsArray: Array<string>): EventEmitter;
-        /**
-         * Postgres only. Drops the specified trigger.
-         *
-         * @param tableName
-         * @param triggerName
-         */
-        dropTrigger(tableName: string, triggerName: string): EventEmitter;
-        renameTrigger(tableName: string, oldTriggerName: string, newTriggerName: string): EventEmitter;
-        createFunction(functionName: string, params: Array<any>, returnType: string, language: string, body: string, options?: QueryOptions): EventEmitter;
-        dropFunction(functionName: string, params: Array<any>): EventEmitter;
-        renameFunction(oldFunctionName: string, params: Array<any>, newFunctionName: string): EventEmitter;
-        /**
-         * Escape an identifier (e.g. a table or attribute name). If force is true,
-         * the identifier will be quoted even if the `quoteIdentifiers` option is
-         * false.
-         */
-        quoteIdentifier(identifier: string, force: boolean): EventEmitter;
-        quoteTable(tableName: string): EventEmitter;
-        quoteIdentifiers(identifiers: string, force: boolean): EventEmitter;
-        escape(value: string): EventEmitter;
-        setAutocommit(transaction: Transaction, value: boolean): EventEmitter;
-        setIsolationLevel(transaction: Transaction, value: string): EventEmitter;
-        startTransaction(transaction: Transaction, options?: QueryOptions): EventEmitter;
-        commitTransaction(transaction: Transaction, options?: QueryOptions): EventEmitter;
-        rollbackTransaction(transaction: Transaction, options?: QueryOptions): EventEmitter;
-    }
-
-    interface QueryGenerator {
-        createSchema(schemaName: string): string;
-        dropSchema(schemaName: string): string;
-        showSchemasQuery(): string;
-        addSchema<TInstance, TPojo>(param: Model<TInstance, TPojo>): Schema;
-        createTableQuery(tableName: string, attributes: Array<any>, options?: CreateTableQueryOptions): string;
-        describeTableQuery(tableName: string, schema: string, schemaDelimiter: string): string;
-        dropTableQuery(tableName: string, options?: { cascade: string }): string;
-        renameTableQuery(before: string, after: string): string;
-        showTablesQuery(): string;
-        addColumnQuery(tableName: string, attributes: any): string;
-        removeColumnQuery(tableName: string, attributeName: string): string;
-        changeColumnQuery(tableName: string, attributes: any): string;
-        renameColumnQuery(tableName: string, attrNameBefore: string, attrNameAfter: string): string;
-        insertQuery(table: string, valueHash: any, modelAttributes: any): string;
-        bulkInsertQuery(tableName: string, attrValueHashes: any): string;
-        updateQuery(tableName: string, attrValueHash: any, where: any, options: InsertOptions, attributes: any): string;
-        deleteQuery(tableName: string, where: any, options: DestroyOptions): string;
-        deleteQuery<TInstance, TPojo>(tableName: string, where: any, options: DestroyOptions, model: Model<TInstance, TPojo>): string;
-        /**
-         * Creates a query to increment a value. Note "options" here is an additional hash of values to update.
-         *
-         * @param tableName
-         * @param attrValueHash
-         * @param where
-         * @param options
-         */
-        incrementQuery(tableName: string, attrValueHash: any, where: any, options?: any): string;
-        addIndexQuery(tableName: string, attributes: Array<any>, options?: IndexOptions): string;
-        /**
-         * Return indices for a table. Not options may be passed but is not used, so can be anything.
-         * @param tableName
-         * @param options
-         */
-        showIndexQuery(tableName: string, options?: any): string; // options is actually not used
-        removeIndexQuery(tableName: string, indexNameOrAttributes: string): string;
-        removeIndexQuery(tableName: string, indexNameOrAttributes: Array<string>): string;
-        attributesToSQL(attributes: Array<any>): string;
-        findAutoIncrementField<TInstance, TPojo>(factory: Model<TInstance, TPojo>): Array<string>;
-        quoteTable(param: any, as: boolean): string;
-        quote(obj: any, parent: any, force: boolean): string;
-        createTrigger(tableName: string, triggerName: string, timingType: string, fireOnArray: TriggerOptions, functionName: string, functionParams: Array<TriggerParam>): string;
-        dropTrigger(tableName: string, triggerName: string): string;
-        renameTrigger(tableName: string, oldTriggerName: string, newTriggerName: string): string;
-        createFunction(functionName: string, params: Array<TriggerParam>, returnType: string, language: string, body: string, options?: Array<string>): string;
-        dropFunction(functionName: string, params: Array<TriggerParam>): string;
-        renameFunction(oldFunctionName: string, params: Array<TriggerParam>, newFunctionName: string): string;
-        quoteIdentifier(identifier: string, force?: boolean): string;
-        quoteIdentifiers(identifiers: string, force?: boolean): string;
-        /**
-         * Not documented, and reading through the code, I'm not sure what all the options available are for value/field.
-         *
-         * @param value
-         * @param field
-         */
-        escape(value: any, field: any): string;
-        getForeignKeysQuery(tableName: string, schemaName: string): string;
-        dropForeignKeyQuery(tableName: string, foreignKey: string): string;
-        selectQuery<TInstance, TPojo>(tableName: string, options: SelectOptions, model?: Model<TInstance, TPojo>): string;
-        selectQuery<TInstance, TPojo>(tableName: Array<string>, options: SelectOptions, model?: Model<TInstance, TPojo>): string;
-        selectQuery<TInstance, TPojo>(tableName: Array<Array<string>>, options: SelectOptions, model?: Model<TInstance, TPojo>): string;
-        setAutocommitQuery(value: boolean): string;
-        setIsolationLevelQuery(value: string): string;
-        /**
-         * Returns start transaction query. Options is not used.
-         * @param options
-         */
-        startTransactionQuery(options?: any): string;
-        /**
-         * Returns start transaction query. Options is not used.
-         * @param options
-         */
-        commitTransactionQuery(options?: any): string;
-        /**
-         * Returns start transaction query. Options is not used.
-         * @param options
-         */
-        rollbackTransactionQuery(options?: any): string;
-        addLimitAndOffset(options: SelectOptions, query?: string): string;
-        getWhereConditions<TInstance, TPojo>(smth: any, tableName: string, factory: Model<TInstance, TPojo>, options?: any, prepend?: boolean): string;
-        prependTableNameToHash(tableName: string, hash?: any): string;
-        findAssociation<TInstance, TPojo>(attribute: string, dao: Model<TInstance, TPojo>): string;
-        getAssociationFilterDAO<TInstance, TPojo>(filterStr: string, dao: Model<TInstance, TPojo>): string;
-        isAssociationFilter<TInstance, TPojo>(filterStr: string, dao: Model<TInstance, TPojo>, options?: any): string;
-        getAssociationFilterColumn<TInstance, TPojo>(filterStr: string, dao: Model<TInstance, TPojo>, options?: { include: boolean }): string;
-        getConditionalJoins<TInstance, TPojo>(options: { where?: any }, originalDao: Model<TInstance, TPojo>): string;
-        arrayValue(value: Array<string>, key: string, _key: string, factory?: any, logicResult?: any): string;
-        hashToWhereConditions<TInstance, TPojo>(hash: any, dao: Model<TInstance, TPojo>, options?: HashToWhereConditionsOption): string;
-        booleanValue(value: boolean): string;
-    }
-
-    interface Schema {
-        tableName: string;
-        table: string;
-        name: string;
-        schema: string;
-        delimiter: string;
-    }
-
-    interface QueryTypes {
-        SELECT: string;
-        BULKUPDATE: string;
-        BULKDELETE: string;
-    }
-
-    interface ModelManager {
-        daos: Array<Model<any, any>>;
-        sequelize: Sequelize;
-        addDAO<TInstance, TPojo>(dao: Model<TInstance, TPojo>): Model<TInstance, TPojo>;
-        removeDAO<TInstance, TPojo>(dao: Model<TInstance, TPojo>): void;
-        getDAO<TInstance, TPojo>(daoName: string, options?: ModelMangerGetDaoOptions): Model<TInstance, TPojo>;
-        all: Array<Model<any, any>>;
-
-        /**
-         * Iterate over DAOs in an order suitable for e.g. creating tables. Will
-         * take foreign key constraints into account so that dependencies are visited
-         * before dependents.
-         */
-        forEachDAO(iterator: (dao: Model<any, any>, name: string) => void, options?: ModelManagerForEachDaoOptions): void;
-    }
-
-    interface TransactionManager {
-        sequelize: Sequelize;
-        connectorManagers: any;
-        getConnectorManager(uuid?: string): ConnectorManager;
-        releaseConnectionManager(uuid?: string): void;
-
-        /**
-         * Execute a query on the DB, with the possibility to bypass all the sequelize goodness.
-         *
-         * @param sql           SQL statement to execute.
-         *
-         * @param callee        If callee is provided, the selected data will be used to build an instance of the DAO represented
-         *                      by the factory. Equivalent to calling Model.build with the values provided by the query.
-         *
-         * @param options       Query options.
-         *
-         */
-        query(sql: string, callee?: Model<any, any>, options?: QueryOptions): EventEmitter;
-
-        query<TInstance, TPojo>(sql: string, callee?: Model<TInstance, TPojo>, options?: QueryOptions): EventEmitter;
-    }
-
-    interface ConnectorManager {
-
-        /**
-         * Execute a query on the DB, with the possibility to bypass all the sequelize goodness.
-         *
-         * @param sql           SQL statement to execute.
-         *
-         * @param callee        If callee is provided, the selected data will be used to build an instance of the DAO represented
-         *                      by the factory. Equivalent to calling Model.build with the values provided by the query.
-         *
-         * @param options       Query options.
-         *
-         */
-        query(sql: string, callee?: Model<any, any>, options?: QueryOptions): EventEmitter;
-
-        afterTransactionSetup(callback: () => void): void;
-        connect(): void;
-        disconnect(): void;
-        reconnect(): void;
-        cleanup(): void;
-    }
-
-    interface Migrator {
-        queryInterface: QueryInterface;
-        migrate(options?: MigratorOptions): EventEmitter;
-        getUndoneMigrations(callback: (err: Error, result: Array<Migrator>) => void): void;
-        findOrCreateMetaDAO(syncOptions?: SyncOptions): EventEmitter;
-        exec(filename: string, options?: MigratorExecOptions): EventEmitter;
-        getLastMigrationFromDatabase(): EventEmitter;
-        getLastMigrationIdFromDatabase(): EventEmitter;
-        getFormattedDateString(s: string): string;
-        stringToDate(s: string): Date;
-        saveSuccessfulMigration(from: Migration, to: Migration, callback: (metaData: MetaInstance) => void): void;
-        deleteUndoneMigration(from: Migration, to: Migration, callback: () => void): void;
-        execute(options?: MigrationExecuteOptions): EventEmitter;
-        isBefore(date: Date, options?: MigrationCompareOptions): boolean;
-        isAfter(date: Date, options?: MigrationCompareOptions): boolean;
-
-    }
-
-    interface Migration extends QueryInterface {
-        migrator: Migrator;
-        path: string;
-        filename: string;
-        migrationId: number;
-        date: Date;
-        queryInterface: QueryInterface;
-        migration: (err: Error, migration: Migration, dataTypes: any, callback: (err: Error) => void) => void;
-
-    }
-
-    interface EventEmitter extends EventEmitterT<any>, NodeJS.EventEmitter { }
-
-    interface EventEmitterT<R> extends NodeJS.EventEmitter {
-        /**
-         * Create a new emitter instance.
-         *
-         * @param handler
-         */
-        new (handler: (emitter: EventEmitterT<R>) => void): EventEmitterT<R>;
-
-        /**
-         * Run the function that was passed when the emitter was instantiated.
-         */
-        run(): EventEmitterT<R>;
-
-        /**
-         * Listen for success events.
-         *
-         * @param onSuccess
-         */
-        success(onSuccess: (result: R) => void): EventEmitterT<R>;
-
-        /**
-         * Alias for success(handler). Listen for success events.
-         *
-         * @param onSuccess
-         */
-        ok(onSuccess: (result: R) => void): EventEmitterT<R>;
-
-        /**
-         * Listen for error events.
-         *
-         * @param onError
-         */
-        error(onError: (err: Error) => void): EventEmitterT<R>;
-
-        /**
-         * Alias for error(handler). Listen for error events.
-         *
-         * @param onError
-         */
-        fail(onError: (err: Error) => void): EventEmitterT<R>;
-
-        /**
-         * Alias for error(handler). Listen for error events.
-         *
-         * @param onError
-         */
-        failure(onError: (err: Error) => void): EventEmitterT<R>;
-
-        /**
-         * Listen for both success and error events.
-         *
-         * @param onDone
-         */
-        done(onDone: (err: Error, result: R) => void): EventEmitterT<R>;
-
-        /**
-         * Alias for done(handler). Listen for both success and error events.
-         *
-         * @param onDone
-         */
-        complete(onDone: (err: Error, result: R) => void): EventEmitterT<R>;
-
-        /**
-         * Attach a function that is called every time the function that created this emitter executes a query.
-         *
-         * @param onSQL
-         */
-        sql(onSQL: (sql: string) => void): EventEmitterT<R>;
-
-        /**
-         * Proxy every event of this event emitter to another one.
-         *
-         * @param emitter   The event emitter that should receive the events.
-         * @param options   Contains an array of the events to proxy. Defaults to sql, error and success
-         */
-        proxy(emitter: EventEmitterT<R>, options?: ProxyOptions): EventEmitterT<R>;
-
-
-    }
-
-    interface Options {
-        /**
-         * The dialect you of the database you are connecting to. One of mysql, postgres, sqlite and mariadb.
-         * Default is mysql.
-         */
-        dialect?: string;
-
-        /**
-         * If specified, load the dialect library from this path. For example, if you want to use pg.js instead of pg when
-         * connecting to a pg database, you should specify 'pg.js' here
-         */
-        dialectModulePath?: string;
-
-        /**
-         * The dialect options that are passed to the underlying dialect library.
-         */
-        dialectOptions?: Object;
-
-        /**
-         * The host of the relational database. Default 'localhost'.
-         */
-        host?: string;
-
-        /**
-         * Integer    The port of the relational database.
-         */
-        port?: number;
-
-        /**
-         * The protocol of the relational database. Default 'tcp'.
-         */
-        protocol?: string;
-
-        /**
-         * Default options for model definitions. See sequelize.define for options.
-         */
-        define?: DefineOptions;
-
-        /**
-         * Default options for sequelize.query
-         */
-        query?: QueryOptions;
-
-        /**
-         * Default options for sequelize.sync
-         */
-        sync?: SyncOptions;
-
-        /**
-         * The timezone used when converting a date from the database into a javascript date. The timezone is also used to
-         * SET TIMEZONE when connecting to the server, to ensure that the result of NOW, CURRENT_TIMESTAMP and other time
-         * related functions have in the right timezone. For best cross platform performance use the format +/-HH:MM.
-         * Default '+00:00'.
-         */
-        timezone?: string;
-
-        /**
-         * Logging options. Function used to log. Default is console.log. Signature is (message:string) => void.
-         *
-         * Set to "false" to disable logging.
-         */
-        logging?: any;
-
-        /**                                                                                                                                                                                                                        logging=console.log]    Function    A function that gets executed everytime Sequelize would log something.
-         * A flag that defines if null values should be passed to SQL queries or not.
-         */
-        omitNull?: boolean;
-
-        /**
-         * Boolean    Queue queries, so that only maxConcurrentQueries number of queries are executing at once. If false, all
-         * queries will be executed immediately.
-         */
-        queue?: boolean;
-
-        /**
-         * The maximum number of queries that should be executed at once if queue is true.
-         */
-        maxConcurrentQueries?: number;
-
-        /**
-         * A flag that defines if native library shall be used or not. Currently only has an effect for postgres
-         */
-        native?: boolean;
-
-        /**
-         * Use read / write replication. To enable replication, pass an object, with two properties, read and write. Write
-         * should be an object (a single server for handling writes), and read an array of object (several servers to
-         * handle reads). Each read/write server can have the following properties?: host, port, username, password, database
-         */
-        replication?: ReplicationOptions;
-
-        /**
-         * Connection pool options.
-         *
-         */
-        pool?: PoolOptions;
-
-        /**
-         * Set to false to make table names and attributes case-insensitive on Postgres and skip double quoting of them.
-         * Default true.
-         */
-        quoteIdentifiers?: boolean;
-
-        /**
-         * Language. Default "en".
-         */
-        language?: string;
-    }
-
-    interface PoolOptions {
-        maxConnections?: number;
-
-        minConnections?: number;
-
-        /**
-         * The maximum time, in milliseconds, that a connection can be idle before being released.
-         */
-        maxIdleTime?: number;
-
-        /**
-         * A function that validates a connection. Called with client. The default function checks that client is an
-         * object, and that its state is not disconnected.
-         *
-         * Note, this is not documented, and after reading code I'm not sure what client's type is.
-         */
-        validateConnection?: (client?: any) => boolean;
-    }
-
-    interface AttributeOptions {
-        /**
-         * A string or a data type
-         */
-        type?: string;
-
-        /**
-         * If false, the column will have a NOT NULL constraint, and a not null validation will be run before an instance
-         * is saved.
-         */
-        allowNull?: boolean;
-
-        /**
-         * A literal default value, a javascript function, or an SQL function (see sequelize.fn)
-         */
-        defaultValue?: any;
-
-        /**
-         * If true, the column will get a unique constraint. If a string is provided, the column will be part of a
-         * composite unique index. If multiple columns have the same string, they will be part of the same unique index.
-         */
-        unique?: any;
-
-        primaryKey?: boolean;
-
-        /**
-         * If set, sequelize will map the attribute name to a different name in the database.
-         */
-        field?: string;
-
-        autoIncrement?: boolean;
-
-        comment?: string;
-
-        /**
-         * If this column references another table, provide it here as a Model, or a string.
-         */
-        references?: any;
-
-        /**
-         * The column of the foreign table that this column references. Default 'id'.
-         */
-        referencesKey?: string;
-
-        /**
-         * What should happen when the referenced key is updated. One of CASCADE, RESTRICT, SET DEFAULT, SET NULL or
-         * NO ACTION.
-         */
-        onUpdate?: string;
-
-        /**
-         * What should happen when the referenced key is deleted. One of CASCADE, RESTRICT, SET DEFAULT, SET NULL or
-         * NO ACTION.
-         */
-        onDelete?: string;
-
-        /**
-         * Provide a custom getter for this column. Use this.getDataValue(String) to manipulate the underlying values.
-         */
-        get?: () => any;
-
-        /**
-         * Provide a custom setter for this column. Use this.setDataValue(String, Value) to manipulate the underlying values.
-         */
-        set?: (value?: any) => void;
-
-        /**
-         * An object of validations to execute for this column every time the model is saved. Can be either the name of a
-         * validation provided by validator.js, a validation function provided by extending validator.js (see the
-         * DAOValidator property for more details), or a custom validation function. Custom validation functions are called
-         * with the value of the field, and can possibly take a second callback argument, to signal that they are
-         * asynchronous. If the validator is sync, it should throw in the case of a failed validation, it it is async,
-         * the callback should be called with the error text.
-         */
-        validate?: any;
-    }
-
-    interface ForeignKeyAttributeOptions extends AttributeOptions {
-        /**
-         * The name of the foreign key in the target table. Defaults to the name of source + primary key of source.
-         */
-        fieldName: string;
-    }
-
-    interface DefineOptions {
-        /**
-         * Define the default search scope to use for this model. Scopes have the same form as the options passed to
-         * find / findAll.
-         */
-        defaultScope?: FindOptions;
-
-        /**
-         * More scopes, defined in the same way as defaultScope above. See Model.scope for more information about how
-         * scopes are defined, and what you can do with them
-         */
-        scopes?: any;
-
-        /**
-         * Don't persits null values. This means that all columns with null values will not be saved.
-         */
-        omitNull?: boolean;
-
-        /**
-         * Adds createdAt and updatedAt timestamps to the model. Default true.
-         */
-        timestamps?: boolean;
-
-        /**
-         * Calling destroy will not delete the model, but instead set a deletedAt timestamp if this is true. Needs
-         * timestamps=true to work. Default false.
-         */
-        paranoid?: boolean;
-
-        /**
-         * Converts all camelCased columns to underscored if true. Default false.
-         */
-        underscored?: boolean;
-
-        /**
-         * Converts camelCased model names to underscored tablenames if true. Default false.
-         */
-        underscoredAll?: boolean;
-
-        /**
-         * If freezeTableName is true, sequelize will not try to alter the DAO name to get the table name. Otherwise, the
-         * dao name will be pluralized. Default false.
-         */
-        freezeTableName?: boolean;
-
-        /**
-         * Override the name of the createdAt column if a string is provided, or disable it if false. Timestamps must be true.
-         */
-        createdAt?: any;
-
-        /**
-         * Override the name of the updatedAt column if a string is provided, or disable it if false. Timestamps must be true.
-         */
-        updatedAt?: any;
-
-        /**
-         * Override the name of the deletedAt column if a string is provided, or disable it if false. Timestamps must be true.
-         */
-        deletedAt?: any;
-
-        /**
-         * Defaults to pluralized DAO name, unless freezeTableName is true, in which case it uses DAO name verbatim.
-         */
-        tableName?: string;
-
-        /**
-         * Provide getter functions that work like those defined per column. If you provide a getter method with the same
-         * name as a column, it will be used to access the value of that column. If you provide a name that does not match
-         * a column, this function will act as a virtual getter, that can fetch multiple other values.
-         */
-        getterMethods?: any;
-
-        /**
-         * Provide setter functions that work like those defined per column. If you provide a setter method with the same
-         * name as a column, it will be used to update the value of that column. If you provide a name that does not match
-         * a column, this function will act as a virtual setter, that can act on and set other values, but will not be
-         * persisted
-         */
-        setterMethods?: any;
-
-        /**
-         * Provide functions that are added to each instance (DAO).
-         */
-        instanceMethods?: any;
-
-        /**
-         * Provide functions that are added to the model (Model).
-         */
-        classMethods?: any;
-
-        /**
-         * Default 'public'.
-         */
-        schema?: string;
-        schemaDelimiter?: string;
-        engine?: string;
-        charset?: string;
-        comment?: string;
-        collate?: string;
-        whereCollection?: any;
-        language?: string;
-
-        /**
-         * An object of hook function that are called before and after certain lifecycle events. The possible hooks are?:
-         * beforeValidate, afterValidate, beforeBulkCreate, beforeBulkDestroy, beforeBulkUpdate, beforeCreate,
-         * beforeDestroy, beforeUpdate, afterCreate, afterDestroy, afterUpdate, afterBulkCreate, afterBulkDestory and
-         * afterBulkUpdate. See Hooks for more information about hook functions and their signatures. Each property can
-         * either be a function, or an array of functions.
-         */
-        hooks?: Hooks;
-
-        /**
-         * An object of model wide validations. Validations have access to all model values via this. If the validator
-         * function takes an argument, it is assumed to be async, and is called with a callback that accepts an optional
-         * error.
-         */
-        validate?: any;
-
-        /**
-         *
-         */
-        indexes?: Array<DefineIndexOptions>;
-    }
-
-    interface DefineIndexOptions {
-        /**
-         * The name of the index. Defaults to model name + _ + fields concatenated.
-         */
-        name?: string;
-
-        /**
-         * Index type. Only used by mysql. One of UNIQUE, FULLTEXT and SPATIAL.
-         */
-        type: string;
-
-        /**
-         * The method to create the index by (USING statement in SQL). BTREE and HASH are supported by mysql and postgres,
-         * and postgres additionally supports GIST and GIN.
-         */
-        method: string;
-
-        /**
-         * Should the index by unique? Can also be triggered by setting type to UNIQUE. Default false (unless type = "UNIQUE",
-         * then true).
-         */
-        unique?: boolean;
-
-        /**
-         * PostgreSQL will build the index without taking any write locks. Postgres only. Default false.
-         */
-        concurrently?: boolean;
-
-        /**
-         * An array of the fields to index. Each field can either be a string containing the name of the field, or an object
-         * with the following attributes: attribute (field name), length (create a prefix index of length chars), order (the
-         * direction the column should be sorted in), collate (the collation (sort order) for the column)
-         */
-        fields: Array<any>;
-    }
-
-    interface QueryOptions {
-        /**
-         * If true, sequelize will not try to format the results of the query, or build an instance of a model from the
-         * result.
-         */
-        raw?: boolean;
-
-        /**
-         * The transaction that the query should be executed under.
-         */
-        transaction?: Transaction;
-
-        /**
-         * The type of query you are executing. The query type affects how results are formatted before they are passed
-         * back. If no type is provided sequelize will try to guess the right type based on the sql, and fall back to
-         * SELECT. The type is a string, but Sequelize.QueryTypes is provided is convenience shortcuts. Current options
-         * are SELECT, BULKUPDATE and BULKDELETE.
-         *
-         * Default is SELECT.
-         */
-        type?: string;
-
-        /**
-         * Lock the selected rows in either share or update mode. Possible options are transaction.LOCK.UPDATE and
-         * transaction.LOCK.SHARE. See transaction.LOCK for an example.
-         */
-        lock?: string;
-
-        /**
-         * For aggregate function calls, the type of the result. If field is a field in this Model, the default will be the
-         * type of that field, otherwise defaults to float.
-         */
-        dataType?: any;
-
-        /**
-         * A function that logs sql queries, or false for no logging.
-         */
-        logging?: any;
-
-        /**
-         * If plain is true, then sequelize will only return the first record of the result set. In case of false it will
-         * all records.
-         */
-        plain?: boolean;
-    }
-
-    interface SyncOptions {
-        /**
-         * If force is true, each DAO will do DROP TABLE IF EXISTS ..., before it tries to create its own table.
-         * Default false.
-         */
-        force?: boolean;
-
-        /**
-         * A function that logs sql queries, or false for no logging.
-         */
-        logging?: any;
-
-        /**
-         * The schema that the tables should be created in. This can be overriden for each table in sequelize.define.
-         * Default 'public'.
-         */
-        schema?: string;
-    }
-
-    interface ReplicationOptions {
-        read?: Array<Server>;
-        write?: Server;
-    }
-
-    interface Server {
-        host?: string;
-        port?: number;
-        database?: string;
-        username?: string;
-        password?: string;
-    }
-
-    interface DropOptions {
-        /**
-         * Also drop all objects depending on this table, such as views. Only works in postgres.
-         *
-         * Default false.
-         */
-        cascade?: boolean;
-    }
-
-    interface SchemaOptions {
-        /**
-         * The character(s) that separates the schema name from the table name. Default '.'.
-         */
-        schemaDelimiter?: string;
-    }
-
-    interface FindOptions {
-        /**
-         * A hash of attributes to describe your search.
-         */
-        where?: any;
-
-        /**
-         * A list of the attributes that you want to select. To rename an attribute, you can pass an array, with two
-         * elements - the first is the name of the attribute in the DB (or some kind of expression such as
-         * Sequelize.literal, Sequelize.fn and so on), and the second is the name you want the attribute to have in the
-         * returned instance
-         */
-        attributes?: Array<any>;
-
-        /**
-         * A list of associations to eagerly load. Supported is either { include?: [ Model1, Model2, ...] } or { include?:
-         * [ { model?: Model1, as?: 'Alias' } ] }. If your association are set up with an as (eg. X.hasMany(Y, { as?: 'Z },
-         * you need to specify Z in the as attribute when eager loading Y). When using the object form, you can also
-         * specify attributes to specify what columns to load, where to limit the relations, and include to load further
-         * nested relations
-         */
-        include?: any;
-
-        /**
-         * Specifies an ordering. If a string is provided, it will be esacped. Using an array, you can provide several
-         * columns / functions to order by. Each element can be further wrapped in a two-element array. The first element
-         * is the column / function to order by, the second is the direction. For example?: order?: [['name', 'DESC']]. In
-         * this way the column will be escaped, but the direction will not.
-         */
-        order?: any;
-
-        limit?: number;
-
-        offset?: number;
-    }
-
-    interface BuildOptions {
-        /**
-         * If set to true, values will ignore field and virtual setters. Default false.
-         */
-        raw?: boolean;
-
-        /**
-         * Default true.
-         */
-        isNewRecord?: boolean;
-
-        /**
-         * Default true.
-         */
-        isDirty?: boolean;
-
-        /**
-         * an array of include options - Used to build prefetched/included model instances. See set.
-         */
-        include?: Array<any>;
-    }
-
-    interface CopyOptions extends BuildOptions {
-        /**
-         * If set, only columns matching those in fields will be saved.
-         */
-        fields?: Array<string>;
-
-        /**
-         *
-         */
-        transaction?: Transaction;
-    }
-
-    interface FindOrCreateOptions extends FindOptions, QueryOptions {
-
-    }
-
-    interface BulkCreateOptions {
-        /**
-         * Fields to insert (defaults to all fields).
-         */
-        fields?: Array<string>;
-
-        /**
-         * Should each row be subject to validation before it is inserted. The whole insert will fail if one row fails
-         * validation. Default false.
-         */
-        validate?: boolean;
-
-        /**
-         * Run before / after create hooks for each individual Instance? BulkCreate hooks will still be run. Default false;
-         */
-        hooks?: boolean;
-
-        /**
-         * Ignore duplicate values for primary keys? (not supported by postgres). Default false.
-         */
-        ignoreDuplicates?: boolean;
-    }
-
-    interface DestroyOptions {
-        /**
-         * If set to true, destroy will find all records within the where parameter and will execute before-/ after
-         * bulkDestroy hooks on each row.
-         */
-        hooks?: boolean;
-
-        /**
-         * How many rows to delete
-         */
-        limit?: number;
-
-        /**
-         * If set to true, dialects that support it will use TRUNCATE instead of DELETE FROM. If a table is truncated the
-         * where and limit options are ignored.
-         */
-        truncate?: boolean;
-    }
-
-    interface DestroyInstanceOptions {
-        /**
-         * If set to true, paranoid models will actually be deleted.
-         */
-        force: boolean;
-    }
-
-    interface InsertOptions {
-        limit?: number;
-        returning?: string;
-        allowNull?: string;
-    }
-
-    interface UpdateOptions {
-        /**
-         * Should each row be subject to validation before it is inserted. The whole insert will fail if one row fails
-         * validation. Default true.
-         */
-        validate?: boolean;
-
-        /**
-         * Run before / after bulkUpdate hooks? Default false.
-         */
-        hooks?: boolean;
-
-        /**
-         * How many rows to update (only for mysql and mariadb).
-         */
-        limit?: number;
-    }
-
-    interface SetOptions {
-        /**
-         * If set to true, field and virtual setters will be ignored. Default false.
-         */
-        raw?: boolean;
-
-        /**
-         * Clear all previously set data values. Default false.
-         */
-        reset?: boolean;
-
-        include?: any;
-    }
-
-    interface SaveOptions {
-        /**
-         * An alternative way of setting which fields should be persisted.
-         */
-        fields?: any;
-
-        /**
-         * If true, the updatedAt timestamp will not be updated. Default false.
-         */
-        silent?: boolean;
-
-        transaction?: Transaction;
-    }
-
-    interface ValidateOptions {
-        /**
-         * An array of strings. All properties that are in this array will not be validated.
-         */
-        skip: Array<string>;
-    }
-
-    interface IncrementOptions {
-        /**
-         * The number to increment by. Default 1.
-         */
-        by?: number;
-
-        transaction?: Transaction;
-    }
-
-    interface IndexOptions {
-        indicesType?: string;
-        indexType?: string;
-        indexName?: string;
-        parser?: any;
-    }
-
-    interface ProxyOptions {
-        /**
-         * An array of the events to proxy. Defaults to sql, error and success.
-         */
-        events: Array<string>;
-    }
-
-    interface AssociationOptions {
-        /**
-         * Set to true to run before-/afterDestroy hooks when an associated model is deleted because of a cascade. For
-         * example if User.hasOne(Profile, {onDelete: 'cascade', hooks:true}), the before-/afterDestroy hooks for profile
-         * will be called when a user is deleted. Otherwise the profile will be deleted without invoking any hooks.
-         * Default false.
-         */
-        hooks?: boolean;
-
-        /**
-         * The name of the table that is used to join source and target in n:m associations. Can also be a sequelize model
-         * if you want to define the junction table yourself and add extra attributes to it.
-         */
-        through?: any;
-
-        /**
-         * The alias of this model. If you create multiple associations between the same tables, you should provide an
-         * alias to be able to distinguish between them. If you provide an alias when creating the assocition, you should
-         * provide the same alias when eager loading and when getting assocated models. Defaults to the singularized
-         * version of target.name
-         */
-        as?: string;
-
-        /**
-         * The foreignKey can be either a string name of the foreign key in the target table,
-         * or can be an object defining the foreign key and its options. Note foreignKey is not fully
-         * typed since TypeScript does not support union types--it can be either a string or an
-         * options object. String name defaults to the name of source + primary key of source.
-         *
-         * @see ForeignKeyAttributeOptions.
-         */
-        foreignKey?: any;
-
-        /**
-         * What should happen when the referenced key is deleted. One of CASCADE, RESTRICT, SET DEFAULT, SET NULL or
-         * NO ACTION. Default SET NULL.
-         */
-        onDelete?: string;
-
-        /**
-         * What should happen when the referenced key is updated. One of CASCADE, RESTRICT, SET DEFAULT, SET NULL or
-         * NO ACTION. Default CASCADE.
-         */
-        onUpdate?: string;
-
-        /**
-         * Should on update and on delete constraints be enabled on the foreign key.
-         */
-        constraints?: boolean;
-    }
-
-    interface TriggerOptions {
-        insert?: Array<string>;
-        update?: Array<string>;
-        delete?: Array<string>;
-        truncate?: Array<string>;
-    }
-
-    interface TriggerParam {
-        type: string;
-        direction?: string;
-        name?: string;
-    }
-
-    interface SelectOptions {
-        limit?: number;
-        offset?: number;
-        attributes?: Array<any>;
-        hasIncludeWhere?: boolean;
-        hasIncludeRequired?: boolean;
-        hasMultiAssociation?: boolean;
-        tableAs?: string;
-        table?: string;
-        include?: Array<any>;
-        includeIgnoreAttributes?: boolean;
-        where?: any;
-        /**
-         * String field name or array of strings of field names.
-         */
-        group?: any;
-        having?: any;
-        order?: any;
-        lock?: string;
-    }
-
-    interface HashToWhereConditionsOption {
-        include?: boolean;
-        keysEscaped?: boolean;
-    }
-
-    interface ModelMangerGetDaoOptions {
-        attribute: string;
-    }
-
-    interface ModelManagerForEachDaoOptions {
-        /**
-         * Default true.
-         */
-        reverse: boolean;
-    }
-
-    interface MigratorOptions {
-        /**
-         * A flag that defines if the migrator should get instantiated or not..
-         */
-        force: boolean;
-    }
-
-    interface FindAndCountResult<T> {
-        /**
-         * The matching model instances.
-         */
-        rows?: Array<T>;
-
-        /**
-         * The total number of rows. This may be more than the rows returned if a limit and/or offset was supplied.
-         */
-        count?: number;
-    }
-
-    interface Col {
-        /**
-         * Column name.
-         */
-        col: string;
-    }
-
-    interface Cast {
-        /**
-         * The value to cast.
-         */
-        val: any;
-
-        /**
-         * The type to cast it to.
-         */
-        type: string;
-    }
-
-    interface Literal {
-        val: any;
-    }
-
-    interface And {
-        /**
-         * Each argument (string or object) will be joined by AND.
-         */
-        args: Array<any>;
-    }
-
-    interface Or {
-        /**
-         * Each argument (string or object) will be joined by OR.
-         */
-        args: Array<any>;
-    }
-
-    interface Where {
-        /**
-         * The attribute.
-         */
-        attribute: string;
-
-        /**
-         * The condition. Can be both a simply type, or a further condition (.or, .and, .literal etc.).
-         */
-        logic: any;
-    }
-
-    interface TransactionOptions {
-        /**
-         *
-         */
-        autocommit?: boolean;
-
-        /**
-         * One of: 'READ UNCOMMITTED', 'READ COMMITTED', 'REPEATABLE READ', 'SERIALIZABLE'. Default 'REPEATABLE READ'.
-         */
-        isolationLevel?: string;
-    }
-
-    interface QueryChainerRunSeriallyOptions {
-        /**
-         * If set to true, all pending emitters will be skipped if a previous emitter failed. Default false.
-         */
-        skipOnError: boolean;
-    }
-
-    interface CreateTableQueryOptions {
-        comment?: string;
-        uniqueKeys?: Array<any>;
-        charset?: string;
-    }
-
-    interface MigratorExecOptions {
-        before?: (migrator: Migrator) => void;
-        after?: (migrator: Migrator) => void;
-        success?: (migrator: Migrator) => void;
-    }
-
-    interface MigrationExecuteOptions {
-        method: string;
-    }
-
-    interface MigrationCompareOptions {
-        /**
-         * Default false.
-         */
-        withoutEquals: boolean;
-    }
-
-    interface Promise {
-        /**
-         * Listen for events, event emitter style. Mostly for backwards compatibility with EventEmitter.
-         *
-         * @param evt Event
-         * @param fct Handler
-         */
-        on(evt: string, fct: () => void): void;
-
-        /**
-         * Emit an event from the emitter.
-         *
-         * @param type  The type of event.
-         * @param value All other arguments will be passed to the event listeners.
-         */
-        emit(type: string, ...value: Array<any>): void;
-
-        /**
-         * Listen for success events.
-         */
-        success(onSuccess: () => void): Promise;
-
-        /**
-         * Alias for success(handler). Listen for success events.
-         */
-        ok(onSuccess: () => void): Promise;
-
-        /**
-         * Listen for error events.
-         *
-         * @param onError Error handler.
-         */
-        error(onError: (err?: Error) => void): Promise;
-
-        /**
-         * Alias for error(handler). Listen for error events.
-         *
-         * @param onError Error handler.
-         */
-        fail(onError: (err?: Error) => void): Promise;
-
-        /**
-         * Alias for error(handler). Listen for error events.
-         *
-         * @param onError Error handler.
-         */
-        failure(onError: (err?: Error) => void): Promise;
-
-        /**
-         * Listen for both success and error events..
-         */
-        done(handler: (err: Error, result?: any) => void): Promise;
-
-        /**
-         * Alias for done(handler). Listen for both success and error events..
-         */
-        complete(handler: (err: Error, result?: any) => void): Promise;
-
-        /**
-         * Attach a function that is called every time the function that created this emitter executes a query.
-         *
-         * @param onSQL
-         */
-        sql(onSQL: (sql: string) => void): Promise;
-
-        /**
-         * Proxy every event of this promise to another one.
-         *
-         * @param promise   The promise that should receive the events.
-         * @param options   Contains an array of the events to proxy. Defaults to sql, error and success
-         */
-        proxy(promise: Promise, options?: ProxyOptions): Promise;
-
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then(onFulfilled?: (result?: any) => void, onRejected?: (result?: any) => void): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then(onFulfilled?: (result?: any) => Promise, onRejected?: (result?: any) => Promise): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: any) => PromiseT<R>, onRejected?: (result?: any) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: any) => PromiseT<R>, onRejected?: (result?: any) => void): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: any) => void, onRejected?: (result?: any) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R1, R2>(onFulfilled?: (result?: any) => PromiseT<R1>, onRejected?: (result?: any) => PromiseT<R2>): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread(onFulfilled?: (...results: Array<any>) => Promise, onRejected?: (...results: Array<any>) => Promise): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread(onFulfilled?: (...results: Array<any>) => void, onRejected?: (...results: Array<any>) => void): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread(onFulfilled?: (...results: Array<any>) => Promise, onRejected?: (...results: Array<any>) => void): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread(onFulfilled?: (...results: Array<any>) => void, onRejected?: (...results: Array<any>) => Promise): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread<R>(onFulfilled?: (...results: Array<any>) => PromiseT<R>, onRejected?: (...results: Array<any>) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread<R>(onFulfilled?: (...results: Array<any>) => void, onRejected?: (...results: Array<any>) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread<R>(onFulfilled?: (...results: Array<any>) => PromiseT<R>, onRejected?: (...results: Array<any>) => void): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style. This listener will recieve all arguments emitted by the emitter,
-         * as opposed to then which will only recieve the first argument.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         * @param onRejected
-         */
-        spread<R1, R2>(onFulfilled?: (...results: Array<any>) => PromiseT<R1>, onRejected?: (...results: Array<any>) => PromiseT<R2>): Promise;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch(onRejected: (result?: any) => Promise): Promise;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch<R>(onRejected: (result?: any) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch(onRejected: (result?: any) => void): Promise;
-    }
-
-    interface PromiseT<T> extends Promise {
-        /**
-         * Listen for events, event emitter style. Mostly for backwards compatibility with EventEmitter.
-         *
-         * @param evt Event
-         * @param fct Handler
-         */
-        on(evt: string, fct: (t: T) => void): void;
-
-        /**
-         * Emit an event from the emitter.
-         *
-         * @param type  The type of event.
-         * @param value All other arguments will be passed to the event listeners.
-         */
-        emit(type: string, ...value: Array<T>): void;
-
-        /**
-         * Listen for success events.
-         */
-        success(onSuccess: (t: T) => void): PromiseT<T>;
-
-        /**
-         * Alias for success(handler). Listen for success events.
-         */
-        ok(onSuccess: (t: T) => void): PromiseT<T>;
-
-        /**
-         * Listen for both success and error events..
-         */
-        done(handler: (err: Error, result: T) => void): PromiseT<T>;
-
-        /**
-         * Alias for done(handler). Listen for both success and error events..
-         */
-        complete(handler: (err: Error, result: T) => void): PromiseT<T>;
-
-        /**
-         * Attach a function that is called every time the function that created this emitter executes a query.
-         *
-         * @param onSQL
-         */
-        sql(onSQL: (sql: string) => void): PromiseT<T>;
-
-        /**
-         * Proxy every event of this promise to another one.
-         *
-         * @param promise   The promise that should receive the events.
-         * @param options   Contains an array of the events to proxy. Defaults to sql, error and success
-         */
-        proxy(promise: PromiseT<T>, options?: ProxyOptions): PromiseT<T>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then(onFulfilled?: (result?: T) => void, onRejected?: (result?: T) => void): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then(onFulfilled?: (result?: T) => Promise, onRejected?: (result?: T) => Promise): Promise;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: T) => PromiseT<R>, onRejected?: (result?: T) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: T) => PromiseT<R>, onRejected?: (result?: T) => void): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R>(onFulfilled?: (result?: T) => void, onRejected?: (result?: T) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Attach listeners to the emitter, promise style.
-         *
-         * @param onFulfilled       The function to call if the promise is fulfilled (if the emitter emits success).
-         *                          Note that this function will always only be called with one argument, as per
-         *                          the promises/A spec. For functions that emit multiple arguments
-         *                          (e.g. findOrCreate) @see spread
-         * @param onRejected
-         */
-        then<R1, R2>(onFulfilled?: (result?: T) => PromiseT<R1>, onRejected?: (result?: T) => PromiseT<R2>): Promise;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch(onRejected: (result?: T) => Promise): Promise;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch<R>(onRejected: (result?: T) => PromiseT<R>): PromiseT<R>;
-
-        /**
-         * Shorthand for then(null, onRejected)
-         */
-        catch(onRejected: (result?: T) => void): Promise;
-    }
-
-    interface Utils {
-        _: Lodash;
-
-        /**
-         * Formats a string to parse and interpolate values into the string based on the optionally provided SQL dialect.
-         * @param arr       Array where first element is string with placeholders and remaining attributes are values to replace placeholders.
-         * @param dialect   SQL Dialect.
-         */
-        format(arr: Array<any>, dialect?: string): string;
-
-        /**
-         * Formats a SQL string replacing named placeholders with values from the parameters object with matching key names.
-         *
-         * @param sql           String to format.
-         * @param parameters    Key/value hash with values to replace in string.
-         * @param dialect       SQL Dialect
-         */
-        formatNamedParameters(sql: string, parameters: any, dialect?: string): string;
-
-        injectScope(scope: string, merge: boolean): any;
-
-        smartWhere(whereArg: any, dialect: string): any;
-
-        compileSmartWhere(obj: any, dialect: string): Array<any>;
-
-        getWhereLogic(logic: string, val?: any): string;
-
-        isHash(obj: any): boolean;
-
-        hasChanged(attrValue: any, value: any): boolean;
-
-        argsArePrimaryKeys(args: Array<any>, primaryKeys: any): boolean;
-
-        /**
-         * Consistently combines two table names such that the alphabetically first name always comes first when combined.
-         *
-         * @param table1
-         * @param table2
-         */
-        combineTableNames(table1: string, table2: string): string;
-
-        singularize(s: string, language?: string): string;
-
-        pluralize(s: string, language: string): string;
-
-        /**
-         * Same concept as _.merge, but don't overwrite properties that have already been assigned
-         */
-        mergeDefaults: typeof _.merge;
-
-        lowercaseFirst(str: string): string;
-
-        uppercaseFirst(str: string): string;
-
-        spliceStr(str: string, index: number, count: number, add: string): string;
-
-        camelize(str: string): string;
-
-        removeCommentsFromFunctionString(s: string): string;
-
-        toDefaultValue(value: any): any;
-
-        defaultValueSchemable(value: any): boolean;
-        setAttributes(hash: any, identifier: string, instance: any, prefix: string): any;
-        removeNullValuesFromHash(hash: any, omitNull: boolean, options: any): any;
-        firstValueOfHash(obj: any): any;
-        inherit(subClass: any, superClass: any): any;
-        stack(): string;
-        now(dialect: string): Date;
-
-        /**
-         * Runs provided function on next tick, depending on environment.
-         *
-         * @param f
-         */
-        tick(f: Function): void;
-
-        /**
-         * Surrounds a string with tick marks while removing all existing tick marks from the string.
-         * @param s         String to tick
-         * @param tickChar  Tick mark. Default `
-         */
-        addTicks(s: string, tickChar?: string): string;
-
-        removeTicks(s: string, tickChar?: string): string;
-
-        generateUUID(): string;
-
-        validateParameter(value: any, expectation: any): boolean;
-
-        CustomEventEmitter: EventEmitter;
-        Promise: Promise;
-        QueryChainer: QueryChainer;
-        Lingo: any; // external project, no definitions yet}
-    }
-
-    interface Lodash extends _.LoDashStatic {
-        camelizeIf(str: string, condition: boolean): string;
-        camelizeIf(str: string, condition: any): string;
-        underscoredIf(str: string, condition: boolean): string;
-        underscoredIf(str: string, condition: any): string;
-        /**
-         * * Returns an array with some falsy values removed. The values null, "", undefined and NaN are considered falsey.
-         *
-         * @param arr Array to compact.
-         */
-        compactLite<T>(arr: Array<T>): Array<T>;
-    }
-
-    interface MetaPojo {
-        from: string;
-        to: string;
-    }
-    interface MetaInstance extends MetaPojo, Model<MetaInstance, MetaPojo> {
-
-    }
-
-    interface DataTypeStringBase {
-        BINARY: DataTypeString;
-    }
-    interface DataTypeNumberBase {
-        UNSIGNED: boolean;
-        ZEROFILL: boolean;
-    }
-
-    interface DataTypeString extends DataTypeStringBase {
-    }
-    interface DataTypeChar extends DataTypeStringBase {
-    }
-    interface DataTypeInteger extends DataTypeNumberBase {
-    }
-    interface DataTypeBigInt extends DataTypeNumberBase {
-    }
-    interface DataTypeFloat extends DataTypeNumberBase {
-    }
-    interface DataTypeBlob {
-    }
-    interface DataTypeDecimal {
-        PRECISION: number;
-        SCALE: number;
-    }
-
-    interface DataTypeVirtual {
-    }
-    interface DataTypeEnum {
-        (...values: Array<string>): DataTypeEnum;
-    }
-    interface DataTypeArray {
-    }
-    interface DataTypeHstore {
-    }
-
-    interface DataTypes {
-        STRING: DataTypeString;
-        CHAR: DataTypeChar;
-        TEXT: string;
-        INTEGER: DataTypeInteger;
-        BIGINT: DataTypeBigInt;
-        DATE: string;
-        BOOLEAN: string;
-        FLOAT: DataTypeFloat;
-        NOW: string;
-        BLOB: DataTypeBlob;
-        DECIMAL: DataTypeDecimal;
-        UUID: string;
-        UUIDV1: string;
-        UUIDV4: string;
-        VIRTUAL: DataTypeVirtual;
-        NONE: DataTypeVirtual;
-        ENUM: DataTypeEnum;
-        ARRAY: DataTypeArray;
-        HSTORE: DataTypeHstore;
-    }
-}
-
-declare var sequelize: sequelize.SequelizeStatic;
-
-export = sequelize;
diff --git a/sequelize/sequelize-tests-2.0.0.ts b/sequelize/sequelize-tests-2.0.0.ts
deleted file mode 100644
index 72d0cce727..0000000000
--- a/sequelize/sequelize-tests-2.0.0.ts
+++ /dev/null
@@ -1,426 +0,0 @@
-
-
-import Sequelize = require('sequelize');
-
-var opts: Sequelize.Options;
-var defOpts: Sequelize.DefineOptions = {
-  indexes: [{
-    fields: [""],
-    type: "",
-    method: ""
-  }]
-};
-var attrOpts: Sequelize.AttributeOptions;
-var defIndexOpts: Sequelize.DefineIndexOptions;
-var indexOpts: Sequelize.IndexOptions;
-var dropOpts: Sequelize.DropOptions;
-var transOpts: Sequelize.TransactionOptions;
-var syncOpts: Sequelize.SyncOptions;
-var assocOpts: Sequelize.AssociationOptions;
-var schemaOpts: Sequelize.SchemaOptions;
-var findOpts: Sequelize.FindOptions;
-var findCrOpts: Sequelize.FindOrCreateOptions;
-var queryOpts: Sequelize.QueryOptions;
-var buildOpts: Sequelize.BuildOptions;
-var copyOpts: Sequelize.CopyOptions;
-var bulkCrOpts: Sequelize.BulkCreateOptions;
-var destroyOpts: Sequelize.DestroyOptions;
-var destroyInstOpts: Sequelize.DestroyInstanceOptions;
-var updateOpts: Sequelize.UpdateOptions;
-var saveOpts: Sequelize.SaveOptions;
-var valOpts: Sequelize.ValidateOptions;
-var incrOpts: Sequelize.IncrementOptions;
-
-var promiseMe: Sequelize.Promise;
-var emitMe: Sequelize.EventEmitter;
-
-var sequelize = new Sequelize("", "");
-sequelize = new Sequelize("", opts);
-sequelize = new Sequelize("", "", "");
-sequelize = new Sequelize("", "", opts);
-sequelize = new Sequelize("", "", "", opts);
-
-interface modelPojo {
-  name: string;
-}
-
-interface modelInst extends Sequelize.Instance<modelInst, modelPojo>, modelPojo {
-};
-
-var myModelInst: modelInst;
-var myModelPojo: modelPojo;
-
-sequelize.define<modelInst, modelPojo>("MyTable", attrOpts, defOpts);
-var model: Sequelize.Model<modelInst, modelPojo> = sequelize.model<modelInst, modelPojo>("MyTable");
-model = sequelize.import<modelInst, modelPojo>("");
-emitMe = sequelize.authenticate();
-sequelize.cast({}, "");
-sequelize.col("myCol");
-sequelize.models.MyTable;
-emitMe = sequelize.drop(dropOpts);
-emitMe = sequelize.createSchema("schema");
-emitMe = sequelize.dropAllSchemas();
-emitMe = sequelize.dropSchema("dbo");
-emitMe = sequelize.fn("upper", sequelize.col("username"));
-sequelize.literal("");
-sequelize.literal(1234);
-sequelize.and("", 1234);
-sequelize.or("", 123);
-sequelize.where("", "");
-sequelize.where("", sequelize.and("", ""));
-promiseMe= sequelize.transaction(transOpts);
-promiseMe = sequelize.transaction(transOpts, function (t:Sequelize.Transaction): boolean { return true; });
-emitMe = sequelize.query<modelInst, modelPojo>("", model).complete(function (err, result) { });
-emitMe = sequelize.query("");
-var dialect: string = sequelize.getDialect();
-emitMe = sequelize.showAllSchemas();
-emitMe = sequelize.sync(syncOpts);
-
-model.addHook("", "", function () { });
-model.addHook("", function () { });
-model.beforeValidate("", function () { });
-model.afterValidate("", function () { });
-model.beforeCreate("", function () { });
-model.afterCreate("", function () { });
-model.beforeDestroy("", function () { });
-model.afterDestroy("", function () { });
-model.beforeUpdate("", function () { });
-model.afterUpdate("", function () { });
-model.beforeBulkCreate("", function () { });
-model.afterBulkCreate("", function () { });
-model.beforeBulkDestroy("", function () { });
-model.afterBulkDestroy("", function () { });
-model.beforeBulkUpdate("", function () { });
-model.afterBulkUpdate("", function () { });
-
-
-model.hasOne<modelInst, modelPojo>(model);
-model.hasOne<modelInst, modelPojo>(model, assocOpts);
-model.belongsTo<modelInst, modelPojo>(model);
-model.belongsTo<modelInst, modelPojo>(model, assocOpts);
-model.hasMany<modelInst, modelPojo>(model);
-model.hasMany<modelInst, modelPojo>(model, assocOpts);
-model.belongsToMany<modelInst, modelPojo>(model);
-model.belongsToMany<modelInst, modelPojo>(model, assocOpts);
-
-promiseMe = model.sync();
-promiseMe = model.drop(dropOpts);
-model.schema("", schemaOpts);
-model.getTableName();
-model = model.scope({});
-model = model.scope("");
-model = model.scope([]);
-model = model.scope(null);
-
-model.find().then(function () { }, function () { });
-model.find().then(function () { });
-model.find().then(null, function () { });
-model.find().then(function (result: modelInst) { });
-model.find().then<modelInst>(function (result: modelInst): Sequelize.PromiseT<modelInst> { return model.find(1); });
-model.find().then<modelInst, any>(function (result: modelInst): Sequelize.PromiseT<modelInst> { return model.find(1); }, function (): Sequelize.PromiseT<any> { return model.find(1); });
-
-model.find().catch(function () { });
-model.find().catch(function (result: modelInst) { });
-model.find().catch(function (result: modelInst): Sequelize.Promise { return model.find(1); });
-
-model.find().spread(function () { }, function () { });
-model.find().spread(function () { });
-model.find().spread(null, function () { });
-model.find().spread(function (result: modelInst) { });
-model.find().spread(function (result1: modelInst, result2: any) { });
-model.find().spread(null, function (result1: any, result2: boolean) { });
-model.find().spread(function (result: modelInst): Sequelize.Promise { return model.find(1); });
-model.find().spread<modelInst>(function (result: modelInst): Sequelize.PromiseT<modelInst> { return model.find(1); });
-model.find().spread<modelInst>(function (result: modelInst) { }, function (): Sequelize.PromiseT<modelInst> { return model.find(1); });
-model.find().spread<modelInst, any>(function (result: modelInst): Sequelize.PromiseT<modelInst> { return model.find(1); }, function (): Sequelize.PromiseT<any> { return model.find(1); });
-
-promiseMe = model.findAll(findOpts, queryOpts);
-promiseMe = model.findAll(findOpts);
-promiseMe = model.findAll();
-promiseMe = model.find(findOpts, queryOpts);
-promiseMe = model.find(findOpts);
-promiseMe = model.find(1, queryOpts);
-promiseMe = model.find(1);
-promiseMe = model.find();
-promiseMe = model.aggregate<number>("", "", findOpts);
-promiseMe = model.count();
-promiseMe = model.count(findOpts);
-promiseMe = model.findAndCountAll(findOpts, queryOpts);
-promiseMe = model.findAndCountAll(findOpts);
-promiseMe = model.findAndCountAll();
-promiseMe = model.max<number>("", findOpts);
-promiseMe = model.max<number>("");
-promiseMe = model.min<number>("", findOpts);
-promiseMe = model.min<number>("");
-promiseMe = model.sum("", findOpts);
-promiseMe = model.sum("");
-myModelInst = model.build(myModelPojo, buildOpts);
-myModelInst = model.build(myModelPojo);
-promiseMe = model.create(myModelPojo, copyOpts);
-promiseMe = model.create(myModelPojo);
-promiseMe = model.findOrInitialize({}, myModelPojo, queryOpts);
-promiseMe = model.findOrInitialize({}, myModelPojo);
-promiseMe = model.findOrInitialize({});
-promiseMe = model.findOrCreate({}, myModelPojo, findCrOpts);
-promiseMe = model.findOrCreate({}, myModelPojo);
-promiseMe = model.findOrCreate({});
-promiseMe = model.bulkCreate([myModelPojo], bulkCrOpts);
-promiseMe = model.bulkCreate([myModelPojo]);
-promiseMe = model.destroy({}, destroyOpts);
-promiseMe = model.destroy({});
-promiseMe = model.destroy();
-promiseMe = model.update(myModelPojo, {}, updateOpts);
-promiseMe = model.update(myModelPojo, {});
-promiseMe = model.describe();
-model.dataset;
-//var isDefined: boolean = sequelize.isDefined("");
-
-model.find().spread(function (arg1: string, arg2: number) {
-  return model.find();
-});
-
-var isBool: boolean;
-var strArr: Array<string>;
-
-isBool = myModelInst.isNewRecord;
-model = myModelInst.Model;
-sequelize = myModelInst.sequelize;
-isBool = myModelInst.isDeleted;
-myModelPojo = myModelInst.values;
-isBool = myModelInst.isDirty;
-myModelPojo = myModelInst.primaryKeyValues;
-myModelInst.getDataValue("");
-myModelInst.setDataValue("", "");
-myModelInst.setDataValue("", 123);
-myModelInst.get("");
-myModelInst.set("", "");
-myModelInst.set("", 123);
-isBool = myModelInst.changed("");
-strArr = myModelInst.changed();
-myModelInst.previous("");
-promiseMe = myModelInst.save(["", ""], saveOpts);
-promiseMe = myModelInst.save(["", ""]);
-promiseMe = myModelInst.reload();
-promiseMe = myModelInst.reload(findOpts);
-promiseMe = myModelInst.validate(valOpts);
-promiseMe = myModelInst.validate();
-promiseMe = myModelInst.updateAttributes(myModelPojo, saveOpts);
-promiseMe = myModelInst.destroy(destroyInstOpts);
-promiseMe = myModelInst.destroy();
-promiseMe = myModelInst.increment({}, incrOpts);
-promiseMe = myModelInst.increment({});
-promiseMe = myModelInst.decrement({}, incrOpts);
-isBool = myModelInst.equal(myModelInst);
-isBool = myModelInst.equalsOneOf([myModelInst]);
-myModelPojo = myModelInst.toJSON();
-
-
-// data types test
-var types:any = Sequelize.STRING;
-types = Sequelize.STRING(12);
-types = Sequelize.STRING(12, true);
-types = Sequelize.STRING.BINARY;
-types = Sequelize.STRING(12).BINARY;
-types = Sequelize.STRING.BINARY(12);
-types = Sequelize.STRING({length:12, binary:true});
-types = Sequelize.STRING({length:12}).BINARY;
-
-types = Sequelize.CHAR;
-types = Sequelize.CHAR(12);
-types = Sequelize.CHAR(12, true);
-types = Sequelize.CHAR.BINARY;
-types = Sequelize.CHAR(12).BINARY;
-types = Sequelize.CHAR.BINARY(12);
-types = Sequelize.CHAR({length:12, binary:true});
-types = Sequelize.CHAR({length:12}).BINARY;
-
-types = Sequelize.TEXT;
-types = Sequelize.TEXT('tiny');
-types = Sequelize.TEXT({length:'tiny'});
-
-types = Sequelize.NUMBER;
-var numberOptions = {length:12, zerofill:true, decimals:1, precision:1, scale:1, unsigned:true};
-types = Sequelize.NUMBER(numberOptions);
-
-types = Sequelize.INTEGER;
-types = Sequelize.INTEGER.ZEROFILL;
-types = Sequelize.INTEGER.UNSIGNED;
-types = Sequelize.INTEGER.ZEROFILL.UNSIGNED;
-types = Sequelize.INTEGER.UNSIGNED.ZEROFILL;
-types = Sequelize.INTEGER(12);
-types = Sequelize.INTEGER(12).ZEROFILL;
-types = Sequelize.INTEGER(12).UNSIGNED;
-types = Sequelize.INTEGER(12).ZEROFILL.UNSIGNED;
-types = Sequelize.INTEGER(12).UNSIGNED.ZEROFILL;
-types = Sequelize.INTEGER(numberOptions);
-types = Sequelize.INTEGER(numberOptions).ZEROFILL;
-types = Sequelize.INTEGER(numberOptions).UNSIGNED;
-types = Sequelize.INTEGER(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.INTEGER(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.BIGINT;
-types = Sequelize.BIGINT.ZEROFILL;
-types = Sequelize.BIGINT.UNSIGNED;
-types = Sequelize.BIGINT.ZEROFILL.UNSIGNED;
-types = Sequelize.BIGINT.UNSIGNED.ZEROFILL;
-types = Sequelize.BIGINT(12);
-types = Sequelize.BIGINT(12).ZEROFILL;
-types = Sequelize.BIGINT(12).UNSIGNED;
-types = Sequelize.BIGINT(12).ZEROFILL.UNSIGNED;
-types = Sequelize.BIGINT(12).UNSIGNED.ZEROFILL;
-types = Sequelize.BIGINT(numberOptions);
-types = Sequelize.BIGINT(numberOptions).ZEROFILL;
-types = Sequelize.BIGINT(numberOptions).UNSIGNED;
-types = Sequelize.BIGINT(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.BIGINT(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.FLOAT;
-types = Sequelize.FLOAT.ZEROFILL;
-types = Sequelize.FLOAT.UNSIGNED;
-types = Sequelize.FLOAT.ZEROFILL.UNSIGNED;
-types = Sequelize.FLOAT.UNSIGNED.ZEROFILL;
-types = Sequelize.FLOAT(12);
-types = Sequelize.FLOAT(12).ZEROFILL;
-types = Sequelize.FLOAT(12).UNSIGNED;
-types = Sequelize.FLOAT(12).ZEROFILL.UNSIGNED;
-types = Sequelize.FLOAT(12).UNSIGNED.ZEROFILL;
-types = Sequelize.FLOAT(12,12);
-types = Sequelize.FLOAT(12,12).ZEROFILL;
-types = Sequelize.FLOAT(12,12).UNSIGNED;
-types = Sequelize.FLOAT(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.FLOAT(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.FLOAT(numberOptions);
-types = Sequelize.FLOAT(numberOptions).ZEROFILL;
-types = Sequelize.FLOAT(numberOptions).UNSIGNED;
-types = Sequelize.FLOAT(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.FLOAT(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.DOUBLE;
-types = Sequelize.DOUBLE.ZEROFILL;
-types = Sequelize.DOUBLE.UNSIGNED;
-types = Sequelize.DOUBLE.ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE.UNSIGNED.ZEROFILL;
-types = Sequelize.DOUBLE(12);
-types = Sequelize.DOUBLE(12).ZEROFILL;
-types = Sequelize.DOUBLE(12).UNSIGNED;
-types = Sequelize.DOUBLE(12).ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE(12).UNSIGNED.ZEROFILL;
-types = Sequelize.DOUBLE(12,12);
-types = Sequelize.DOUBLE(12,12).ZEROFILL;
-types = Sequelize.DOUBLE(12,12).UNSIGNED;
-types = Sequelize.DOUBLE(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.DOUBLE(numberOptions);
-types = Sequelize.DOUBLE(numberOptions).ZEROFILL;
-types = Sequelize.DOUBLE(numberOptions).UNSIGNED;
-types = Sequelize.DOUBLE(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.TIME;
-types = Sequelize.DATE;
-types = Sequelize.DATEONLY;
-types = Sequelize.BOOLEAN;
-types = Sequelize.NOW;
-
-types = Sequelize.BLOB;
-types = Sequelize.BLOB('tiny');
-types = Sequelize.BLOB({length:'tiny'});
-
-types = Sequelize.DECIMAL;
-types = Sequelize.DECIMAL.ZEROFILL;
-types = Sequelize.DECIMAL.UNSIGNED;
-types = Sequelize.DECIMAL.ZEROFILL.UNSIGNED;
-types = Sequelize.DECIMAL.UNSIGNED.ZEROFILL;
-types = Sequelize.DECIMAL(12,12);
-types = Sequelize.DECIMAL(12,12).ZEROFILL;
-types = Sequelize.DECIMAL(12,12).UNSIGNED;
-types = Sequelize.DECIMAL(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.DECIMAL(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.DECIMAL(numberOptions);
-types = Sequelize.DECIMAL(numberOptions).ZEROFILL;
-types = Sequelize.DECIMAL(numberOptions).UNSIGNED;
-types = Sequelize.DECIMAL(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.DECIMAL(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.NUMERIC;
-types = Sequelize.NUMERIC.ZEROFILL;
-types = Sequelize.NUMERIC.UNSIGNED;
-types = Sequelize.NUMERIC.ZEROFILL.UNSIGNED;
-types = Sequelize.NUMERIC.UNSIGNED.ZEROFILL;
-types = Sequelize.NUMERIC(12,12);
-types = Sequelize.NUMERIC(12,12).ZEROFILL;
-types = Sequelize.NUMERIC(12,12).UNSIGNED;
-types = Sequelize.NUMERIC(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.NUMERIC(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.NUMERIC(numberOptions);
-types = Sequelize.NUMERIC(numberOptions).ZEROFILL;
-types = Sequelize.NUMERIC(numberOptions).UNSIGNED;
-types = Sequelize.NUMERIC(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.NUMERIC(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.UUID;
-types = Sequelize.UUIDV1;
-types = Sequelize.UUIDV4;
-types = Sequelize.HSTORE;
-types = Sequelize.JSON;
-types = Sequelize.JSONB;
-types = Sequelize.VIRTUAL;
-
-types = Sequelize.ARRAY(Sequelize.INTEGER(12));
-types = Sequelize.ARRAY({type: Sequelize.BLOB});
-var obj = {};
-var isbool:boolean = types.is(obj, obj);
-
-types = Sequelize.NONE;
-types = Sequelize.ENUM("one", "two", 'three');
-
-types = Sequelize.RANGE(Sequelize.INTEGER(12));
-types = Sequelize.RANGE({subtype: Sequelize.BLOB});
-
-types = Sequelize.REAL;
-types = Sequelize.REAL.ZEROFILL;
-types = Sequelize.REAL.UNSIGNED;
-types = Sequelize.REAL.ZEROFILL.UNSIGNED;
-types = Sequelize.REAL.UNSIGNED.ZEROFILL;
-types = Sequelize.REAL(12,12);
-types = Sequelize.REAL(12,12).ZEROFILL;
-types = Sequelize.REAL(12,12).UNSIGNED;
-types = Sequelize.REAL(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.REAL(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.REAL(numberOptions);
-types = Sequelize.REAL(numberOptions).ZEROFILL;
-types = Sequelize.REAL(numberOptions).UNSIGNED;
-types = Sequelize.REAL(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.REAL(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize.DOUBLE;
-types = Sequelize.DOUBLE.ZEROFILL;
-types = Sequelize.DOUBLE.UNSIGNED;
-types = Sequelize.DOUBLE.ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE.UNSIGNED.ZEROFILL;
-types = Sequelize.DOUBLE(12,12);
-types = Sequelize.DOUBLE(12,12).ZEROFILL;
-types = Sequelize.DOUBLE(12,12).UNSIGNED;
-types = Sequelize.DOUBLE(12,12).ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE(12,12).UNSIGNED.ZEROFILL;
-types = Sequelize.DOUBLE(numberOptions);
-types = Sequelize.DOUBLE(numberOptions).ZEROFILL;
-types = Sequelize.DOUBLE(numberOptions).UNSIGNED;
-types = Sequelize.DOUBLE(numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize.DOUBLE(numberOptions).UNSIGNED.ZEROFILL;
-
-types = Sequelize["DOUBLE PRECISION"];
-types = Sequelize["DOUBLE PRECISION"].ZEROFILL;
-types = Sequelize["DOUBLE PRECISION"].UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"].ZEROFILL.UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"].UNSIGNED.ZEROFILL;
-types = Sequelize["DOUBLE PRECISION"](12,12);
-types = Sequelize["DOUBLE PRECISION"](12,12).ZEROFILL;
-types = Sequelize["DOUBLE PRECISION"](12,12).UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"](12,12).ZEROFILL.UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"](12,12).UNSIGNED.ZEROFILL;
-types = Sequelize["DOUBLE PRECISION"](numberOptions);
-types = Sequelize["DOUBLE PRECISION"](numberOptions).ZEROFILL;
-types = Sequelize["DOUBLE PRECISION"](numberOptions).UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"](numberOptions).ZEROFILL.UNSIGNED;
-types = Sequelize["DOUBLE PRECISION"](numberOptions).UNSIGNED.ZEROFILL;
\ No newline at end of file
diff --git a/sequelize/sequelize-3.0.0.d.ts b/sequelize/v3/index.d.ts
similarity index 100%
rename from sequelize/sequelize-3.0.0.d.ts
rename to sequelize/v3/index.d.ts
diff --git a/sequelize/sequelize-tests-3.0.0.ts b/sequelize/v3/sequelize-tests.ts
similarity index 100%
rename from sequelize/sequelize-tests-3.0.0.ts
rename to sequelize/v3/sequelize-tests.ts
diff --git a/sequelize/v3/tsconfig.json b/sequelize/v3/tsconfig.json
new file mode 100644
index 0000000000..e8cf1d1f3f
--- /dev/null
+++ b/sequelize/v3/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "sequelize": ["sequelize/v3"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "sequelize-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/serve-static/serve-static-tests.ts b/serve-static/serve-static-tests.ts
index d0827efb8a..65671e8521 100644
--- a/serve-static/serve-static-tests.ts
+++ b/serve-static/serve-static-tests.ts
@@ -1,7 +1,5 @@
-
-
 import * as express from 'express';
-import * as serveStatic from './';
+import * as serveStatic from 'serve-static';
 var app = express();
 
 app.use(serveStatic('/1'));
diff --git a/service_worker_api/service_worker_api-test.ts b/service_worker_api/service_worker_api-tests.ts
similarity index 100%
rename from service_worker_api/service_worker_api-test.ts
rename to service_worker_api/service_worker_api-tests.ts
diff --git a/service_worker_api/tsconfig.json b/service_worker_api/tsconfig.json
index cb8b6c68a0..5e1f474010 100644
--- a/service_worker_api/tsconfig.json
+++ b/service_worker_api/tsconfig.json
@@ -15,6 +15,6 @@
     },
     "files": [
         "index.d.ts",
-        "service_worker_api-test.ts"
+        "service_worker_api-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/signalr/signalr-1.0.d.ts b/signalr/v1/index.d.ts
similarity index 100%
rename from signalr/signalr-1.0.d.ts
rename to signalr/v1/index.d.ts
diff --git a/signalr/signalr-1.0-tests.ts b/signalr/v1/signalr-tests.ts
similarity index 100%
rename from signalr/signalr-1.0-tests.ts
rename to signalr/v1/signalr-tests.ts
diff --git a/signalr/v1/tsconfig.json b/signalr/v1/tsconfig.json
new file mode 100644
index 0000000000..5ebdef7a6a
--- /dev/null
+++ b/signalr/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "signalr": ["signalr/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "signalr-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/sinon-mongoose/sinon-mongoose.d.ts b/sinon-mongoose/sinon-mongoose.d.ts
deleted file mode 100644
index 389b8a3967..0000000000
--- a/sinon-mongoose/sinon-mongoose.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-// Type definitions for sinon-mongoose v1.3.0
-// Project: https://github.com/underscopeio/sinon-mongoose
-// Definitions by: Steve Hipwell <https://github.com/stevehipwell>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-import * as s from "sinon";
-
-declare module "sinon" {
-
-  interface SinonStub {
-
-    /**
-     * When called, the stub will create a new stub to represent a mongoose chained function.
-     */
-    chain(name: string): SinonStub
-  }
-
-}
diff --git a/smtp-server/smtp-server-tests.ts b/smtp-server/smtp-server-tests.ts
index 70a7797790..9064b33601 100644
--- a/smtp-server/smtp-server-tests.ts
+++ b/smtp-server/smtp-server-tests.ts
@@ -1,4 +1,4 @@
-import { SMTPServer, SMTPServerOptions } from './';
+import { SMTPServer, SMTPServerOptions } from 'smtp-server';
 
 function SMTPServerConnectTest() {
     let options: SMTPServerOptions = {
diff --git a/snapsvg/snapsvg-tests.ts b/snapsvg/test/1.ts
similarity index 100%
rename from snapsvg/snapsvg-tests.ts
rename to snapsvg/test/1.ts
diff --git a/snapsvg/snapsvg-tests-2.ts b/snapsvg/test/2.ts
similarity index 100%
rename from snapsvg/snapsvg-tests-2.ts
rename to snapsvg/test/2.ts
diff --git a/snapsvg/snapsvg-tests-3.ts b/snapsvg/test/3.ts
similarity index 99%
rename from snapsvg/snapsvg-tests-3.ts
rename to snapsvg/test/3.ts
index d0d0a7b3fd..d9195dc3d4 100644
--- a/snapsvg/snapsvg-tests-3.ts
+++ b/snapsvg/test/3.ts
@@ -1,8 +1,6 @@
 //the code in this test file was copied from http://svg.dabbles.info/snaptut-animateframe
 //the author is Ian Brierlay
 
-/// <reference path="snapsvg.d.ts"/>
-
 window.onload=()=>{
 
     var s = Snap("#svgout");
diff --git a/snapsvg/tsconfig.json b/snapsvg/tsconfig.json
index a2ec13491a..9b781152d7 100644
--- a/snapsvg/tsconfig.json
+++ b/snapsvg/tsconfig.json
@@ -3,7 +3,7 @@
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
-        "noImplicitThis": true,
+        "noImplicitThis": false,
         "strictNullChecks": false,
         "baseUrl": "../",
         "typeRoots": [
@@ -15,6 +15,8 @@
     },
     "files": [
         "index.d.ts",
-        "snapsvg-tests.ts"
+        "test/1.ts",
+        "test/2.ts",
+        "test/3.ts"
     ]
 }
\ No newline at end of file
diff --git a/statsd-client/statsd-client-import-asterisk-tests.ts b/statsd-client/statsd-client-import-asterisk-tests.ts
deleted file mode 100644
index b01d523042..0000000000
--- a/statsd-client/statsd-client-import-asterisk-tests.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-/// <reference path="statsd-client.d.ts" />
-import * as StatsdClient from 'statsd-client';
-const statsd = new StatsdClient({ debug: true });
diff --git a/stream-meter/stream-meter-test.ts b/stream-meter/stream-meter-tests.ts
similarity index 100%
rename from stream-meter/stream-meter-test.ts
rename to stream-meter/stream-meter-tests.ts
diff --git a/stream-meter/tsconfig.json b/stream-meter/tsconfig.json
index cdcaca971c..b644b0272e 100644
--- a/stream-meter/tsconfig.json
+++ b/stream-meter/tsconfig.json
@@ -14,6 +14,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "stream-meter-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/svg-pan-zoom/svg-pan-zoom-2.3.9.d.ts b/svg-pan-zoom/v2/index.d.ts
similarity index 100%
rename from svg-pan-zoom/svg-pan-zoom-2.3.9.d.ts
rename to svg-pan-zoom/v2/index.d.ts
diff --git a/svg-pan-zoom/v2/tsconfig.json b/svg-pan-zoom/v2/tsconfig.json
new file mode 100644
index 0000000000..5f6c111cfe
--- /dev/null
+++ b/svg-pan-zoom/v2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "svg-pan-zoom": ["svg-pan-zoom/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/swig/swig-tests.ts b/swig/swig-tests.ts
index 0c6c130b23..76eb236d1b 100644
--- a/swig/swig-tests.ts
+++ b/swig/swig-tests.ts
@@ -1,4 +1,4 @@
-import swig = require('./');
+import swig = require('swig');
 
 var swigObj: swig.Swig;
 var value: any;
diff --git a/systemjs/systemjs-0.18.4-tests.ts b/systemjs/systemjs-0.18.4-tests.ts
deleted file mode 100644
index aebc610493..0000000000
--- a/systemjs/systemjs-0.18.4-tests.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-/// <reference path="systemjs.d.ts" />
-
-import System = require('systemjs');
-
-System.config({
-  baseURL: '/',
-  paths: {'*': '*.js?v=0.18.4'}
-});
-
-System.import('app');
diff --git a/systemjs/systemjs-0.18.4.d.ts b/systemjs/systemjs-0.18.4.d.ts
deleted file mode 100644
index 0128ff5844..0000000000
--- a/systemjs/systemjs-0.18.4.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// Type definitions for System.js 0.18.4
-// Project: https://github.com/systemjs/systemjs
-// Definitions by: Ludovic HENIN <https://github.com/ludohenin/>, Nathan Walker <https://github.com/NathanWalker/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-interface System {
-  import(name: string): any;
-  defined: any;
-  amdDefine: () => void;
-  amdRequire: () => void;
-  baseURL: string;
-  paths: { [key: string]: string };
-  meta: { [key: string]: Object };
-  config: any;
-  _nodeRequire: (name: string) => any;
-}
-
-declare var System: System;
-
-declare module "systemjs" {
-  export = System;
-}
diff --git a/tedious/tedious-tests.ts b/tedious/tedious-tests.ts
index c722d95cb0..297deb3e3d 100644
--- a/tedious/tedious-tests.ts
+++ b/tedious/tedious-tests.ts
@@ -1,6 +1,4 @@
-"use strict";
-
-import tedious = require("./");
+import tedious = require("tedious");
 
 var config: tedious.ConnectionConfig = {
 	userName: "rogier",
diff --git a/three/tests/math/test_unit_math.ts b/three/tests/math/test_unit_math.ts
index 9ada8464c6..91f656b8e5 100644
--- a/three/tests/math/test_unit_math.ts
+++ b/three/tests/math/test_unit_math.ts
@@ -1,7 +1,10 @@
 /// <reference types="three" />
-/// <reference path="../../../qunit/qunit-1.16.d.ts" />
 /// <reference path="../three-tests-setup.ts" />
 
+declare function test(desc: string, body: () => void): void;
+declare function ok(cond: any, desc?: string): void;
+declare function deepEqual<T>(a: T, b: T, desc?: string): void;
+declare function equal<T>(a: T, b: T, desc?: string): void;
 
 // https://github.com/mrdoob/three.js/tree/master/test/unit/math
 
@@ -865,7 +868,7 @@
 
             v.reorder( 'YZX' );
             var q2 = new THREE.Quaternion().setFromEuler( v );
-            ok(quatEquals(q, q2), "Passed!");	
+            ok(quatEquals(q, q2), "Passed!");
 
             v.reorder( 'ZXY' );
             var q3 = new THREE.Quaternion().setFromEuler( v );
@@ -3541,7 +3544,7 @@
 
     test( "setAxisAngleFromRotationMatrix", function() {
         var TOL = 1e-9;
-        
+
         // not sure what to do here since THREE.Vector4().setAxisAngleFromRotationMatrix() only accept Matrix3s
         /*var r = new THREE.Matrix4().makeRotationZ(Math.PI / 2);
         var v = new THREE.Vector4().setAxisAngleFromRotationMatrix(r);
diff --git a/through2/through2-0.4.2.d.ts b/through2/v0/index.d.ts
similarity index 100%
rename from through2/through2-0.4.2.d.ts
rename to through2/v0/index.d.ts
diff --git a/through2/through2-0.4.2-test.ts b/through2/v0/through2-tests.ts
similarity index 100%
rename from through2/through2-0.4.2-test.ts
rename to through2/v0/through2-tests.ts
diff --git a/through2/v0/tsconfig.json b/through2/v0/tsconfig.json
new file mode 100644
index 0000000000..6bcae83de3
--- /dev/null
+++ b/through2/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "through2": ["through2/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "through2-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/turf/turf-2.0.d.ts b/turf/v2/index.d.ts
similarity index 100%
rename from turf/turf-2.0.d.ts
rename to turf/v2/index.d.ts
diff --git a/turf/v2/tsconfig.json b/turf/v2/tsconfig.json
new file mode 100644
index 0000000000..4c1400c95c
--- /dev/null
+++ b/turf/v2/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "turf": ["turf/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "turf-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/turf/turf-2.0-tests.ts b/turf/v2/turf-tests.ts
similarity index 99%
rename from turf/turf-2.0-tests.ts
rename to turf/v2/turf-tests.ts
index 45d9dbcc42..22e36aa4ec 100644
--- a/turf/turf-2.0-tests.ts
+++ b/turf/v2/turf-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="turf-2.0.d.ts"/>
-
 ///////////////////////////////////////////
 // Tests data initialisation
 ///////////////////////////////////////////
diff --git a/tv4/tv4-1.2.4-tests.ts b/tv4/tv4-1.2.4-tests.ts
deleted file mode 100644
index d899be50fb..0000000000
--- a/tv4/tv4-1.2.4-tests.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-///<reference path="tv4-1.2.4.d.ts" />
-
-var str:string;
-var strArr:string[];
-var bool:boolean;
-var num:number;
-var obj:any;
-var tv4:TV4;
-var err:TV4Error;
-var errs:TV4Error[];
-var single:TV4SingleResult;
-var multi:TV4MultiResult;
-
-single = tv4.validateResult(obj, obj);
-bool = single.valid;
-strArr = single.missing;
-err = single.error;
-
-num = err.code;
-str = err.message;
-str = err.dataPath;
-str = err.schemaPath;
-
-multi = tv4.validateMultiple(obj, obj);
-bool = multi.valid;
-strArr = multi.missing;
-errs = multi.errors;
-
-bool = tv4.addSchema(str, obj);
-obj = tv4.getSchema(str);
-obj = tv4.normSchema(str, str);
-str = tv4.resolveUrl(str, str);
-
-tv4 = tv4.freshApi();
-tv4.dropSchemas();
-tv4.reset();
-
-strArr = tv4.getMissingUris(/abc/);
-strArr = tv4.getSchemaUris(/abc/);
-obj = tv4.getSchemaMap()[str];
-num = tv4.errorCodes['bla'];
-
-num = tv4.errorCodes['MY_NAME'];
diff --git a/tv4/tv4-1.2.4.d.ts b/tv4/tv4-1.2.4.d.ts
deleted file mode 100644
index 438910e90d..0000000000
--- a/tv4/tv4-1.2.4.d.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-// Type definitions for Tiny Validator tv4 1.0.6
-// Project: https://github.com/geraintluff/tv4
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-interface TV4ErrorCodes {
-	[key:string]:number;
-}
-interface TV4Error {
-	code:number;
-	message:string;
-	dataPath:string;
-	schemaPath:string;
-}
-interface TV4SchemaMap {
-	[uri:string]:any;
-}
-interface TV4BaseResult {
-	missing:string[];
-	valid:boolean;
-}
-interface TV4SingleResult extends TV4BaseResult {
-	error:TV4Error;
-}
-interface TV4MultiResult extends TV4BaseResult {
-	errors:TV4Error[];
-}
-interface TV4 {
-	validateResult(data:any, schema:any):TV4SingleResult;
-	validateMultiple(data:any, schema:any):TV4MultiResult;
-
-	addSchema(uri:string, schema:any):boolean;
-	getSchema(uri:string):any;
-	normSchema(schema:any, baseUri:string):any;
-	resolveUrl(base:string, href:string):string;
-	freshApi():TV4;
-	dropSchemas():void;
-	reset():void;
-
-	getMissingUris(exp?:RegExp):string[];
-	getSchemaUris(exp?:RegExp):string[];
-	getSchemaMap():TV4SchemaMap;
-	errorCodes:TV4ErrorCodes;
-}
-declare module "tv4" {
-	var tv4: TV4
-	export = tv4;
-}
diff --git a/uglify-js/uglify-js-tests.ts b/uglify-js/uglify-js-tests.ts
index 5de6c65b50..19233bf7ad 100644
--- a/uglify-js/uglify-js-tests.ts
+++ b/uglify-js/uglify-js-tests.ts
@@ -1,6 +1,6 @@
 /// <reference types="node" />
 
-import * as UglifyJS from './';
+import * as UglifyJS from 'uglify-js';
 import * as fs from 'fs';
 
 var result = UglifyJS.minify("/path/to/file.js");
diff --git a/umzug/umzug-tests.ts b/umzug/umzug-tests.ts
index 1201ec178f..a3c9ab3916 100644
--- a/umzug/umzug-tests.ts
+++ b/umzug/umzug-tests.ts
@@ -1,7 +1,7 @@
 /// <reference types="node" />
 
-import * as Umzug from "./";
-import * as Sequelize from "../sequelize";
+import * as Umzug from "umzug";
+import * as Sequelize from "sequelize";
 
 var someVar:Umzug.Umzug;
 var umzug = new Umzug({});
diff --git a/vinyl/vinyl-0.4.3.d.ts b/vinyl/v0/index.d.ts
similarity index 100%
rename from vinyl/vinyl-0.4.3.d.ts
rename to vinyl/v0/index.d.ts
diff --git a/vinyl/v0/tsconfig.json b/vinyl/v0/tsconfig.json
new file mode 100644
index 0000000000..7316524422
--- /dev/null
+++ b/vinyl/v0/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "vinyl": ["vinyl/v0"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "vinyl-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/vinyl/vinyl-0.4.3.tests.ts b/vinyl/v0/vinyl-tests.ts
similarity index 100%
rename from vinyl/vinyl-0.4.3.tests.ts
rename to vinyl/v0/vinyl-tests.ts
diff --git a/vivus/tsconfig.json b/vivus/tsconfig.json
index 14b03ade3a..3d8c032420 100644
--- a/vivus/tsconfig.json
+++ b/vivus/tsconfig.json
@@ -12,5 +12,9 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "index-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/waterline/waterline-tests.ts b/waterline/waterline-tests.ts
index aeb799b9a2..5203195ef2 100644
--- a/waterline/waterline-tests.ts
+++ b/waterline/waterline-tests.ts
@@ -1,4 +1,4 @@
-import Waterline = require(".");
+import Waterline = require("waterline");
 const waterline = new Waterline();
 const userCollection = Waterline.Collection.extend({
     identity: "user",
diff --git a/winjs/index.d.ts b/winjs/index.d.ts
index 46b9403528..da10428d3c 100644
--- a/winjs/index.d.ts
+++ b/winjs/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for WinJS
+// Type definitions for WinJS 4.4
 // Project: http://try.buildwinjs.com/
 // Definitions by: TypeScript samples <https://www.typescriptlang.org/>, Adam Hewitt <https://github.com/adamhewitt627>, Craig Treasure <https://github.com/craigktreasure>, Jeff Fisher <https://github.com/xirzec>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/winjs/winjs-1.0.d.ts b/winjs/v1/index.d.ts
similarity index 99%
rename from winjs/winjs-1.0.d.ts
rename to winjs/v1/index.d.ts
index 83ccab6916..e85c51cc2e 100644
--- a/winjs/winjs-1.0.d.ts
+++ b/winjs/v1/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for WinJS
+// Type definitions for WinJS 1.x
 // Project: http://try.buildwinjs.com/
 // Definitions by: TypeScript samples <https://www.typescriptlang.org/>, Adam Hewitt <https://github.com/adamhewitt627>, Craig Treasure <https://github.com/craigktreasure>, Jeff Fisher <https://github.com/xirzec>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/winjs/v1/tsconfig.json b/winjs/v1/tsconfig.json
new file mode 100644
index 0000000000..03c0485abb
--- /dev/null
+++ b/winjs/v1/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "winjs": ["winjs/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/winjs/winjs-2.1.d.ts b/winjs/v2/index.d.ts
similarity index 99%
rename from winjs/winjs-2.1.d.ts
rename to winjs/v2/index.d.ts
index a8fb4af064..9fcc55a17c 100644
--- a/winjs/winjs-2.1.d.ts
+++ b/winjs/v2/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for WinJS
+// Type definitions for WinJS 2.x
 // Project: http://try.buildwinjs.com/
 // Definitions by: TypeScript samples <https://www.typescriptlang.org/>, Adam Hewitt <https://github.com/adamhewitt627>, Craig Treasure <https://github.com/craigktreasure>, Jeff Fisher <https://github.com/xirzec>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -4203,7 +4203,7 @@ declare namespace WinJS.UI {
 
        //#endregion Properties
     }
-    
+
     /**
      * Represents a grid layout for the ListView in which items are arranged in a horizontal grid.
     **/
diff --git a/winjs/v2/tsconfig.json b/winjs/v2/tsconfig.json
new file mode 100644
index 0000000000..e2b36d3a08
--- /dev/null
+++ b/winjs/v2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "winjs": ["winjs/v2"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/winjs/winjs-2.0.d.ts b/winjs/winjs-2.0.d.ts
deleted file mode 100644
index d04c2130c5..0000000000
--- a/winjs/winjs-2.0.d.ts
+++ /dev/null
@@ -1,8656 +0,0 @@
-// Type definitions for WinJS
-// Project: http://try.buildwinjs.com/
-// Definitions by: TypeScript samples <https://www.typescriptlang.org/>, Adam Hewitt <https://github.com/adamhewitt627>, Craig Treasure <https://github.com/craigktreasure>, Jeff Fisher <https://github.com/xirzec>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/* *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-/**
- * Defines an Element object.
-**/
-interface Element {
-    winControl: any;
-}
-
-/**
- * Utility class for easy access to operations on application folders
-**/
-interface IOHelper {
-    /**
-     * Determines whether the specified file exists in the folder.
-     * @param filename The name of the file.
-     * @returns A promise that completes with a value of either true (if the file exists) or false.
-    **/
-    exists(filename: string): WinJS.Promise<boolean>;
-
-    /**
-     * Reads the specified file. If the file doesn't exist, the specified default value is returned.
-     * @param fileName The file to read from.
-     * @param def The default value to be returned if the file failed to open.
-     * @returns A promise that completes with a value that is either the contents of the file, or the specified default value.
-     **/
-    readText(fileName: string, def?: string): WinJS.Promise<string>;
-
-    /**
-     * Deletes a file from the folder.
-     * @param fileName The file to be deleted.
-     * @returns A promise that is fulfilled when the file has been deleted.
-    **/
-    remove(fileName: string): WinJS.Promise<void>;
-
-    /**
-     * Writes the specified text to the specified file.
-     * @param fileName The name of the file.
-     * @param text The content to be written to the file.
-     * @returns A promise that is completed when the file has been written.
-     **/
-    writeText(fileName: string, text: string): WinJS.Promise<number>;
-}
-
-/**
- * Provides application-level functionality, for example activation, storage, and application events.
-**/
-declare namespace WinJS.Application {
-    //#region Objects
-
-    /**
-     * The local storage of the application.
-    **/
-    var local: IOHelper;
-
-    /**
-     * The roaming storage of the application.
-    **/
-    var roaming: IOHelper;
-
-    /**
-     * The temp storage of the application.
-    **/
-    var temp: IOHelper;
-
-    /**
-     * An object used for storing app information that can be used to restore the app's state after it has been suspended and then resumed. Data that can usefully be contained in this object includes the current navigation page or any information the user has added to the input controls on the page. You should not add information about customization (for example colors) or user-defined lists of content.
-    **/
-    var sessionState: any;
-
-    //#endregion Objects
-
-    //#region Methods
-
-    /**
-     * Informs the application object that asynchronous work is being performed, and that this event handler should not be considered complete until the promise completes. This function can be set inside the handlers for all WinJS.Application events: onactivated oncheckpoint onerror onloaded onready onsettings onunload.
-     * @param promise The promise that should complete before processing is complete.
-    **/
-    function setPromise(promise: Promise<any>): void;
-
-    //#endregion Methods
-
-    //#region Functions
-
-    /**
-     * Adds an event listener for application-level events: activated, checkpoint, error, loaded, ready, settings, and unload.
-     * @param type The type (name) of the event. You can use any of the following:"activated", "checkpoint", "error", "loaded", "ready", "settings", and" unload".
-     * @param listener The listener to invoke when the event is raised.
-     * @param capture true to initiate capture, otherwise false.
-    **/
-    function addEventListener(type: string, listener: Function, capture?: boolean): void;
-
-    /**
-     * Queues a checkpoint event.
-    **/
-    function checkpoint(): void;
-
-    /**
-     * Queues an event to be processed by the WinJS.Application event queue.
-     * @param eventRecord The event object is expected to have a type property that is used as the event name when dispatching on the WinJS.Application event queue. The entire object is provided to event listeners in the detail property of the event.
-    **/
-    function queueEvent(eventRecord: any): void;
-
-    /**
-     * Removes an event listener from the control.
-     * @param type The type (name) of the event.
-     * @param listener The listener to remove.
-     * @param useCapture Specifies whether or not to initiate capture.
-    **/
-    function removeEventListener(type: string, listener: Function, useCapture?: any): void;
-
-    /**
-     * Starts dispatching application events (the activated, checkpoint, error, loaded, ready, settings, and unload events).
-    **/
-    function start(): void;
-
-    /**
-     * Stops application event processing and resets WinJS.Application to its initial state. All WinJS.Application event listeners (for the activated, checkpoint, error, loaded, ready, settings, and unload events) are removed.
-    **/
-    function stop(): void;
-
-    //#endregion Functions
-
-    //#region Events
-
-    /**
-     * Occurs when WinRT activation has occurred. The name of this event is "activated" (and also "mainwindowactivated"). This event occurs after the loaded event and before the ready event.
-     * @param eventInfo An object that contains information about the event. For more information about event arguments, see the WinRT event argument classes: WebUICachedFileUpdaterActivatedEventArgs, WebUICameraSettingsActivatedEventArgs, WebUIContactPickerActivatedEventArgs, WebUIDeviceActivatedEventArgs, WebUIFileActivatedEventArgs, WebUIFileOpenPickerActivatedEventArgs, WebUIFileSavePickerActivatedEventArgs, WebUILaunchActivatedEventArgs, WebUIPrintTaskSettingsActivatedEventArgs, WebUIProtocolActivatedEventArgs, WebUISearchActivatedEventArgs, WebUIShareTargetActivatedEventArgs.
-    **/
-    function onactivated(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when receiving PLM notification or when the checkpoint function is called.
-     * @param eventInfo An object that contains information about the event. The detail property of this object includes the following subproperties: type, setPromise.
-    **/
-    function oncheckpoint(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when an unhandled error has been raised.
-     * @param eventInfo An object that contains information about the event.
-    **/
-    function onerror(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs after the DOMContentLoaded event, which fires after the page has been parsed but before all the resources are loaded. This event occurs before the activated event and the ready event.
-     * @param eventInfo An object that contains information about the event. The detail property of this object includes the following subproperties: type, setPromise.
-    **/
-    function onloaded(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when the application is ready. This event occurs after the loaded event and the activated event.
-     * @param eventInfo An object that contains information about the event. The detail property of this object includes the following sub-properties: type, setPromise.
-    **/
-    function onready(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when the settings charm is invoked.
-     * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: type, applicationcommands.
-    **/
-    function onsettings(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when the application is about to be unloaded.
-     * @param eventInfo An object that contains information about the event. The detail property of this object includes the following sub-properties: type, setPromise.
-    **/
-    function onunload(eventInfo: CustomEvent): void;
-
-    //#endregion Events
-
-}
-/**
- * Provides functionality for data and template binding.
-**/
-declare namespace WinJS.Binding {
-    //#region Properties
-
-    /**
-     * Determines whether or not binding should automatically set the ID of an element. This property should be set to true in apps that use WinJS (WinJS) binding.
-    **/
-    var optimizeBindingReferences: boolean;
-
-    //#endregion Properties
-
-    //#region Objects
-
-    /**
-     * Allows you to add bindable properties dynamically.
-    **/
-    var dynamicObservableMixin: {
-        //#region Methods
-
-        /**
-         * Adds a property with change notification to this object, including a ECMAScript5 property definition.
-         * @param name The name of the property to add.
-         * @param value This object is returned.
-        **/
-        addProperty(name: string, value: any): void;
-
-        /**
-         * Links the specified action to the property specified in the name parameter. This function is invoked when the value of the property may have changed. It is not guaranteed that the action will be called only when a value has actually changed, nor is it guaranteed that the action will be called for every value change. The implementation of this function coalesces change notifications, such that multiple updates to a property value may result in only a single call to the specified action.
-         * @param name The name of the property to which to bind the action.
-         * @param action The function to invoke asynchronously when the property may have changed.
-         * @returns This object is returned.
-        **/
-        bind(name: string, action: any): Function;
-
-        /**
-         * Gets a property value by name.
-         * @param name The name of the property to get.
-         * @returns The value of the property as an observable object.
-        **/
-        getProperty(name: string): any;
-
-        /**
-         * Notifies listeners that a property value was updated.
-         * @param name The name of the property that is being updated.
-         * @param newValue The new value for the property.
-         * @param oldValue The old value for the property.
-         * @returns A promise that is completed when the notifications are complete.
-        **/
-        notify(name: string, newValue: string, oldValue: string): Promise<any>;
-
-        /**
-         * Removes a property value.
-         * @param name The name of the property to remove.
-         * @returns This object is returned.
-        **/
-        removeProperty(name: string): any;
-
-        /**
-         * Updates a property value and notifies any listeners.
-         * @param name The name of the property to update.
-         * @param value The new value of the property.
-         * @returns This object is returned.
-        **/
-        setProperty(name: string, value: any): any;
-
-        /**
-         * Removes one or more listeners from the notification list for a given property.
-         * @param name The name of the property to unbind. If this parameter is omitted, all listeners for all events are removed.
-         * @param action The function to remove from the listener list for the specified property. If this parameter is omitted, all listeners are removed for the specific property.
-         * @returns This object is returned.
-        **/
-        unbind(name: string, action: Function): any;
-
-        /**
-         * Updates a property value and notifies any listeners.
-         * @param name The name of the property to update.
-         * @param value The new value of the property.
-         * @returns A promise that completes when the notifications for this property change have been processed. If multiple notifications are coalesced, the promise may be canceled or the value of the promise may be updated. The fulfilled value of the promise is the new value of the property for which the notifications have been completed.
-        **/
-        updateProperty(name: string, value: any): Promise<any>;
-
-        //#endregion Methods
-
-    };
-
-    /**
-     * Do not instantiate. A list returned by the createFiltered method.
-    **/
-    class FilteredListProjection<T> extends ListProjection<T> {
-        //#region Methods
-
-        /**
-         * Returns a key/data pair for the specified index.
-         * @param index The index of the value to retrieve.
-         * @returns An object that has two properties: key and data.
-        **/
-        getItem(index: number): IKeyDataPair<T>;
-
-        /**
-         * Returns the index of the first occurrence of a key in a list.
-         * @param key The key to locate in the list.
-         * @returns The index of the first occurrence of a key in a list, or -1 if not found.
-        **/
-        indexOfKey(key: string): number;
-
-        /**
-         * Forces the list to send a itemmutated notification to any listeners for the value at the specified index.
-         * @param index The index of the value that was mutated.
-        **/
-        notifyMutated(index: number): void;
-
-        /**
-         * Replaces the value at the specified index with a new value.
-         * @param index The index of the value that was replaced.
-         * @param newValue The new value.
-        **/
-        setAt(index: number, newValue: T): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * The length of the list. Returns an integer value one higher than the highest element defined in an list.
-        **/
-        length: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Do not instantiate. A list of groups.
-    **/
-    class GroupsListProjection<T> extends ListBase<T> {
-        //#region Methods
-
-        /**
-         * Gets a key/data pair for the specified index.
-         * @param index The index of the value to retrieve.
-         * @returns An object that has two properties: key and data.
-        **/
-        getItem(index: number): IKeyDataPair<T>;
-
-        /**
-         * Gets a key/data pair for the specified key.
-         * @param key The key of the value to retrieve.
-         * @returns An object with two properties: key and data.
-        **/
-        getItemFromKey(key: string): IKeyDataPair<T>;
-
-        /**
-         * Returns the index of the first occurrence of a key in a list.
-         * @param key The key to locate in the list.
-         * @returns The index of the first occurrence of a key in a list, or -1 if not found.
-        **/
-        indexOfKey(key: string): number;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * The length of the list. Returns an integer value one higher than the highest element defined in an list.
-        **/
-        length: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Do not instantiate. Sorts the underlying list by group key and within a group respects the position of the item in the underlying list. Returned by createGrouped.
-    **/
-    class GroupedSortedListProjection<T> extends SortedListProjection<T> {
-        //#region Properties
-
-        /**
-         * Gets a List, which is a projection of the groups that were identified in this list.
-        **/
-        groups: GroupsListProjection<T>;
-
-        //#endregion Properties
-
-        /**
-         * Returns a key/data pair for the specified index.
-         * @param index The index of the value to retrieve.
-         * @returns An object that has two properties: key and data.
-        **/
-        getItem(index: number): IGroupKeyDataPair<T>;
-    }
-
-    /**
-     * Represents a list of objects that can be accessed by index or by a string key. Provides methods to search, sort, filter, and manipulate the data.
-    **/
-    class List<T> extends ListBaseWithMutators<T> {
-        //#region Constructors
-
-        /**
-         * Creates a List object.
-         * @constructor
-         * @param list The array containing the elements to initalize the list.
-         * @param options You can set two Boolean options: binding and proxy. If options.binding is true, the list contains the result of calling as on the element values. If options.proxy is true, the list specified as the first parameter is used as the storage for the List. This option should be used with care, because uncoordinated edits to the data storage may result in errors.
-        **/
-        constructor(list?: T[], options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Gets a key/data pair for the specified list index.
-         * @param index The index of value to retrieve.
-         * @returns An object with .key and .data properties.
-        **/
-        getItem(index: number): IKeyDataPair<T>;
-
-        /**
-         * Gets a key/data pair for the list item key specified.
-         * @param key The key of the value to retrieve.
-         * @returns An object with .key and .data properties.
-        **/
-        getItemFromKey(key: string): IKeyDataPair<T>;
-
-        /**
-         * Gets the index of the first occurrence of a key in a list.
-         * @param key The key to locate in the list.
-         * @returns The index of the first occurrence of a key in a list, or -1 if not found.
-        **/
-        indexOfKey(key: string): number;
-
-        /**
-         * Moves the value at index to the specified position.
-         * @param index The original index of the value.
-         * @param newIndex The index of the value after the move.
-        **/
-        move(index: number, newIndex: number): void;
-
-        /**
-         * Forces the list to send a itemmutated notification to any listeners for the value at the specified index.
-         * @param index The index of the value that was mutated.
-        **/
-        notifyMutated(index: number): void;
-
-        /**
-         * Returns a list with the elements reversed. This method reverses the elements of a list object in place. It does not create a new list object during execution.
-        **/
-        reverse(): void;
-
-        /**
-         * Replaces the value at the specified index with a new value.
-         * @param index The index of the value that was replaced.
-         * @param newValue The new value.
-        **/
-        setAt(index: number, newValue: T): void;
-
-        /**
-         * Returns a list with the elements sorted. This method sorts the elements of a list object in place. It does not create a new list object during execution.
-         * @param sortFunction The function used to determine the order of the elements. If omitted, the elements are sorted in ascending, ASCII character order. This function must always return the same results, given the same inputs. The results should not depend on values that are subject to change. You must call notifyMutated each time an item changes. Do not batch change notifications.
-        **/
-        sort(sortFunction?: (left: T, right: T) => number): void;
-
-        /**
-         * Removes elements from a list and, if necessary, inserts new elements in their place, returning the deleted elements.
-         * @param start The zero-based location in the list from which to start removing elements.
-         * @param howMany The number of elements to remove.
-         * @param item The elements to insert into the list in place of the deleted elements.
-         * @returns The deleted elements.
-        **/
-        splice(start: number, howMany?: number, ...item: T[]): T[];
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the length of the list, which is an integer value one higher than the highest element defined in the list.
-        **/
-        length: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a base class for lists.
-    **/
-    class ListBase<T> {
-        //#region Events
-
-        /**
-         * An item in the list has changed its value.
-         * @param eventInfo An object that contains information about the event. The detail contains the following information: index, key, newItem, newValue, oldItem, oldValue.
-        **/
-        onitemchanged(eventInfo: CustomEvent): void;
-
-        /**
-         * A new item has been inserted into the list.
-         * @param eventInfo An object that contains information about the event. The detail contains the following information: index, key, value.
-        **/
-        oniteminserted(eventInfo: CustomEvent): void;
-
-        /**
-         * An item has been changed locations in the list.
-         * @param eventInfo An object that contains information about the event. The detail contains the following information: index, key, value.
-        **/
-        onitemmoved(eventInfo: CustomEvent): void;
-
-        /**
-         * An item has been mutated. This event occurs as a result of calling the notifyMutated method.
-         * @param eventInfo An object that contains information about the event. The detail contains the following information: index, key, value.
-        **/
-        onitemmutated(eventInfo: CustomEvent): void;
-
-        /**
-         * An item has been removed from the list.
-         * @param eventInfo An object that contains information about the event. The detail contains the following information: index, key, value.
-        **/
-        onitemremoved(eventInfo: CustomEvent): void;
-
-        /**
-         * The list has been refreshed. Any references to items in the list may be incorrect.
-         * @param eventInfo An object that contains information about the event. The detail property of this object is null.
-        **/
-        onreload(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Adds an event listener to the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to invoke when the event gets raised.
-         * @param useCapture If true, initiates capture, otherwise false.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Links the specified action to the property specified in the name parameter. This function is invoked when the value of the property may have changed. It is not guaranteed that the action will be called only when a value has actually changed, nor is it guaranteed that the action will be called for every value change. The implementation of this function coalesces change notifications, such that multiple updates to a property value may result in only a single call to the specified action.
-         * @param name The name of the property to which to bind the action.
-         * @param action The function to invoke asynchronously when the property may have changed.
-         * @returns A reference to this observableMixin object.
-        **/
-        bind(name: string, action: Function): any;
-
-        /**
-         * Returns a new list consisting of a combination of two arrays.
-         * @param item Additional items to add to the end of the list.
-         * @returns An array containing the concatenation of the list and any other supplied items.
-        **/
-        concat(...item: T[]): T[];
-
-        /**
-         * Creates a live filtered projection over this list. As the list changes, the filtered projection reacts to those changes and may also change.
-         * @param predicate A function that accepts a single argument. The createFiltered function calls the callback with each element in the list. If the function returns true, that element will be included in the filtered list. This function must always return the same results, given the same inputs. The results should not depend on values that are subject to change. You must call notifyMutated each time an item changes. Do not batch change notifications.
-         * @returns A filtered projection over the list.
-        **/
-        createFiltered(predicate: (x: T) => boolean): FilteredListProjection<T>;
-
-        /**
-         * Creates a live grouped projection over this list. As the list changes, the grouped projection reacts to those changes and may also change. The grouped projection sorts all the elements of the list to be in group-contiguous order. The grouped projection also contains a .groups property, which is a List representing the groups that were found in the list.
-         * @param groupKey A function that accepts a single argument. The function is called with each element in the list, the function should return a string representing the group containing the element. This function must always return the same results, given the same inputs. The results should not depend on values that are subject to change. You must call notifyMutated each time an item changes. Do not batch change notifications.
-         * @param groupData A function that accepts a single argument. The function is called once, on one element per group. It should return the value that should be set as the data of the .groups list element for this group. The data value usually serves as summary or header information for the group.
-         * @param groupSorter A function that accepts two arguments. The function is called with pairs of group keys found in the list. It must return one of the following numeric values: negative if the first argument is less than the second (sorted before), zero if the two arguments are equivalent, positive if the first argument is greater than the second (sorted after).
-         * @returns A grouped projection over the list.
-        **/
-        createGrouped(groupKey: (x: T) => string, groupData: (x: T) => any, groupSorter?: (left: string, right: string) => number): GroupedSortedListProjection<T>;
-
-        /**
-         * Creates a live sorted projection over this list. As the list changes, the sorted projection reacts to those changes and may also change.
-         * @param sorter A function that accepts two arguments. The function is called with elements in the list. It must return one of the following numeric values: negative if the first argument is less than the second, zero if the two arguments are equivalent, positive if the first argument is greater than the second. This function must always return the same results, given the same inputs. The results should not depend on values that are subject to change. You must call notifyMutated each time an item changes. Do not batch change notifications.
-         * @returns A sorted projection over the list.
-        **/
-        createSorted(sorter: (left: T, right: T) => number): SortedListProjection<T>;
-
-        /**
-         * Raises an event of the specified type and with the specified additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Checks whether the specified callback function returns true for all elements in a list.
-         * @param callback A function that accepts up to three arguments. This function is called for each element in the list until it returns false or the end of the list is reached.
-         * @param thisArg An object to which the this keyword can refer in the callback function. If thisArg is omitted, undefined is used.
-         * @returns true if the callback returns true for all elements in the list.
-        **/
-        every(callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any): boolean;
-
-        /**
-         * Returns the elements of a list that meet the condition specified in a callback function.
-         * @param callback A function that accepts up to three arguments. The function is called for each element in the list. This function must always return the same results, given the same inputs. The results should not depend on values that are subject to change. You must call notifyMutated each time an item changes. Do not batch change notifications.
-         * @param thisArg An object to which the this keyword can refer in the callback function. If thisArg is omitted, undefined is used.
-         * @returns An array containing the elements that meet the condition specified in the callback function.
-        **/
-        filter(callback: (value: T, index: number, array: T[]) => any, thisArg?: any): T[];
-
-        /**
-         * Calls the specified callback function for each element in a list.
-         * @param callback A function that accepts up to three arguments. The function is called for each element in the list. The arguments are as follows: value, index, array.
-         * @param thisArg An object to which the this keyword can refer in the callback function. If thisArg is omitted, undefined is used.
-        **/
-        forEach(callback: (value: T, index: number, array: T[]) => void, thisArg?: any): void;
-
-        /**
-         * Gets the value at the specified index.
-         * @param index The index of the value to get.
-         * @returns The value at the specified index.
-        **/
-        getAt(index: number): T;
-
-        /**
-         * Gets the index of the first occurrence of the specified value in a list.
-         * @param searchElement The value to locate in the list.
-         * @param fromIndex The index at which to begin the search. If fromIndex is omitted, the search starts at index 0.
-         * @returns The index of the first occurrence of a value in a list or -1 if not found.
-        **/
-        indexOf(searchElement: T, fromIndex?: number): number;
-
-        /**
-         * Returns a string consisting of all the elements of a list separated by the specified separator string.
-         * @param separator A string used to separate the elements of a list. If this parameter is omitted, the list elements are separated with a comma.
-         * @returns The elements of a list separated by the specified separator string.
-        **/
-        join(separator?: string): string;
-
-        /**
-         * Gets the index of the last occurrence of the specified value in a list.
-         * @param searchElement The value to locate in the list.
-         * @param fromIndex The index at which to begin the search. If fromIndex is omitted, the search starts at the last index in the list.
-         * @returns The index of the last occurrence of a value in a list, or -1 if not found.
-        **/
-        lastIndexOf(searchElement: T, fromIndex?: number): number;
-
-        /**
-         * Calls the specified callback function on each element of a list, and returns an array that contains the results.
-         * @param callback A function that accepts up to three arguments. The function is called for each element in the list.
-         * @param thisArg n object to which the this keyword can refer in the callback function. If thisArg is omitted, undefined is used.
-         * @returns An array containing the result of calling the callback function on each element in the list.
-        **/
-        map<G>(callback: (value: T, index: number, array: T[]) => G, thisArg?: any): G[];
-
-        /**
-         * Notifies listeners that a property value was updated.
-         * @param name The name of the property that is being updated.
-         * @param newValue The new value for the property.
-         * @param oldValue The old value for the property.
-         * @returns A promise that is completed when the notifications are complete.
-        **/
-        notify(name: string, newValue: any, oldValue: any): Promise<any>;
-
-        /**
-         * Forces the list to send a reload notification to any listeners.
-        **/
-        notifyReload(): void;
-
-        /**
-         * Accumulates a single result by calling the specified callback function for all elements in a list. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.
-         * @param callback A function that accepts up to four arguments. These arguments are: previousValue, currentValue, currentIndex, array. The function is called for each element in the list.
-         * @param initiallValue If initialValue is specified, it is used as the value with which to start the accumulation. The first call to the function provides this value as an argument instead of a list value.
-         * @returns The return value from the last call to the callback function.
-        **/
-        reduce(callback: (previousValue: any, currentValue: any, currentIndex: number, array: T[]) => T, initiallValue?: T): T;
-
-        /**
-         * Accumulates a single result by calling the specified callback function for all elements in a list, starting with the last member of the list. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.
-         * @param callback A function that accepts up to four arguments. These arguments are: previousValue, currentValue, currentIndex, array. The function is called for each element in the list.
-         * @param initialValue If initialValue is specified, it is used as the value with which to start the accumulation. The first call to the callback function provides this value as an argument instead of a list value.
-         * @returns The return value from the last call to callback function.
-        **/
-        reduceRight(callback: (previousValue: any, currentValue: any, currentIndex: number, array: T[]) => T, initialValue?: T): T;
-
-        /**
-         * Removes an event listener from the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to remove.
-         * @param useCapture true if capture is to be initiated, otherwise false.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Extracts a section of a list and returns a new list.
-         * @param begin The index that specifies the beginning of the section.
-         * @param end The index that specifies the end of the section.
-         * @returns Returns a section of list.
-        **/
-        slice(begin: number, end?: number): T[];
-
-        /**
-         * Checks whether the specified callback function returns true for any element of a list.
-         * @param callback A function that accepts up to three arguments. The function is called for each element in the list until it returns true, or until the end of the list.
-         * @param thisArg An object to which the this keyword can refer in the callback function. If thisArg is omitted, undefined is used.
-         * @returns true if callback returns true for any element in the list.
-        **/
-        some(callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any): boolean;
-
-        /**
-         * Removes one or more listeners from the notification list for a given property.
-         * @param name The name of the property to unbind. If this parameter is omitted, all listeners for all events are removed.
-         * @param action The function to remove from the listener list for the specified property. If this parameter is omitted, all listeners are removed for the specific property.
-         * @returns This object is returned.
-        **/
-        unbind(name: string, action: Function): any;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the IListDataSource for the list. The only purpose of this property is to adapt a List to the data model that is used by ListView and FlipView.
-        **/
-        dataSource: WinJS.UI.IListDataSource<T>;
-
-        /**
-         * Indicates that the object is compatibile with declarative processing.
-        **/
-        static supportedForProcessing: boolean;
-
-        //#endregion Properties
-    }
-
-    /**
-     * Represents a base class for normal list modifying operations.
-    **/
-    class ListBaseWithMutators<T> extends ListBase<T> {
-        //#region Methods
-
-        /**
-         * Removes the last element from a list and returns it.
-         * @returns The last element from the list.
-        **/
-        pop(): T;
-
-        /**
-         * Appends new element(s) to a list, and returns the new length of the list.
-         * @param value The element to insert at the end of the list.
-         * @returns The new length of the list.
-        **/
-        push(value: T): number;
-        push(...values: T[]): number;
-
-        /**
-         * Removes the first element from a list and returns it.
-         * @returns The first element from the list.
-        **/
-        shift(): T;
-
-        /**
-         * Appends new element(s) to a list, and returns the new length of the list.
-         * @param value The element to insert at the start of the list.
-         * @returns The new length of the list.
-        **/
-        unshift(value: T): number;
-        unshift(...values: T[]): number;
-
-        //#endregion Methods
-    }
-
-    /**
-     * Represents a base class for list projections.
-    **/
-    class ListProjection<T> extends ListBaseWithMutators<T> {
-        //#region Methods
-
-        /**
-         * Disconnects a WinJS.Binding.List projection from its underlying WinJS.Binding.List. It's only important to call this method when the WinJS.Binding.List projection and the WinJS.Binding.List have different lifetimes. (Call this method on the WinJS.Binding.List projection, not the underlying WinJS.Binding.List.)
-        **/
-        dispose(): void;
-
-        /**
-         * Gets a key/data pair for the specified key.
-         * @param key The key of the value to retrieve.
-         * @returns An object with two properties: key and data.
-        **/
-        getItemFromKey(key: string): IKeyDataPair<T>;
-
-        /**
-         * Moves the value at index to position newIndex.
-         * @param index The original index of the value.
-         * @param newIndex The index of the value after the move.
-        **/
-        move(index: number, newIndex: number): void;
-
-        /**
-         * Removes elements from a list and, if necessary, inserts new elements in their place, returning the deleted elements.
-         * @param start The zero-based location in the list from which to start removing elements.
-         * @param howMany The number of elements to remove.
-         * @param item The elements to insert into the list in place of the deleted elements.
-         * @returns The deleted elements.
-        **/
-        splice(start: number, howMany?: number, ...item: T[]): T[];
-
-        //#endregion Methods
-    }
-
-    /**
-     * Provides a standard implementation of the bindable contract, as well as a basic storage mechanism that participates in change notification and an asynchronous notification implementation.
-    **/
-    var mixin: {
-        //#region Methods
-
-        /**
-         * Adds a property to the object. The property includes change notification and an ECMAScript 5 property definition .
-         * @param name The name of the property to add.
-         * @param value The value of the property.
-         * @returns This object is returned.
-        **/
-        addProperty(name: string, value: any): any;
-
-        /**
-         * Links the specified action to the property specified in the name parameter. This function is invoked when the value of the property may have changed. It is not guaranteed that the action will be called only when a value has actually changed, nor is it guaranteed that the action will be called for every value change. The implementation of this function coalesces change notifications, such that multiple updates to a property value may result in only a single call to the specified action.
-         * @param name The name of the property to which to bind the action.
-         * @param action The function to invoke asynchronously when the property may have changed.
-         * @returns This object is returned.
-        **/
-        bind(name: string, action: any): Function;
-
-        /**
-         * Gets a property value by name.
-         * @param name The name of the property to get.
-         * @returns The value of the property as an observable object.
-        **/
-        getProperty(name: string): any;
-
-        /**
-         * Notifies listeners that a property value was updated.
-         * @param name The name of the property that is being updated.
-         * @param newValue The new value for the property.
-         * @param oldValue The old value for the property.
-         * @returns A promise that is completed when the notifications are complete.
-        **/
-        notify(name: string, newValue: string, oldValue: string): Promise<any>;
-
-        /**
-         * Removes a property value.
-         * @param name The name of the property to remove.
-         * @returns This object is returned.
-        **/
-        removeProperty(name: string): any;
-
-        /**
-         * Updates a property value and notifies any listeners.
-         * @param name The name of the property to update.
-         * @param value The new value of the property.
-         * @returns This object is returned.
-        **/
-        setProperty(name: string, value: any): any;
-
-        /**
-         * Removes one or more listeners from the notification list for a given property.
-         * @param name The name of the property to unbind. If this parameter is omitted, all listeners for all events are removed.
-         * @param action The function to remove from the listener list for the specified property. If this parameter is omitted, all listeners are removed for the specific property.
-         * @returns This object is returned.
-        **/
-        unbind(name: string, action: Function): any;
-
-        /**
-         * Updates a property value and notifies any listeners.
-         * @param name The name of the property to update.
-         * @param value The new value of the property.
-         * @returns A promise that completes when the notifications for this property change have been processed. If multiple notifications are coalesced, the promise may be canceled or the value of the promise may be updated. The fulfilled value of the promise is the new value of the property for which the notifications have been completed.
-        **/
-        updateProperty(name: string, value: any): Promise<any>;
-
-        //#endregion Methods
-
-    };
-
-    /**
-     * Provides functions that can make an object observable.
-    **/
-    var observableMixin: {
-        //#region Methods
-
-        /**
-         * Links the specified action to the property specified in the name parameter. This function is invoked when the value of the property may have changed. It is not guaranteed that the action will be called only when a value has actually changed, nor is it guaranteed that the action will be called for every value change. The implementation of this function coalesces change notifications, such that multiple updates to a property value may result in only a single call to the specified action.
-         * @param name The name of the property to which to bind the action.
-         * @param action The function to invoke asynchronously when the property may have changed.
-         * @returns A reference to this observableMixin object.
-        **/
-        bind(name: string, action: Function): any;
-
-        /**
-         * Notifies listeners that a property value was updated.
-         * @param name The name of the property that is being updated.
-         * @param newValue The new value for the property.
-         * @param oldValue The old value for the property.
-         * @returns A promise that is completed when the notifications are complete.
-        **/
-        notify(name: string, newValue: any, oldValue: any): Promise<any>;
-
-        /**
-         * Removes one or more listeners from the notification list for a given property.
-         * @param name The name of the property to unbind. If this parameter is omitted, all listeners for all events are removed.
-         * @param action The function to remove from the listener list for the specified property. If this parameter is omitted, all listeners are removed for the specific property.
-         * @returns This object is returned.
-        **/
-        unbind(name: string, action: Function): any;
-
-        //#endregion Methods
-
-    };
-
-    /**
-     * Do not instantiate. Returned by the createSorted method.
-    **/
-    class SortedListProjection<T> extends ListProjection<T> {
-        //#region Methods
-
-        /**
-         * Returns a key/data pair for the specified index.
-         * @param index The index of the value to retrieve.
-         * @returns An object that has two properties: key and data.
-        **/
-        getItem(index: number): IKeyDataPair<T>;
-
-        /**
-         * Returns the index of the first occurrence of a key.
-         * @param key The key to locate in the list.
-         * @returns The index of the first occurrence of a key in a list, or -1 if not found.
-        **/
-        indexOfKey(key: string): number;
-
-        /**
-         * Forces the list to send a itemmutated notification to any listeners for the value at the specified index.
-         * @param index The index of the value that was mutated.
-        **/
-        notifyMutated(index: number): void;
-
-        /**
-         * Replaces the value at the specified index with a new value.
-         * @param index The index of the value to be replaced.
-         * @param newValue The new value.
-        **/
-        setAt(index: number, newValue: T): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the length of the list. Returns an integer value one higher than the highest element defined in a list.
-        **/
-        length: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Provides a reusable declarative binding element.
-    **/
-    class Template {
-        //#region Constructors
-
-        /**
-         * Creates a template that provides a reusable declarative binding element.
-         * @constructor
-         * @param element The DOM element to convert to a template.
-         * @param options If this parameter is supplied, the template is loaded from the URI and the content of the element parameter is ignored. You can add the following options: href.
-        **/
-        constructor(element: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-          * Binds values from the specified data context to elements that are descendants of the specified root element that have the declarative binding attributes specified (data-win-bind).
-          * @param dataContext The object to use for default data binding.
-          * @param container The element to which to add this rendered template. If this parameter is omitted, a new DIV is created.
-          * @returns A Promise that will be completed after binding has finished. The value is either container or the created DIV. promise that is completed after binding has finished.
-        **/
-        render(dataContext: any, container?: HTMLElement): Promise<HTMLElement>;
-
-        /**
-          * Renders a template based on the specified URI (static method).
-          * @param href The URI from which to load the template.
-          * @param dataContext The object to use for default data binding.
-          * @param container The element to which to add this rendered template. If this parameter is omitted, a new DIV is created.
-          * @returns A promise that is completed after binding has finished. The value is either the object in the container parameter or the created DIV.
-        **/
-        static render(href: string, dataContext: any, container?: HTMLElement): Promise<HTMLElement>;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the default binding initializer for the template.
-        **/
-        bindingInitializer: any;
-
-        /**
-         * Gets or sets a value that specifies whether a debug break is inserted into the first rendering of each template. This property only has an effect when the app is in debug mode.
-        **/
-        debugBreakOnRender: boolean;
-
-        /**
-         * This property is deprecated and might not be available in future versions of the WinJS. Gets or sets a value that specifies whether optimized template processing has been disabled.
-        **/
-        disableOptimizedProcessing: boolean;
-
-        /**
-         * Gets the DOM element that is used as the template.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets a value that specifies whether templates should be instantiated without the creation of an additional child element.
-        **/
-        extractChild: boolean;
-
-        /**
-         * Determines whether the Template contains declarative controls that must be processed separately. This property is always true. The controls that belong to a Template object's children are instantiated when a Template instance is rendered.
-        **/
-        isDeclarativeControlContainer: boolean;
-
-        //#endregion Properties
-
-    }
-
-    //#endregion Objects
-
-    //#region Functions
-
-    /**
-     * Adds a CSS class from the specified path of the source object to a destination object.
-     * @param source The source object that has the class to copy.
-     * @param sourceProperties The path on the source object to the source class.
-     * @param dest The destination object.
-    **/
-    function addClassOneTime(source: any, sourceProperties: any[], dest: HTMLElement): void;
-
-    /**
-     * Returns an observable object. This may be an observable proxy for the specified object, an existing proxy, or the specified object itself if it directly supports observation.
-     * @param data The object to observe.
-     * @returns The observable object.
-    **/
-    function as<U>(data: U): U;
-
-    /**
-     * Binds to one or more properties on the observable object or or on child values of that object.
-     * @param observable The object to bind to.
-     * @param bindingDescriptor An object literal containing the binding declarations. Binding declarations take the form: { propertyName: (function | bindingDeclaration), ... }.
-     * @returns An object that contains at least a "cancel" field, which is a function that removes all bindings associated with this bind request.
-    **/
-    function bind(observable: any, bindingDescriptor: any): any;
-
-    /**
-     * Creates a default binding initializer for binding between a source property and a destination property with the specified converter function that is executed on the value of the source property.
-     * @param convert The conversion function that takes the source property and produces a value that is set to the destination property. This function must be accessible from the global namespace.
-     * @returns The binding initializer.
-    **/
-    function converter(convert: Function): Function;
-
-    /**
-     * Creates a one-way binding between the source object and the destination object. Warning Do not attempt to bind data to the ID of an HTML element.
-     * @param source The source object.
-     * @param sourceProperties The path on the source object to the source property.
-     * @param dest The destination object.
-     * @param destProperties The path on the destination object to the destination property.
-     * @returns An object with a cancel method that is used to coalesce bindings.
-    **/
-    function defaultBind(source: any, sourceProperties: any, dest: any, destProperties: any): any;
-
-    /**
-     * Creates a new constructor function that supports observability with the specified set of properties.
-     * @param data The object to use as the pattern for defining the set of properties.
-     * @returns A constructor function with 1 optional argument that is the initial state of the properties.
-    **/
-    function define(data: any): Function;
-
-    /**
-     * Wraps the specified object so that all its properties are instrumented for binding. This is meant to be used in conjunction with the binding mixin.
-     * @param shape The specification for the bindable object.
-     * @returns An object with a set of properties all of which are wired for binding.
-    **/
-    function expandProperties(shape: any): any;
-
-    /**
-     * Marks a custom initializer function as being compatible with declarative data binding.
-     * @param customInitializer The custom initializer to be marked as compatible with declarative data binding.
-     * @returns The input customInitializer.
-    **/
-    function initializer(customInitializer: Function): Function;
-
-    /**
-     * Sets the destination property to the value of the source property.
-     * @param source The source object.
-     * @param sourceProperties The path on the source object to the source property.
-     * @param dest The destination object.
-     * @param destProperties The path on the destination object to the destination property.
-     * @returns An object with a cancel method that is used to coalesce bindings.
-    **/
-    function oneTime(source: any, sourceProperties: any, dest: any, destProperties: any): any;
-
-    /**
-     * Binds the values of an object to the values of a DOM element that has the data-win-bind attribute. If multiple DOM elements are to be bound, you must set the attribute on all of them. See the example below for details.
-     * @param rootElement Optional. The element at which to start traversing to find elements to bind to. If this parameter is omitted, the entire document is searched.
-     * @param dataContext The object that contains the values to which the DOM element should be bound.
-     * @param skipRoot If true, specifies that only the children of rootElement should be bound, otherwise rootElement should be bound as well.
-     * @param bindingCache The cached binding data.
-     * @param defaultInitializer The binding initializer to use in the case that one is not specified in a binding expression. If not provided, the behavior is the same as Binding.defaultBind.
-     * @returns A Promise that completes when every item that contains the data-win-bind attribute has been processed and the update has started.
-    **/
-    function processAll(rootElement?: Element, dataContext?: any, skipRoot?: boolean, bindingCache?: any, defaultInitializer?: Function): Promise<void>;
-
-    /**
-     * Creates a one-way binding between the source object and an attribute on the destination element.
-     * @param source The source object.
-     * @param sourceProperties The path on the source object to the source property.
-     * @param dest The destination object.
-     * @param destProperties The path on the destination object to the destination property. This must be a single name.
-     * @returns An object with a cancel() method that is used to coalesce bindings.
-    **/
-    function setAttribute(source: any, sourceProperties: any[], dest: Element, destProperties: any[]): any;
-
-    /**
-     * Sets an attribute on the destination element to the value of the source property.
-     * @param source The source object.
-     * @param sourceProperties The path on the source object to the source property.
-     * @param dest The destination object.
-     * @param destProperties The path on the destination object to the destination property. This must be a single name.
-    **/
-    function setAttributeOneTime(source: any, sourceProperties: any[], dest: Element, destProperties: any[]): void;
-
-    /**
-     * Returns the original (non-observable) object is returned if the specified object is an observable proxy,
-     * @param data The object for which to retrieve the original value.
-     * @returns If the specified object is an observable proxy, the original object is returned, otherwise the same object is returned.
-    **/
-    function unwrap(data: any): any;
-
-    //#endregion Functions
-
-    //#region Interfaces
-
-    interface IKeyDataPair<T> {
-        key: string;
-        data: T;
-    }
-
-    interface IGroupKeyDataPair<T> extends IKeyDataPair<T> {
-        groupSize: number;
-        firstItemIndexHint: number;
-        firstItemKey: string;
-    }
-
-    //#endregion Interfaces
-
-}
-/**
- * Provides helper functions for defining Classes.
-**/
-declare namespace WinJS.Class {
-    //#region Functions
-
-    /**
-     * Defines a class using the given constructor and the specified instance members.
-     * @param constructor A constructor function that is used to instantiate this type.
-     * @param instanceMembers The set of instance fields, properties, and methods made available on the type.
-     * @param staticMembers The set of static fields, properties, and methods made available on the type.
-     * @returns The newly-defined type.
-    **/
-    function define(constructor?: Function, instanceMembers?: any, staticMembers?: any): any;
-
-    /**
-     * Creates a sub-class based on the specified baseClass parameter, using prototype inheritance.
-     * @param baseClass The type to inherit from.
-     * @param constructor A constructor function that is used to instantiate this type.
-     * @param instanceMembers The set of instance fields, properties, and methods to be made available on the type.
-     * @param staticMembers The set of static fields, properties, and methods to be made available on the type.
-     * @returns The newly-defined type.
-    **/
-    function derive(baseClass: any, constructor: Function, instanceMembers?: any, staticMembers?: any): any;
-
-    /**
-     * Defines a class using the given constructor and the union of the set of instance members specified by all the mixin objects. The mixin parameter list is of variable length. For more information, see Adding functionality with WinJS mixins.
-     * @param constructor A constructor function that will be used to instantiate this class.
-     * @param mixin An object declaring the set of instance members. The mixin parameter list is of variable length.
-     * @returns The newly defined class.
-    **/
-    function mix(constructor: Function, ...mixin: any[]): any;
-
-    //#endregion Functions
-
-}
-/**
- * The WinJS namespace provides special Windows Library for JavaScript functionality, including Promise and xhr.
-**/
-declare namespace WinJS {
-    //#region Properties
-
-    /**
-     * Can be set to show the results of a validation process.
-    **/
-    var validation: boolean;
-
-    //#endregion Properties
-
-    //#region Objects
-
-    /**
-     * An error object.
-    **/
-    class ErrorFromName {
-        //#region Constructors
-
-        /**
-         * Creates an Error object with the specified name and message properties.
-         * @constructor
-         * @param name The name of this error. The name is meant to be consumed programmatically and should not be localized.
-         * @param message The message for this error. The message is meant to be consumed by humans and should be localized.
-        **/
-        constructor(name: string, message?: string);
-
-        //#endregion Constructors
-
-    }
-
-    interface IPromise<T> {
-        cancel(): void;
-        done<U>(onComplete?: (value: T) => any, onError?: (error: any) => any, onProgress?: (progress: any) => void): void;
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-    }
-
-    /**
-     * Provides a mechanism to schedule work to be done on a value that has not yet been computed. It is an abstraction for managing interactions with asynchronous APIs. For more information about asynchronous programming, see Asynchronous programming. For more information about promises in JavaScript, see Asynchronous programming in JavaScript. For more information about using promises, see the WinJS Promise sample.
-    **/
-    class Promise<T> implements IPromise<T> {
-        //#region Constructors
-
-        /**
-         * A promise provides a mechanism to schedule work to be done on a value that has not yet been computed. It is a convenient abstraction for managing interactions with asynchronous APIs. For more information about asynchronous programming, see Asynchronous programming. For more information about promises in JavaScript, see Asynchronous programming in JavaScript. For more information about using promises, see the WinJS Promise sample.
-         * @constructor
-         * @param init The function that is called during construction of the Promise that contains the implementation of the operation that the Promise will represent. This can be synchronous or asynchronous, depending on the nature of the operation. Note that placing code within this function does not automatically run it asynchronously; that must be done explicitly with other asynchronous APIs such as setImmediate, setTimeout, requestAnimationFrame, and the Windows Runtime asynchronous APIs. The init function is given three arguments: completeDispatch, errorDispatch, progressDispatch. This parameter is optional.
-         * @param onCancel The function to call if a consumer of this promise wants to cancel its undone work. Promises are not required to support cancellation.
-        **/
-        constructor(init?: (completeDispatch: any, errorDispatch: any, progressDispatch: any) => void, onCancel?: Function);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when there is an error in processing a promise.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        static onerror(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Adds an event listener for the promise.
-         * @param type The type (name) of the event.
-         * @param listener The listener to invoke when the event is raised.
-         * @param capture true to initiate capture, otherwise false.
-        **/
-        static addEventListener(type: string, listener: Function, capture?: boolean): void;
-
-        /**
-         * Returns a promise that is fulfilled when one of the input promises has been fulfilled.
-         * @param value An array that contains Promise objects or objects whose property values include Promise objects.
-         * @returns A promise that on fulfillment yields the value of the input (complete or error).
-        **/
-        static any(value: IPromise<any>[]): IPromise<any>;
-        static any(value: any): IPromise<any>;
-
-        /**
-         * Returns a promise. If the object is already a Promise it is returned; otherwise the object is wrapped in a Promise. You can use this function when you need to treat a non-Promise object like a Promise, for example when you are calling a function that expects a promise, but already have the value needed rather than needing to get it asynchronously.
-         * @param value The value to be treated as a Promise.
-         * @returns The promise.
-        **/
-        static as<U>(value?: U): IPromise<U>;
-
-        /**
-         * Attempts to cancel the fulfillment of a promised value. If the promise hasn't already been fulfilled and cancellation is supported, the promise enters the error state with a value of Error("Canceled").
-        **/
-        cancel(): void;
-
-        /**
-         * Canceled promise value, can be returned from a promise completion handler to indicate cancelation of the promise chain.
-         */
-        static cancel: IPromise<any>;
-
-        /**
-         * Raises an event of the specified type and properties.
-         * @param type The type (name) of the event.
-         * @param details The set of additional properties to be attached to the event object.
-         * @returns true if preventDefault was called on the event; otherwise, false.
-        **/
-        static dispatchEvent(type: string, details: any): boolean;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. After the handlers have finished executing, this function throws any error that would have been returned from then as a promise in the error state. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The fulfilled value is passed as the single argument. If the value is null, the fulfilled value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while executing the function, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. If it is null, the error is forwarded. The value returned from the function is the fulfilled value of the promise returned by then.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-        **/
-        done<U>(onComplete?: (value: T) => any, onError?: (error: any) => any, onProgress?: (progress: any) => void): void;
-
-        /**
-         * Determines whether a value fulfills the promise contract.
-         * @param value A value that may be a promise.
-         * @returns true if the object conforms to the promise contract (has a then function), otherwise false.
-        **/
-        static is(value: any): boolean;
-
-        /**
-         * Creates a Promise that is fulfilled when all the values are fulfilled.
-         * @param values An object whose members contain values, some of which may be promises.
-         * @returns A Promise whose value is an object with the same field names as those of the object in the values parameter, where each field value is the fulfilled value of a promise.
-        **/
-        static join(values: any): IPromise<any>;
-
-        /**
-         * Removes an event listener from the control.
-         * @param eventType The type (name) of the event.
-         * @param listener The listener to remove.
-         * @param capture Specifies whether or not to initiate capture.
-        **/
-        static removeEventListener(eventType: string, listener: Function, capture?: boolean): void;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => IPromise<U>, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => U, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => IPromise<U>, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => U, onProgress?: (progress: any) => void): IPromise<U>;
-
-        /**
-         * Allows you to specify the work to be done on the fulfillment of the promised value, the error handling to be performed if the promise fails to fulfill a value, and the handling of progress notifications along the way. For more information about the differences between then and done, see the following topics: Quickstart: using promises in JavaScript How to handle errors when using promises in JavaScript Chaining promises in JavaScript.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        then<U>(onComplete?: (value: T) => void, onError?: (error: any) => void, onProgress?: (progress: any) => void): IPromise<U>;
-
-
-        /**
-         * A static helper that functions identically to then() off a promise instance.
-         * @param promise The promise to chain from.
-         * @param onComplete The function to be called if the promise is fulfilled successfully with a value. The value is passed as the single argument. If the value is null, the value is returned. The value returned from the function becomes the fulfilled value of the promise returned by then. If an exception is thrown while this function is being executed, the promise returned by then moves into the error state.
-         * @param onError The function to be called if the promise is fulfilled with an error. The error is passed as the single argument. In different cases this object may be of different types, so it is necessary to test the object for the properties you expect. If the error is null, it is forwarded. The value returned from the function becomes the value of the promise returned by the then function.
-         * @param onProgress The function to be called if the promise reports progress. Data about the progress is passed as the single argument. Promises are not required to support progress.
-         * @returns The promise whose value is the result of executing the onComplete function.
-        **/
-        static then(promise: IPromise<any>, onComplete?: (value: any) => any, onError?: (error: any) => any, onProgress?: (progress: any) => void): IPromise<any>;
-
-        /**
-         * Performs an operation on all the input promises and returns a promise that has the shape of the input and contains the result of the operation that has been performed on each input.
-         * @param values A set of values (which could be either an array or an object) of which some or all are promises..
-         * @param complete The function to be called if the promise is fulfilled with a value. This function takes a single argument, which is the fulfilled value of the promise.
-         * @param error The function to be called if the promise is fulfilled with an error. This function takes a single argument, which is the error value of the promise.
-         * @param progress The function to be called if the promise reports progress. This function takes a single argument, which is the data about the progress of the promise. Promises are not required to support progress.
-         * @returns A Promise that is the result of calling join on the values parameter.
-        **/
-        static thenEach(values: any, complete?: (value: any) => void, error?: (error: any) => void, progress?: (progress: any) => void): IPromise<any>;
-
-        /**
-         * This method has two forms: WinJS.Promise.timeout(timeout) and WinJS.Promise.timeout(timeout, promise). WinJS.Promise.timeout(timeout) creates a promise that is completed asynchronously after the specified timeout, essentially wrapping a call to setTimeout within a promise. WinJS.Promise.timeout(timeout, promise) sets a timeout period for completion of the specified promise, automatically canceling the promise if it is not completed within the timeout period.
-         * @param timeout The timeout period in milliseconds. If this value is zero or not specified, msSetImmediate is called, otherwise setTimeout is called.
-         * @param promise Optional. A promise that will be canceled if it doesn't complete within the timeout period.
-         * @returns If the promise parameter is omitted, returns a promise that will be fulfilled after the timeout period. If the promise paramater is provided, the same promise is returned.
-        **/
-        static timeout(timeout?: number, promise?: IPromise<any>): IPromise<any>;
-
-        /**
-         * Wraps a non-promise value in a promise. This method is like wrapError, which allows you to produce a Promise in error conditions, in that it allows you to return a Promise in success conditions.
-         * @param value Some non-promise value to be wrapped in a promise.
-         * @returns A promise that is successfully fulfilled with the specified value.
-        **/
-        static wrap<U>(value?: U): IPromise<U>;
-
-        /**
-         * Wraps a non-promise error value in a promise. You can use this function if you need to pass an error to a function that requires a promise.
-         * @param error A non-promise error value to be wrapped in a promise.
-         * @returns A promise that is in an error state with the specified value.
-        **/
-        static wrapError<U>(error: U): IPromise<U>;
-
-        //#endregion Methods
-
-    }
-
-    //#endregion Objects
-
-    //#region Functions
-
-    /**
-     * You can provide an implementation of this method yourself, or use WinJS.Utilities.startLog to create one that logs to the JavaScript console.
-     * @param message The message to log.
-     * @param tags The tag or tags to categorize the message (winjs, winjs controls, etc.).
-     * @param type The type of message (error, warning, info, etc.).
-    **/
-    function log(message: string, tags?: string, type?: string): void;
-    function log(message: () => string, tags?: string, type?: string): void;
-
-    /**
-     * This method has been deprecated. Strict processing is always on; you don't have to call this method to turn it on.
-    **/
-    function strictProcessing(): void;
-
-    /**
-     * Wraps calls to XMLHttpRequest in a promise.
-     * @param options The options that are applied to the XMLHttpRequest object, as follows: type, url, user, password, responseType, headers, data, customRequestInitializer.
-     * @returns A promise that returns the XMLHttpRequest object when it completes.
-    **/
-    function xhr(options: IXHROptions): Promise<XMLHttpRequest>;
-
-    //#endregion Functions
-
-    //#region Interfaces
-
-    interface IXHROptions {
-        type?: string;
-        url: string;
-        user?: string;
-        password?: string;
-        headers?: any;
-        data?: any;
-        responseType?: string;
-        customRequestInitializer?: (request: XMLHttpRequest) => void;
-    }
-
-    //#endregion Interfaces
-}
-/**
- * Provides helper functions for defining namespaces. For more information, see Organizing your code with WinJS.Namespace.
-**/
-declare namespace WinJS.Namespace {
-    //#region Functions
-
-    /**
-     * Defines a new namespace with the specified name. For more information, see Organizing your code with WinJS.Namespace.
-     * @param name The name of the namespace. This could be a dot-separated name for nested namespaces.
-     * @param members The members of the new namespace.
-     * @returns The newly-defined namespace.
-    **/
-    function define(name?: string, members?: any): any;
-
-    /**
-     * Defines a new namespace with the specified name under the specified parent namespace. For more information, see Organizing your code with WinJS.Namespace.
-     * @param parentNamespace The parent namespace.
-     * @param name The name of the new namespace.
-     * @param members The members of the new namespace.
-     * @returns The newly-defined namespace.
-    **/
-    function defineWithParent(parentNamespace?: any, name?: string, members?: any): any;
-
-    //#endregion Functions
-
-}
-/**
- * Provides functionality for dealing with basic navigation, including the navigation stack.
-**/
-declare namespace WinJS.Navigation {
-    //#region Properties
-
-    /**
-     * Determines whether it is possible to navigate backwards.
-    **/
-    var canGoBack: boolean;
-
-    /**
-     * Determines if it is possible to navigate forwards.
-    **/
-    var canGoForward: boolean;
-
-    /**
-     * Gets or sets the navigation history.
-    **/
-    var history: any;
-
-    /**
-     * Gets or sets the current location.
-    **/
-    var location: string;
-
-    /**
-     * Gets or sets a user-defined object that represents the state associated with the current location.
-    **/
-    var state: any;
-
-    //#endregion Properties
-
-    //#region Functions
-
-    /**
-     * Adds an event listener to the control.
-     * @param eventType The type (name) of the event.
-     * @param listener The listener to invoke when the event gets raised.
-     * @param capture If true, specifies that capture should be initiated, otherwise false.
-    **/
-    function addEventListener(eventType: string, listener: Function, capture?: boolean): void;
-
-    /**
-     * Navigates backwards.
-     * @param distance The number of entries to go back into the history.
-     * @returns A promise that is completed with a value that indicates whether or not the navigation was successful.
-    **/
-    function back(distance?: number): Promise<boolean>;
-
-    /**
-     * Navigates forwards.
-     * @param distance The number of entries to go forward.
-     * @returns A promise that is completed with a value that indicates whether or not the navigation was successful.
-    **/
-    function forward(distance?: number): Promise<boolean>;
-
-    /**
-     * Navigates to a location.
-     * @param location The location to navigate to. Generally the location is a string containing the URL, but it may be anything.
-     * @param initialState A user-defined object that represents the navigation state that may be accessed through state.
-     * @returns A promise that is completed with a value that indicates whether or not the navigation was successful (true if successful, otherwise false).
-    **/
-    function navigate(location: any, initialState?: any): Promise<boolean>;
-
-    /**
-     * Removes an event listener from the control.
-     * @param eventType The type (name) of the event.
-     * @param listener The listener to remove.
-     * @param useCapture Specifies whether or not to initiate capture.
-    **/
-    function removeEventListener(eventType: string, listener: Function, useCapture?: boolean): void;
-
-    //#endregion Functions
-
-    //#region Events
-
-    /**
-     * Occurs before navigation.
-     * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: location, state.
-    **/
-    function onbeforenavigate(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs after navigation has taken place.
-     * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: location, state.
-    **/
-    function onnavigated(eventInfo: CustomEvent): void;
-
-    /**
-     * Occurs when navigation is taking place.
-     * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: location, state.
-    **/
-    function onnavigating(eventInfo: CustomEvent): void;
-
-    //#endregion Events
-
-}
-/**
- * Provides functions for accessing resources and localizing content.
-**/
-declare namespace WinJS.Resources {
-    //#region Functions
-
-    /**
-     * Registers an event handler for the specified event. Use this method to register for events that are related to resources, such as when the app's language, scale, or contrast changes.
-     * @param type The name of the event to handle.
-     * @param listener The listener (event handler function) to associate with the event.
-     * @param useCapture Set to true to register the listener for the capturing phase; otherwise, set to false to register the listener for the bubbling phase.
-    **/
-    function addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-    /**
-     * Raises an event of the specified type and with the specified additional properties.
-     * @param type The name of the event to raise.
-     * @param details The set of additional properties to attach to the event object.
-    **/
-    function dispatchEvent(type: string, details: any): void;
-
-    /**
-     * Retrieves the resource string that has the specified resource identifier.
-     * @param resourceId The resource ID of the string to retrieve.
-     * @returns An object that can contain these properties: value, empty, lang.
-    **/
-    function getString(resourceId: string): { value: string; empty?: boolean; lang?: string; };
-
-    /**
-     * Processes data-win-res attributes on elements and replaces attributes and properties with resource strings.
-     * @param rootElement The element to process. The element and its child elements will be processed. If an element isn't specified, the entire document is processed.
-    **/
-    function processAll(rootElement?: HTMLElement): Promise<void>;
-
-    /**
-     * Removes an event listener that the addEventListener method registered.
-     * @param type The name of the event that the event listener is registered for.
-     * @param listener The listener (event handler function) to remove.
-     * @param useCapture Set to true to remove the capturing phase listener; set to false to remove the bubbling phase listener.
-    **/
-    function removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-    //#endregion Functions
-
-    //#region Events
-
-    /**
-     * Occurs when the user changes the system's language or contrast, or the scale of the display, or when the user changes any of the items in the current context's qualifier values list. For more info about the current context's qualifier values list, see the Remarks section.
-     * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.qualifier, detail.changed.
-    **/
-    function oncontextchanged(eventInfo: CustomEvent): void;
-
-    //#endregion Events
-
-}
-/**
- * Provides access to the Windows animations. These functions provide developers with the ability to use animations in their custom controls that are consistent with animations used by Windows controls.
-**/
-declare namespace WinJS.UI.Animation {
-    //#region Functions
-
-    /**
-     * Creates an object that performs an animation that adds an item or items to a list.
-     * @param added Element or elements to add to the list.
-     * @param affected Element or elements affected by the added items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createAddToListAnimation(added: any, affected: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that adds an item or items to a list of search results.
-     * @param added Element or elements to add to the list.
-     * @param affected Element or elements affected by the added items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createAddToSearchListAnimation(added: any, affected: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that collapses a list.
-     * @param hidden Element or elements hidden as a result of the collapse.
-     * @param affected Element or elements affected by the hidden items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createCollapseAnimation(hidden: any, affected: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that removes an item or items from a list.
-     * @param deleted Element or elements to delete from the list.
-     * @param remaining Element or elements affected by the removal of the deleted items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createDeleteFromListAnimation(deleted: any, remaining: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that removes an item or items from a list of search results.
-     * @param deleted Element or elements to delete from the list.
-     * @param remaining Element or elements affected by the removal of the deleted items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createDeleteFromSearchListAnimation(deleted: any, remaining: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that expands a list.
-     * @param revealed Element or elements revealed by the expansion.
-     * @param affected Element or elements affected by the newly revealed items.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createExpandAnimation(revealed: any, affected: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs a peek animation.
-     * @param element Element or elements involved in the peek.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise that completes when the animation is finished.
-    **/
-    function createPeekAnimation(element: any): IAnimationMethodResponse;
-
-    /**
-     * Creates an object that performs an animation that moves an item or items.
-     * @param element Element or elements involved in the reposition.
-     * @returns An object whose execute method is used to execute the animation. The execute method returns a Promise object that completes when the animation is finished.
-    **/
-    function createRepositionAnimation(element: any): IAnimationMethodResponse;
-
-    /**
-     * Performs an animation that fades an item or items in, fading out existing items that occupy the same space.
-     * @param incoming Element or elements being faded in.
-     * @param outgoing Element or elements being replaced.
-     * @returns An object that completes when the animation has finished.
-    **/
-    function crossFade(incoming: any, outgoing: any): Promise<any>;
-
-    /**
-     * Performs an animation when a dragged object is moved such that dropping it in that position would move other items. The potentially affected items are animated out of the way to show where the object would be dropped.
-     * @param target Element or elements that the dragged object would cause to be moved if it were dropped.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function dragBetweenEnter(target: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation when a dragged object is moved away from items that it had previously involved in a dragBetweenEnter animation. The affected objects are animated back to their original positions.
-     * @param target Element or elements that the dragged object would no longer cause to be displaced, due to its moving away. This should be the same element or element collection passed as the target parameter in the dragBetweenEnter animation.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function dragBetweenLeave(target: any): Promise<any>;
-
-    /**
-     * Performs an animation when the user finishes dragging an object.
-     * @param dragSource Element or elements that were dragged.
-     * @param offset Initial offset from the drop point. The dropped object begins at the offset and animates to its final position at the drop point. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @param affected Element or elements whose position the dropped object affects. Typically, this is all other items in a reorderable list. This should be the same element or element collection passed as the affected parameter in the dragSourceStart animation.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function dragSourceEnd(dragSource: any, offset?: any, affected?: any): Promise<any>;
-
-    /**
-     * Performs an animation when the user begins to drag an object.
-     * @param dragSource Element or elements being dragged.
-     * @param affected Element or elements whose position is affected by the movement of the dragged object. Typically, this is all other items in a reorderable list.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function dragSourceStart(dragSource: any, affected?: any): Promise<any>;
-
-    /**
-     * Performs an animation that displays one or more elements on a page.
-     * @param incoming Element or elements that compose the incoming content.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @param options Optional. Set this value to { mechanism: "transition" } to play the animation using CSS transitions instead of the default CSS animations. In some cases this can result in improved performance.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function enterContent(incoming: any, offset?: any, options?: any): Promise<any>;
-
-    /**
-     * Performs an animation that shows a new page of content, either when transitioning between pages in a running app or when displaying the first content in a newly launched app.
-     * @param element Element or an array of elements that represent the content. If element refers to an array of elements, the elements enter in array order.
-     * @param offset An initial offset where the element or elements begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function enterPage(element: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation that hides one or more elements on a page.
-     * @param outgoing Element or elements that compose the outgoing content.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function exitContent(outgoing: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation that dismisses the current page when transitioning between pages in an app.
-     * @param outgoing Element or elements that compose the outgoing page.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function exitPage(outgoing: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation that fades an item or set of items into view.
-     * @param shown Element or elements being faded in.
-     * @returns An object that completes when the animation has finished. Use this object when subsequent actions need this animation to finish before they take place.
-    **/
-    function fadeIn(shown: any): Promise<any>;
-
-    /**
-     * Performs an animation that fades an item or set of items out of view.
-     * @param hidden Element or elements being faded out.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function fadeOut(hidden: any): Promise<any>;
-
-    /**
-     * Performs an animation that hides edge-based user interface (UI).
-     * @param element Element or elements that are being hidden.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Offsets should be the chosen so that the elements end the animation just off-screen. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @param options Optional. Set this value to { mechanism: "transition" } to play the animation using CSS transitions instead of the default CSS animations. In some cases this can result in improved performance.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function hideEdgeUI(element: any, offset?: any, options?: any): Promise<any>;
-
-    /**
-     * Performs an animation that hides a panel.
-     * @param element Element or elements that are being hidden.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Offsets should be the chosen so that the elements end the animation just off-screen. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function hidePanel(element: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation that removes pop-up user interface (UI).
-     * @param element Element or elements that are being hidden.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function hidePopup(element: any): Promise<any>;
-
-    /**
-     * Performs an animation when a pointer is pressed on an object.
-     * @param element Element or elements on which the pointer is pressed.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function pointerDown(element: any): Promise<any>;
-
-    /**
-     * Performs an animation when a pointer is released.
-     * @param element Element or elements that the pointer was pressed on.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function pointerUp(element: any): Promise<any>;
-
-    /**
-     * Performs an animation that slides a narrow, edge-based user interface (UI) into view.
-     * @param element Element or elements that are being shown.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Offsets should be the chosen so that the elements begin the animation from just off-screen. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @param options Optional. Set this value to { mechanism: "transition" } to play the animation using CSS transitions instead of the default CSS animations. In some cases this can result in improved performance.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function showEdgeUI(element: any, offset?: any, options?: any): Promise<any>;
-
-    /**
-     * Performs an animation that slides a large panel user interface (UI) into view.
-     * @param element Element or elements that are being shown.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Offsets should be the chosen so that the elements begin the animation from just off-screen. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function showPanel(element: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs an animation that displays a pop-up user interface (UI).
-     * @param element Element or elements that are being shown.
-     * @param offset Initial offsets where the animated objects begin relative to their final position at the end of the animation. Offsets should be the chosen so that the elements begin the animation from just off-screen. Set this parameter to null to use the recommended default offset. Note When the element parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function showPopup(element: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs a deselection animation in response to a swipe interaction.
-     * @param deselected Element or elements that become unselected.
-     * @param selection Element or elements that represent the selection, typically a check mark.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function swipeDeselect(deselected: any, selection: any): Promise<any>;
-
-    /**
-     * Performs an animation that reveals an item or items in response to a swipe interaction.
-     * @param target Element or elements being revealed.
-     * @param offset An initial offset where the animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function swipeReveal(target: any, offset?: any): Promise<any>;
-
-    /**
-     * Performs a selection animation in response to a swipe interaction.
-     * @param selected Element or elements being selected.
-     * @param selection Element or elements that show that something is selected, typically a check mark.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function swipeSelect(selected: any, selection: any): Promise<any>;
-
-    /**
-     * Performs an animation that updates a badge.
-     * @param incoming Element or elements that comprise the new badge.
-     * @param offset Initial offsets where incoming animated objects begin relative to their final position at the end of the animation. Set this parameter to null to use the recommended default offset. Note When the incoming parameter specifies an array of elements, the offset parameter can specify an offset array with each item specified for its corresponding element array item. If the array of offsets is smaller than the array of elements, the last offset is applied to all remaining elements.
-     * @returns An object that completes when the animation is finished.
-    **/
-    function updateBadge(incoming: any, offset?: any): Promise<any>;
-
-    //#endregion Functions
-
-    //#region Interfaces
-
-    interface IAnimationMethodResponse {
-        execute(): Promise<any>;
-    }
-
-    //#endregion Interfaces
-
-}
-/**
- * Provides controls and objects that manipulate data.
-**/
-declare namespace WinJS.UI {
-    //#region Enumerations
-
-    /**
-     * Specifies an icon that appears in an AppBarCommand object.
-    **/
-    enum AppBarIcon {
-        previous,
-        next,
-        play,
-        pause,
-        edit,
-        save,
-        clear,
-        delete,
-        remove,
-        add,
-        cancel,
-        accept,
-        more,
-        redo,
-        undo,
-        home,
-        up,
-        forward,
-        right,
-        back,
-        left,
-        favorite,
-        camera,
-        settings,
-        video,
-        sync,
-        download,
-        mail,
-        find,
-        help,
-        upload,
-        emoji,
-        twopage,
-        leavechat,
-        mailforward,
-        clock,
-        send,
-        crop,
-        rotatecamera,
-        people,
-        closepane,
-        openpane,
-        world,
-        flag,
-        previewlink,
-        globe,
-        trim,
-        attachcamera,
-        zoomin,
-        bookmarks,
-        document,
-        protecteddocument,
-        page,
-        bullets,
-        comment,
-        mail2,
-        contactinfo,
-        hangup,
-        viewall,
-        mappin,
-        phone,
-        videochat,
-        switch,
-        contact,
-        rename,
-        pin,
-        musicinfo,
-        go,
-        keyboard,
-        dockleft,
-        dockright,
-        dockbottom,
-        remote,
-        refresh,
-        rotate,
-        shuffle,
-        list,
-        shop,
-        selectall,
-        orientation,
-        import,
-        importall,
-        browsephotos,
-        webcam,
-        pictures,
-        savelocal,
-        caption,
-        stop,
-        showresults,
-        volume,
-        repair,
-        message,
-        page2,
-        calendarday,
-        calendarweek,
-        calendar,
-        characters,
-        mailreplyall,
-        read,
-        link,
-        accounts,
-        showbcc,
-        hidebcc,
-        cut,
-        attach,
-        paste,
-        filter,
-        copy,
-        emoji2,
-        important,
-        mailreply,
-        slideshow,
-        sort,
-        manage,
-        allapps,
-        disconnectdrive,
-        mapdrive,
-        newwindow,
-        openwith,
-        contactpresence,
-        priority,
-        uploadskydrive,
-        gototoday,
-        font,
-        fontcolor,
-        contact2,
-        folder,
-        audio,
-        placeholder,
-        view,
-        setlockscreen,
-        settile,
-        cc,
-        stopslideshow,
-        permissions,
-        highlight,
-        disableupdates,
-        unfavorite,
-        unpin,
-        openlocal,
-        mute,
-        italic,
-        underline,
-        bold,
-        movetofolder,
-        likedislike,
-        dislike,
-        like,
-        alignright,
-        aligncenter,
-        alignleft,
-        zoom,
-        zoomout,
-        openfile,
-        otheruser,
-        admin,
-        street,
-        map,
-        clearselection,
-        fontdecrease,
-        fontincrease,
-        fontsize,
-        cellphone,
-        reshare,
-        tag,
-        repeatone,
-        repeatall,
-        outlinestar,
-        solidstar,
-        calculator,
-        directions,
-        target,
-        library,
-        phonebook,
-        memo,
-        microphone,
-        postupdate,
-        backtowindow,
-        fullscreen,
-        newfolder,
-        calendarreply,
-        unsyncfolder,
-        reporthacked,
-        syncfolder,
-        blockcontact,
-        switchapps,
-        addfriend,
-        touchpointer,
-        gotostart,
-        zerobars,
-        onebar,
-        twobars,
-        threebars,
-        fourbars,
-        scan,
-        preview
-    }
-
-    /**
-     * Indicates whether the IListDataAdapter was able to provide a count.
-    **/
-    enum CountResult {
-        /**
-         * Indicates no count is available.
-        **/
-        unknown
-    }
-
-    /**
-     * Indicates that the IListDataAdapter was unable to provide a count.
-    **/
-    enum CountError {
-        /**
-         * An attempt to count items timed out.
-        **/
-        noResponse
-    }
-
-    /**
-     * Describes the status of an IListDataSource.
-    **/
-    enum DataSourceStatus {
-        /**
-         * The IListDataSource is ready.
-        **/
-        ready,
-        /**
-         * The IListDataSource is still loading.
-        **/
-        waiting,
-        /**
-         * The IListDataSource failed to load.
-        **/
-        failure
-    }
-
-    /**
-     * Specifies the type of error that occurred during an edit operation on a IListDataSource or an IListDataAdapter.
-    **/
-    enum EditError {
-        /**
-         * The edit operation timed out.
-        **/
-        noResponse,
-        /**
-         * The data source cannot be written to.
-        **/
-        notPermitted,
-        /**
-         * The item has changed.
-        **/
-        noLongerMeaningful
-    }
-
-    /**
-     * Specifies the type of error encountered when retrieving items from an IListDataAdapter.
-    **/
-    enum FetchError {
-        /**
-         * The fetch operation timed out.
-        **/
-        noResponse,
-        /**
-         * The specified item could not be located.
-        **/
-        doesNotExist
-    }
-
-    /**
-     * Specifies how group headers in a ListView respond to the tap interaction.
-    **/
-    enum GroupHeaderTapBehavior {
-        /**
-         * The group is invoked.
-        **/
-        invoke,
-        /**
-         * Nothing happens.
-        **/
-        none
-    }
-
-    /**
-     * Specifies the position of group headers relative to their items in a ListView.
-    **/
-    enum HeaderPosition {
-        /**
-         * Group headers appear to the left of items.
-        **/
-        left,
-        /**
-         * Group headers appear above items.
-        **/
-        top
-    }
-
-    /**
-     * Specifies that type of animation for which a contentanimating event was raised.
-    **/
-    enum ListViewAnimationType {
-        /**
-         * The animation plays when the ListView is first displayed.
-        **/
-        entrance,
-        /**
-         * The animation plays when the ListView is changing its content.
-        **/
-        contentTransition
-    }
-
-    /**
-     * Describes the type of object in a ListView.
-    **/
-    enum ObjectType {
-        /**
-         * The object is a group header in the list.
-        **/
-        groupHeader,
-        /**
-         * The object is an item in the list.
-        **/
-        item
-    }
-
-    /**
-     * Specifies the orientation of a control.
-    **/
-    enum Orientation {
-        /**
-         * A horizontal layout.
-        **/
-        horizontal,
-        /**
-         * A vertical layout.
-        **/
-        vertical
-    }
-
-    /**
-     * Specifies the selection mode of a ListView.
-    **/
-    enum SelectionMode {
-        /**
-         * Items cannot be selected.
-        **/
-        none,
-        /**
-         * A single item may be selected.
-        **/
-        single,
-        /**
-         * Multiple items may be selected. Clicking additional items adds them to the selection.
-        **/
-        multi
-    }
-
-    /**
-     * Specifies whether elements are selected when the user performs a swipe interaction.
-    **/
-    enum SwipeBehavior {
-        /**
-         * The swipe interaction selects the elements touched by the swipe.
-        **/
-        select,
-        /**
-         * The swipe interaction does not change which elements are selected.
-        **/
-        none
-    }
-
-    /**
-     * Specifies how items in a ListView respond to the tap interaction.
-    **/
-    enum TapBehavior {
-        /**
-         * The item is selected and invoked.
-        **/
-        directSelect,
-        /**
-         * The item is selected if was not already selected, and its deselected if it was already selected.
-        **/
-        toggleSelect,
-        /**
-         * The item is invoked but not selected.
-        **/
-        invokeOnly,
-        /**
-         * Nothing happens.
-        **/
-        none
-    }
-
-    //#endregion Enumerations
-
-    //#region Interfaces
-
-    /**
-     * Contains items that were requested from an IListDataAdapter and provides some information about those items.
-    **/
-    interface IFetchResult<T> {
-        //#region Properties
-
-        /**
-         * Gets or sets the index of the requested item in the IListDataAdapter object's data source.
-        **/
-        absoluteIndex: number;
-
-        /**
-         * Gets or sets a value that indicates whether this IFetchResult contains the last items at the end of the IListDataAdapter object's data source.
-        **/
-        atEnd: boolean;
-
-        /**
-         * Gets or sets a value that indicates whether this IFetchResult contains the first items at the beginning of the IListDataAdapter object's data source.
-        **/
-        atStart: boolean;
-
-        /**
-         * Gets or sets the items returned by the fetch operation.
-        **/
-        items: T[];
-
-        /**
-         * Gets or sets the location of the requested item within the items array.
-        **/
-        offset: number;
-
-        /**
-         * Gets or sets the number of items in the IListDataAdapter object's underlying data source.
-        **/
-        totalCount: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents an item in a list.
-    **/
-    interface IItem<T> {
-        //#region Properties
-
-        /**
-         * Gets or sets the item's data.
-        **/
-        data: T;
-
-        /**
-         * Gets the group key for the item. This property is only available for items that belong to a grouped data source.
-        **/
-        groupKey: string;
-
-        /**
-         * Gets the temporary ID of the item.
-        **/
-        handle: string;
-
-        /**
-         * Gets the item's index in the IListDataSource.
-        **/
-        index: number;
-
-        /**
-         * Gets or sets the key the identifies the item.
-        **/
-        key: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Provides a mechanism for retrieving IItem objects asynchronously.
-    **/
-    interface IItemPromise<T> extends IPromise<T> {
-        //#region Methods
-
-        /**
-         * Stops change notification tracking for the IItem that fulfills this IItemPromise.
-        **/
-        release(): void;
-
-        /**
-         * Begins change notification tracking for the IItem that fulfills this IItemPromise.
-        **/
-        retain(): IItemPromise<T>;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the temporary ID of the IItem that fulfills this promise.
-        **/
-        handle: string;
-
-        /**
-         * Gets or sets the index of the IItem contained by this IItemPromise.
-        **/
-        index: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface. Represents a layout for the ListView.
-    **/
-    interface ILayout {
-        //#region Methods
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param beginScrollPosition The first visible pixel in the ListView. For horizontal layouts, this is the x-coordinate of the pixel. For vertical layouts, this is the y-coordinate.
-         * @param wholeItem true if the item must be completely visible; otherwise, false if its ok for the item to be partially visible. Promise.
-         * @returns A Promise for the index of the first visible item at the specified point.
-        **/
-        calculateFirstVisible(beginScrollPosition: number, wholeItem: boolean): Promise<any>;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param endScrollPosition The last visible pixel in the ListView. For horizontal layouts, this is the x-coordinate of the pixel. For vertical layouts, this is the y-coordinate.
-         * @param wholeItem true if the item must be completely visible; otherwise, false if its ok for the item to be partially visible. Promise.
-         * @returns A Promise for the index of the last visible item at the specified point.
-        **/
-        calculateLastVisible(endScrollPosition: number, wholeItem: boolean): Promise<any>;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @returns A object that has these properties: animationPromise, newEndIndex.
-        **/
-        endLayout(): any;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param itemIndex The index of the item.
-         * @returns A Promise that returns an object with these properties: left, top, contentWidth, contentHeight, totalWidth, totalHeight.
-        **/
-        getItemPosition(itemIndex: number): Promise<any>;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param itemIndex The data source index of the current item.
-         * @param element The element for the current item.
-         * @param keyPressed The key that was pressed. This function must check for the arrow keys (leftArrow, upArrow, rightArrow, downArrow), pageDown, and pageUp and determine which item the user navigated to.
-         * @returns A Promise that contains the index of the next item (This item becomes the current item).
-        **/
-        getKeyboardNavigatedItem(itemIndex: number, element: HTMLElement, keyPressed: WinJS.Utilities.Key): Promise<number>;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @returns A Promise that returns an object that has these properties: beginScrollPosition, endScrollPosition.
-        **/
-        getScrollBarRange(): Promise<any>;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param x The x-coordinate to test.
-         * @param y The y-coordinate to test.
-        **/
-        hitTest(x: number, y: number): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param elements The elements that represent the items that were added.
-        **/
-        itemsAdded(elements: HTMLElement[]): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-        **/
-        itemsMoved(): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param elements The elements that represent the items that were removed.
-        **/
-        itemsRemoved(elements: HTMLElement[]): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param groupIndex The index of the group in the group data source.
-         * @param element The element to render for the group header.
-        **/
-        layoutHeader(groupIndex: number, element: HTMLElement): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param itemIndex The index of the item in the data source.
-         * @param element The element to render for the item.
-        **/
-        layoutItem(itemIndex: number, element: HTMLElement): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param element The element that represents a header in the data source.
-        **/
-        prepareHeader(element: HTMLElement): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param element An element that represents an item in the data source.
-        **/
-        prepareItem(element: HTMLElement): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param element The element being released.
-        **/
-        releaseItem(element: HTMLElement): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-        **/
-        reset(): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param site The layout site for the layout. You can use this object to query the hosting ListView for info you might need to lay out items.
-        **/
-        setSite(site: ILayoutSite): void;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-         * @param beginScrollPosition The starting pixel of the area to which the items are rendered.
-         * @param endScrollPosition The last pixel of the area to which the items are rendered.
-         * @param count The upper bound of the number of items to render.
-         * @returns A Promise that returns an object that has these properties: beginIndex, endIndex.
-        **/
-        startLayout(beginScrollPosition: number, endScrollPosition: number, count: number): Promise<any>;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayout2 interface.
-        **/
-        horizontal: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a layout for the ListView.
-    **/
-    interface ILayout2 {
-        //#region Methods
-
-        /**
-         * Called when the ListView finishes a drag operation.
-        **/
-        dragLeave(): void;
-
-        /**
-         * Called when the ListView initiates a drag operation.
-         * @param x The x-coordinate of the drag.
-         * @param y The y-coordinate of the drag.
-         * @param dragInfo An object that indicates whether the item is selected.
-        **/
-        dragOver(x: number, y: number, dragInfo: number): void;
-
-        /**
-         * Called when the ListView requests that the ILayout2 execute animations.
-        **/
-        executeAnimations(): void;
-
-        /**
-         * Determines the next item to receive keyboard focus.
-         * @param currentItem An object that describes the current item. It has these properties: index, type.
-         * @param pressedKey The key that was pressed.
-         * @returns An object that describes the next item that should receive focus. It has these properties: index, type.
-        **/
-        getAdjacent(currentItem: any, pressedKey: WinJS.Utilities.Key): any;
-
-        /**
-         * Gets the item at the specified hit-test coordinates. These coordinates are absolute coordinates (they are not relative to the layout's content area).
-         * @param x The x-coordinate to test for.
-         * @param y The y-coordinate to test for.
-         * @returns An object that describes the item at the hit test coordinates. It has these properties: type, index.
-        **/
-        hitTest(x: number, y: number): any;
-
-        /**
-         * Sets the rendering site and specifies whether the layout supports groups. This method is called by the ListView to initialize the layout.
-         * @param site The rendering site for the layout.
-         * @param groupsEnabled Set to true if this layout supports groups; set to false if it does not.
-        **/
-        initialize(site: ILayoutSite2, groupsEnabled: boolean): void;
-
-        /**
-         * Retrieves the indexes of the items in the specified pixel range.
-         * @param firstPixel The first pixel the range of items falls between.
-         * @param lastPixel The last pixel the range of items falls between.
-        **/
-        itemsFromRange(firstPixel: number, lastPixel: number): void;
-
-        /**
-         * Performs a layout pass.
-         * @param tree A structure representing the layout tree that is returned from the ListView.
-         * @param changedRange An object that lists the index of the first item in the changed item range. This object has these properties: startIndex.
-         * @param modifiedItems An object that contains the old and new indexes of the items that have been modified in the tree.
-         * @param modifiedGroups An object that contains the old and new indexes of the group elements that have been modified in the tree.
-         * @returns A Promise that executes after layout is complete, or an object that contains two Promise objects: realizedRangeComplete, layoutComplete.
-        **/
-        layout(tree: any, changedRange: any, modifiedItems: any, modifiedGroups: any): any;
-
-        /**
-         * Called when the ListView requests that the ILayout2 set up animations.
-        **/
-        setupAnimations(): void;
-
-        /**
-         * Releases resources that were obtained during the call to initialize.
-        **/
-        uninitialize(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the orientation of the layout.
-        **/
-        orientation: any;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use the ILayoutSite2 interface. Represents a rendering site for an ILayout.
-    **/
-    interface ILayoutSite {
-        //#region Properties
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        animationsDisabled: boolean;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        itemSurface: HTMLElement;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        rtl: boolean;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        scrollbarPos: number;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        surface: HTMLElement;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        viewport: HTMLElement;
-
-        /**
-         * This API is no longer supported. Starting with the Windows Library for JavaScript 2.0 Preview, use a the ILayoutSite2 interface.
-        **/
-        viewportSize: any;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a rendering site for an ILayout2.
-    **/
-    interface ILayoutSite2 {
-        //#region Properties
-
-        /**
-         * Gets the number of groups in the site.
-        **/
-        groupCount: number;
-
-        /**
-         * Gets the number of items in the site.
-        **/
-        itemCount: Promise<number>;
-
-        /**
-         * Gets the pixel range of the realization area.
-        **/
-        realizedRange: any;
-
-        /**
-         * Gets the tree for use by an object that implements the ILayout2 interface.
-        **/
-        tree: any;
-
-        /**
-         * Gets the pixel range of visible items in the site.
-        **/
-        visibleRange: any;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Retrieves items from a IListDataSource, enumerates the contents of a IListDataSource, and can optionally register for change notifications.
-    **/
-    interface IListBinding<T> {
-        //#region Methods
-
-        /**
-         * Retrieves the current item.
-         * @returns An IItemPromise that contains the current item. If the cursor has moved past the start or end of the list, the promise completes with a value of null. If the current item has been moved or deleted, the promise returns an error.
-        **/
-        current(): IItemPromise<IItem<T>>;
-
-        /**
-         * Gets the first item from the IListDataSource and makes it the current item.
-         * @returns An IItemPromise that contains the requested IItem. If the list is empty, the promise completes with a value of null.
-        **/
-        first(): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the item from the IListDataSource that has the specified description and makes it the current item.
-         * @param description A domain-specific description, to be interpreted by the IListDataAdapter, that identifies the item to retrieve.
-         * @returns An IItemPromise that contains the requested IItem object. If the item wasn't found, the promise completes with a value of null.
-        **/
-        fromDescription(description: string): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the item from the IListDataSource that has the specified index and makes it the current item.
-         * @param index A value greater than or equal to 0 that is the index of the item to retrieve.
-         * @returns An IItemPromise that contains the requested IItem. If the item wasn't found, the promise completes with a value of null.
-        **/
-        fromIndex(index: number): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the item from the IListDataSource that has the specified key and makes it the current item.
-         * @param key The key that identifies the item to retrieve. This value must be a non-empty string.
-         * @param hints Domain-specific information that provides additional information to the IListDataAdapter to improve retrieval time.
-         * @returns An IItemPromise that contains the requested IItem. If they item couldn't be found, the promise completes with a value of null.
-        **/
-        fromKey(key: string, hints?: any): IItemPromise<IItem<T>>;
-
-        /**
-         * Makes the specified IItem or IItemPromise the current item.
-         * @param item The IItem or IItemPromise that will become the current item.
-         * @returns An IItemPromise that contains the specified item, if it exists. If the specified item is not in the list, the promise completes with a value of null.
-        **/
-        jumpToItem(item: IItem<T>): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the last item in the IListDataSource and makes it the current item.
-         * @returns An IItemPromise that contains the requested IItem. f the list is empty, the promise completes with a value of null.
-        **/
-        last(): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the item after the current item and makes it the current item.
-         * @returns An IItemPromise that contains the item after the current item. If the cursor moves past the end of the list, the promise completes with a value of null.
-        **/
-        next(): IItemPromise<IItem<T>>;
-
-        /**
-         * Retrieves the item before the current item and makes it the current item.
-         * @returns An IItemPromise that contains the item before the current item. If the cursor moves past the start of the list, the promise completes with a value of null.
-        **/
-        previous(): IItemPromise<IItem<T>>;
-
-        /**
-         * Releases resources, stops notifications, and cancels outstanding promises for all tracked items returned by this IListBinding.
-        **/
-        release(): void;
-
-        /**
-         * Creates a request to stop change notifications for the specified item. The change notifications stop when the number of releaseItem calls matches the number of IIItemPromise.retain calls.
-         * @param item The IItem or IItemPromise that should stop receiving notifications.
-        **/
-        releaseItem(item: IItem<T>): void;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Accesses data for an IListDataSource.
-    **/
-    interface IListDataAdapter<T> {
-        //#region Methods
-
-        /**
-         * Overwrites the data of the specified item.
-         * @param key The key of the item to overwrite.
-         * @param newData The new data for the item.
-         * @param indexHint The index of the item, if known.
-         * @returns A Promise that returns null or undefined when the operation completes.
-        **/
-        change(key: string, newData: T, indexHint: number): Promise<void>;
-
-        /**
-         * Gets the number of items in the IListDataAdapter object's data source.
-         * @returns A Promise that contains the number of items the IListDataAdapter contains, or an approximate value if the actual number is unknown.
-        **/
-        getCount(): Promise<number>;
-
-        /**
-         * Inserts the specified data after the specified item.
-         * @param key A key that can be used to retrieve the new data.
-         * @param data The new data to add to the IListDataAdapter object's data source.
-         * @param previousKey The key of an item in the IListDataAdapter object's data source. The new data will be inserted after this item.
-         * @param previousIndexHint The index of the item to insert the new data after, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAfter(key: string, data: T, previousKey: string, previousIndexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Adds the specified key and data to the end of the IListDataAdapter object's data source.
-         * @param key A key that can be used to retrieve the new data.
-         * @param data The new data to add to the IListDataAdapter object's data source.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAtEnd(key: string, data: T): Promise<IItem<T>>;
-
-        /**
-         * Adds the specified key and data to the beginning of the IListDataAdapter object's data source.
-         * @param key A key that can be used to retrieve the new data.
-         * @param data The new data to add to the IListDataAdapter object's data source.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAtStart(key: string, data: T): Promise<IItem<T>>;
-
-        /**
-         * Inserts the specified data before the specified item.
-         * @param key A key that can be used to retrieve the new data.
-         * @param data The new data to add to the IListDataAdapter object's data source.
-         * @param nextKey The key of an item in the IListDataAdapter object's data source. The new data will be inserted before this item.
-         * @param nextIndexHint The index of the item to insert the new data before, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertBefore(key: string, data: T, nextKey: string, nextIndexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Retrieves the item that matches the specified description and also retrieves the specified number of items before and after the matched item.
-         * @param description A description of the item to locate.
-         * @param countBefore The number of items before the matched item to retrieve.
-         * @param countAfter The number of items after the matched item to retrieve.
-         * @returns A Promise that provides an IFetchResult that contains the selected items or a FetchError if an error was encountered.
-        **/
-        itemsFromDescription(description: string, countBefore: number, countAfter: number): Promise<IFetchResult<T>>;
-
-        /**
-         * Retrieves the specified number of items from the end of the IListDataAdapter object's data source.
-         * @param count The number of items to retrieve.
-         * @returns A Promise that provides an IFetchResult that contains the selected items or a FetchError if an error was encountered.
-        **/
-        itemsFromEnd(count: number): Promise<IFetchResult<T>>;
-
-        /**
-         * Retrieves the item at the specified index and also retrieves the specified number of items before and after the selected item.
-         * @param index The index of the item to retrieve.
-         * @param countBefore The number of items to retrieve from before the selected item.
-         * @param countAfter The number of items to retrieve from after the selected item.
-         * @returns A Promise that provides an IFetchResult that contains the selected items or a FetchError if an error was encountered.
-        **/
-        itemsFromIndex(index: number, countBefore: number, countAfter: number): Promise<IFetchResult<T>>;
-
-        /**
-         * Retrieves the item that has the specified key and also retrieves the specified number of items before and after the selected item.
-         * @param key The key of the item to retrieve.
-         * @param countBefore The number of items to retrieve from before the selected item.
-         * @param countAfter The number of items to retrieve from after the selected item.
-         * @returns A Promise that provides an IFetchResult that contains the selected items or a FetchError if an error was encountered.
-        **/
-        itemsFromKey(key: string, countBefore: number, countAfter: number): Promise<IFetchResult<T>>;
-
-        /**
-         * Retrieves the specified number of items from the beginning of the IListDataAdapter object's data source.
-         * @param count The number of items to retrieve.
-         * @returns A Promise that provides an IFetchResult that contains the selected items or a FetchError if an error was encountered.
-        **/
-        itemsFromStart(count: number): Promise<IFetchResult<T>>;
-
-        /**
-         * Returns a string representation of the specified item that can be used for comparisons.
-         * @param item The item for which to generate a signature.
-         * @returns The signature representation of the specified item.
-        **/
-        itemSignature(item: IItem<T>): string;
-
-        /**
-         * Moves the specified item to just after another item.
-         * @param key A key of the item to move.
-         * @param previousKey The key of another item. The item to move will be moved to just after this item.
-         * @param indexHint The index of the item to move, if known.
-         * @param previousIndexHint The index to move the item after, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        moveAfter(key: string, previousKey: any, indexHint: string, previousIndexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Moves the specified item to just before another item.
-         * @param key A key of the item to move.
-         * @param nextKey The key of another item. The item to move will be moved to just before this item.
-         * @param indexHint The index of the item to move, if known.
-         * @param nextIndexHint The index to move the item before, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        moveBefore(key: string, nextKey: any, indexHint: string, nextIndexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Moves the specified item to the end of the IListDataAdapter object's data source.
-         * @param key The key for the item to move.
-         * @param indexHint The index of the item to move, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        moveToEnd(key: string, indexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Moves the specified item to the beginning of the IListDataAdapter object's data source.
-         * @param key The key for the item to move.
-         * @param indexHint The index of the item to move, if known.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        moveToStart(key: string, indexHint: number): Promise<IItem<T>>;
-
-        /**
-         * Removes the specified item from the IListDataAdapter object's data source.
-         * @param key The key of the item to remove.
-         * @param data The new data for the item.
-         * @param indexHint The index of the item.
-         * @returns A Promise that returns null or undefined when the operation completes.
-        **/
-        remove(key: string, data: T, indexHint: number): Promise<void>;
-
-        /**
-         * Registers a notification handler. The IListDataAdapter uses the handler to notify listening objects when its data changes.
-         * @param notificationHandler The notification handler that the IListDataAdapter will use to provide change notifications. .
-        **/
-        setNotificationHandler(notificationHandler: IListDataNotificationHandler<T>): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that specifies whether to use an object's identity to determine if an item has changed.
-        **/
-        compareByIdentity: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Notifies clients when an IListDataAdapter object's data changes.
-    **/
-    interface IListDataNotificationHandler<T> {
-        //#region Methods
-
-        /**
-         * Indicates the start of a notification batch. Objects that are listening for notifications should defer making updates until endNotifications is called.
-        **/
-        beginNotifications(): void;
-
-        /**
-         * Raises a notification that an item in the IListDataAdapter object's data source has changed.
-         * @param item The item that changed.
-        **/
-        changed(item: IItem<T>): void;
-
-        /**
-         * Indicates the end of a notification batch. When the beginNotifications method is called, objects listening for notifications should defer making updates until endNotifications is called.
-        **/
-        endNotifications(): void;
-
-        /**
-         * Raises a notification that an item has been added to the IListDataAdapter object's data source.
-         * @param newItem The new item added to the IListDataAdapter object's data source.
-         * @param previousKey The key of the item that now precedes the new item, or null if the item was inserted at the start of the list. If nextKey is provided, this parameter may be null.
-         * @param nextKey The key of the item that now follows the new item, or null if the item was inserted at the end of the list. If previousKey is provided, this parameter may be null.
-         * @param index The index of the new item.
-        **/
-        inserted(newItem: IItem<T>, previousKey: string, nextKey: string, index?: number): void;
-
-        /**
-         * Indicates that all previous data obtained from the IListDataAdapter is invalid and should be refreshed.
-         * @returns A Promise that completes when the data has been completely refreshed and all change notifications have been sent.
-        **/
-        invalidateAll(): Promise<any>;
-
-        /**
-         * Raises a notification that an item was moved within the IListDataAdapter object's data source.
-         * @param item The item that was moved.
-         * @param previousKey The key of the item that now precedes the new item, or null if the item was moved to the beginning of the list. If nextKey is provided, this parameter may be null.
-         * @param nextKey The key of the item that now follows the new item, or null if the item was moved to the end of the list. If previousKey is provided, this parameter may be null.
-         * @param oldIndex The item's original index.
-         * @param newIndex The item's new index.
-        **/
-        moved(item: IItem<T>, previousKey: string, nextKey: string, oldIndex?: number, newIndex?: number): void;
-
-        /**
-         * Reloads data from the IListDataAdapter.
-        **/
-        reload(): void;
-
-        /**
-         * Raises a notification that an item was removed from the IListDataAdapter object's data source.
-         * @param key The key of the item that was removed.
-         * @param index The index of the item that was removed.
-        **/
-        removed(key: string, index?: number): void;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Provides access to a data source and enables you to bind, change, add, remove, and move items in that data source.
-    **/
-    interface IListDataSource<T> {
-        //#region Events
-
-        /**
-         * Occurs when the status of the IListDataSource changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: status.
-        **/
-        statuschanged(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Notifies the IListDataSource that a sequence of edits is about to begin. The IListDataSource will defer notifications until endEdits is called.
-        **/
-        beginEdits(): void;
-
-        /**
-         * Overwrites the data of the specified item.
-         * @param key The key for the item to replace.
-         * @param newData The new data for the item.
-         * @returns A Promise that contains the IItem that was updated or an EditError if an error was encountered.
-        **/
-        change(key: string, newData: T): Promise<IItem<T>>;
-
-        /**
-         * Creates an IListBinding that can retrieve items from the IListDataSource, enumerate the contents of the IListDataSource object's data, and optionally register for change notifications.
-         * @param notificationHandler Enables the IListBinding to register for change notifications for individual items obtained from the IListDataSource. If you omit this parameter, change notifications won't be available.
-         * @returns The new IListBinding.
-        **/
-        createListBinding(notificationHandler?: IListNotificationHandler<T>): IListBinding<T>;
-
-        /**
-         * Notifies the IListDataSource that the batch of edits that began with the last beginEdits call has completed. The IListDataSource will submit notifications for any changes that occurred between the beginEdits and endEdits calls as a batch and resume normal change notifications.
-        **/
-        endEdits(): void;
-
-        /**
-         * Retrieves the number of items in the data source.
-         * @returns A Promise that provides a Number that is the number of items in the data source.
-        **/
-        getCount(): Promise<number>;
-
-        /**
-         * Inserts a new item after another item.
-         * @param key The key that can be used to retrieve the new item, if known.
-         * @param data The data for the item to add.
-         * @param previousKey The key for an item in the data source. The new item will be added after this item.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAfter(key: string, data: T, previousKey: string): Promise<IItem<T>>;
-
-        /**
-         * Adds an item to the end of the data source.
-         * @param key The key that can be used to retrieve the new item, if known.
-         * @param data The data for the item to add.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAtEnd(key: string, data: T): Promise<IItem<T>>;
-
-        /**
-         * Adds an item to the beginning of the data source.
-         * @param key The key that can be used to retrieve the new item, if known.
-         * @param data The data for the item to add.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertAtStart(key: string, data: T): Promise<IItem<T>>;
-
-        /**
-         * Inserts an item before another item.
-         * @param key The key that can be used to retrieve the new item, if known.
-         * @param data The data for the item to add.
-         * @param nextKey The key of an item in the data source. The new item will be inserted before this item.
-         * @returns A Promise that contains the IItem that was added or an EditError if an error was encountered.
-        **/
-        insertBefore(key: string, data: T, nextKey: string): Promise<IItem<T>>;
-
-        /**
-         * Indicates that all previous data obtained from the IListDataAdapter is invalid and should be refreshed.
-         * @returns A Promise that completes when the data has been completely refreshed and all notifications have been sent.
-        **/
-        invalidateAll(): Promise<any>;
-
-        /**
-         * Retrieves the item that has the specified description.
-         * @param description Domain-specific information, to be interpreted by the IListDataAdapter, that describes the item to retrieve.
-         * @returns A Promise that provides an IItem that contains the requested item or a FetchError if an error was encountered. If the item wasn't found, the promise completes with a value of null.
-        **/
-        itemFromDescription(description: any): Promise<IItem<T>>;
-
-        /**
-         * Retrieves the item at the specified index.
-         * @param index A value that is greater than or equal to zero that is the index of the item to retrieve.
-         * @returns A Promise that provides an IItem that contains the requested item or a FetchError if an error was encountered. If the item wasn't found, the promise completes with a value of null.
-        **/
-        itemFromIndex(index: number): Promise<IItem<T>>;
-
-        /**
-         * Retrieves the item with the specified key.
-         * @param key The key of the item to retrieve. It must be a non-empty string.
-         * @param description Domain-specific information that IListDataAdapter can use to improve the retrieval time.
-         * @returns A Promise that provides an IItem that contains the requested item or a FetchError if an error was encountered. If the item was not found, the promise completes with a null value.
-        **/
-        itemFromKey(key: string, description?: any): Promise<IItem<T>>;
-
-        /**
-         * Moves an item to just after another item.
-         * @param key The key that identifies the item to move.
-         * @param previousKey The key of another item in the data source. The item specified by the key parameter will be moved after this item.
-         * @returns A Promise that contains the IItem that was moved or an EditError if an error was encountered.
-        **/
-        moveAfter(key: string, previousKey: string): Promise<IItem<T>>;
-
-        /**
-         * Moves an item before another item.
-         * @param key The key that identifies the item to move.
-         * @param nextKey The key of another item in the data source. The item specified by the key parameter will be moved before this item.
-         * @returns A Promise that contains the IItem that was moved or an EditError if an error was encountered.
-        **/
-        moveBefore(key: string, nextKey: string): Promise<IItem<T>>;
-
-        /**
-         * Moves an item to the end of the data source.
-         * @param key The key that identifies the item to move.
-         * @returns A Promise that contains the IItem that was moved or an EditError if an error was encountered.
-        **/
-        moveToEnd(key: string): Promise<IItem<T>>;
-
-        /**
-         * Moves the specified item to the beginning of the data source.
-         * @param key The key that identifies the item to move.
-         * @returns A Promise that contains the IItem that was moved or an EditError if an error was encountered.
-        **/
-        moveToStart(key: string): Promise<IItem<T>>;
-
-        /**
-         * Removes the specified item from the data source.
-         * @param key The key that identifies the item to remove.
-         * @returns A Promise that contains nothing if the operation was successful or an EditError if an error was encountered.
-        **/
-        remove(key: string): Promise<IItem<T>>;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Used by an IListBinding to provide change notifications when items in a IListDataSource change.
-    **/
-    interface IListNotificationHandler<T> {
-        //#region Methods
-
-        /**
-         * Indicates the start of a notification batch. Objects that are listening for notifications should defer making updates until endNotifications is called.
-        **/
-        beginNotifications(): void;
-
-        /**
-         * Indicates that an item changed.
-         * @param newItem The updated item.
-         * @param oldItem The original item.
-        **/
-        changed(newItem: IItem<T>, oldItem: IItem<T>): void;
-
-        /**
-         * Indicates that the number of items in the IListDataSource has changed.
-         * @param newCount The updated count.
-         * @param oldCount The original count.
-        **/
-        countChanged(newCount: number, oldCount: number): void;
-
-        /**
-         * Indicates the end of a notification batch. When the beginNotifications method is called, objects listening for notifications should defer making updates until endNotifications is called.
-        **/
-        endNotifications(): void;
-
-        /**
-         * Indicates that the index of an item changed.
-         * @param handle The temporary ID of the item.
-         * @param newIndex The new index.
-         * @param oldIndex The original index.
-        **/
-        indexChanged(handle: string, newIndex: number, oldIndex: number): void;
-
-        /**
-         * Indicates that an item was added to the IListDataSource.
-         * @param itemPromise A promise for the new IItem.
-         * @param previousHandle The temporary ID of the item that precedes the new item.
-         * @param nextHandle The temporary ID of the item that follows the new item.
-        **/
-        inserted(itemPromise: IItemPromise<T>, previousHandle: string, nextHandle: string): void;
-
-        /**
-         * Indicates that an IItemPromise was fulfilled and that the item is now available.
-         * @param item The fulfilled item.
-        **/
-        itemAvailable(item: IItem<T>): void;
-
-        /**
-         * Indicates that an item was moved.
-         * @param item A promise for the IItem that was moved.
-         * @param previousHandle The temporary ID of the item that now precedes the moved item.
-         * @param nextHandle The temporary ID of the item that now follows the moved item.
-        **/
-        moved(item: IItemPromise<T>, previousHandle: string, nextHandle: string): void;
-
-        /**
-         * Indicates that an item was removed.
-         * @param handle The temporary ID of the item that was removed.
-         * @param mirage true if the item never actually existed; false if the item was actually present in the IListDataSource.
-        **/
-        removed(handle: string, mirage: boolean): void;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Used by ListView's currentItem API
-    **/
-    interface IListViewItem {
-        /**
-         * Gets or sets index of the ListView item.
-        **/
-        index?: number;
-
-        /**
-         * Gets or sets key of the ListView item.
-        **/
-        key?: string;
-
-        /**
-         * Gets or sets whether the ListView item is focused.
-        **/
-        hasFocus?: boolean;
-
-        /**
-         * Gets or sets whether the ListView item is focused and is showing its focus visual.
-        **/
-        showFocus?: boolean;
-
-        /**
-         * Gets the type, if any.
-        **/
-        type?: WinJS.UI.ObjectType;
-    }
-
-    /**
-     * Represents a selection of ListView items.
-    **/
-    interface ISelection<T> {
-        //#region Methods
-
-        /**
-         * Adds one or more items to the selection.
-         * @param items The indexes or keys of the items to add. You can provide different types of objects for the items parameter: you can specify an index, a key, or a range of indexes. It can also be an array that contains one or more of these objects. For more info, see the Remarks section.
-         * @returns A Promise that is fulfilled when the operation completes.
-        **/
-        add(items: any): Promise<any>;
-
-        /**
-         * Clears the selection.
-         * @returns A Promise that is fulfilled when the clear operation completes.
-        **/
-        clear(): Promise<any>;
-
-        /**
-         * Returns the number of items in the selection.
-         * @returns The number of items in the selection.
-        **/
-        count(): number;
-
-        /**
-         * Returns a list of the indexes for the items in the selection.
-         * @returns The list of indexes for the items in the selection as an array of Number objects.
-        **/
-        getIndices(): number[];
-
-        /**
-         * Returns an array that contains the items in the selection.
-         * @returns A Promise that contains an array of the requested IItem objects.
-        **/
-        getItems(): Promise<IItem<T>[]>;
-
-        /**
-         * Gets an array of the index ranges for the selected items.
-         * @returns An array that contains an ISelectionRange object for each index range in the selection.
-        **/
-        getRanges(): ISelectionRange[];
-
-        /**
-         * Returns a value that indicates whether the selection contains every item in the data source.
-         * @returns true if the selection contains every item in the data source; otherwise, false.
-        **/
-        isEverything(): boolean;
-
-        /**
-         * Removes the specified items from the selection.
-         * @param items The indexes or keys of the items to remove. You can provide different types of objects for the items parameter: you can specify an index, a key, or a range of indexes. It can also be an array that contains one or more of these objects. For more info, see the Remarks section.
-         * @returns A Promise that is fulfilled when the operation completes.
-        **/
-        remove(items: any): Promise<any>;
-
-        /**
-         * Adds all the items in the ListView to the selection.
-        **/
-        selectAll(): void;
-
-        /**
-         * Clears the current selection and replaces it with the specified items.
-         * @param items The indexes or keys of the items that make up the selection. You can provide different types of objects for the items parameter: you can specify an index, a key, or a range of indexes. It can also be an array that contains one or more of these objects. For more info, see the Remarks section.
-         * @returns A Promise that is fulfilled when the operation completes.
-        **/
-        set(items: any): Promise<any>;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Represents a range of indexes or keys in an ISelection.
-    **/
-    interface ISelectionRange {
-        //#region Properties
-
-        /**
-         * Gets or sets the index of the first item in the range.
-        **/
-        firstIndex: number;
-
-        /**
-         * Gets or sets the key of the first item in the range.
-        **/
-        firstKey: any;
-
-        /**
-         * Gets or sets the index of the last item in the range.
-        **/
-        lastIndex: number;
-
-        /**
-         * Gets or sets of the key of the last item in the range.
-        **/
-        lastKey: any;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Supports semantic zoom functionality by exposing a control as either the zoomed in or the zoomed out view of the SemanticZoom control.
-    **/
-    interface IZoomableView<T> {
-        //#region Methods
-
-        /**
-         * Initiates semantic zoom on the custom control.
-        **/
-        beginZoom(): void;
-
-        /**
-         * Initializes the semantic zoom state for the custom control.
-         * @param isZoomedOut True if this is the zoomed out view; otherwise false.
-         * @param isCurrentView True if this is the current view; otherwise false.
-         * @param triggerZoom The function that manages semantic zoom behavior. Triggers a zoom in or zoom out if the control is the visible control.
-         * @param prefetchedPages The number of pages of content to pre-fetch for zooming. This value is dependent on the size of the semantic zoom container. More content can be displayed based on the zoom factor and the size of the container.
-        **/
-        configureForZoom(isZoomedOut: boolean, isCurrentView: boolean, triggerZoom: Function, prefetchedPages: number): void;
-
-        /**
-         * Terminates semantic zoom on the zoomed in or zoomed out child of the custom control.
-         * @param isCurrentView True if the control is the visible control; otherwise false.
-        **/
-        endZoom(isCurrentView: boolean): void;
-
-        /**
-         * Retrieves the current item of the zoomed in or zoomed out child of the custom control.
-         * @returns An object that represents the selected item. This return value must be a Promise for the following: item, position.
-        **/
-        getCurrentItem(): Promise<{ item: T; position: Utilities.IPosition }>;
-
-        /**
-         * Retrieves the panning axis of the zoomed-in or zoomed-out child of the custom control.
-         * @returns Identifies the panning axis of the child control. Implementation specific.
-        **/
-        getPanAxis(): string;
-
-        /**
-         * Manages pointer input for the custom control.
-         * @param pointerId The ID of the pointer.
-        **/
-        handlePointer(pointerId: string): void;
-
-        /**
-         * Positions the specified item within the viewport of the child control when panning or zooming begins.
-         * @param item The object to position within the viewport of the child control. item can be a number, a string, or an object with any number of properties.
-         * @param position An object that contains the position data of the item relative to the child control. position must be an object with four number properties: left, top, width, and height. These values specify a rectangle that is typically the bounding box of the current item, though the details are up to the control. The units of the position must be in pixels. And the coordinates must be relative to the top-left of the control viewport (which should occupy the same area as the semantic zoom viewport), except when in RTL mode. In RTL mode, return coordinates relative to the top-right off the control viewport. The rectangle is transformed from the coordinate system of one control to that of the other.
-        **/
-        positionItem(item: T, position: Utilities.IPosition): void;
-
-        /**
-         * Selects the item closest to the specified screen coordinates.
-         * @param x The x-coordinate in DIPs relative to the upper-left corner of the SemanticZoom viewport.
-         * @param y The y-coordinate in DIPs relative to the upper-left corner of the SemanticZoom viewport..
-        **/
-        setCurrentItem(x: number, y: number): void;
-
-        //#endregion Methods
-
-    }
-
-    //#endregion Interfaces
-
-    //#region Objects
-
-    /**
-     * Represents an application toolbar for displaying commands.
-    **/
-    class AppBar {
-        //#region Constructors
-
-        /**
-         * Creates a new AppBar object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new AppBar.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs immediately after the AppBar is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onafterhide(eventInfo: Event): void;
-
-        /**
-         * Occurs after the AppBar is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onaftershow(eventInfo: Event): void;
-
-        /**
-         * Occurs before the AppBar is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforehide(eventInfo: Event): void;
-
-        /**
-         * Occurs before a hidden AppBar is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeshow(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this AppBar. Call this method when the AppBar is no longer needed. After calling this method, the AppBar becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Returns the AppBarCommand object identified by id.
-         * @param id The element idenitifier (ID) of the command to be returned.
-         * @returns The command identified by id. If multiple commands have the same ID, returns an array of all the commands matching the ID.
-        **/
-        getCommandById(id: string): AppBarCommand;
-
-        /**
-         * Hides the AppBar.
-        **/
-        hide(): void;
-
-        /**
-         * Hides the specified commands of the AppBar.
-         * @param commands The commands to hide. The array elements may be AppBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to hide the commands immediately, without animating them; otherwise, false.
-        **/
-        hideCommands(commands: any[], immediate?: boolean): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Shows the AppBar if it is not disabled.
-        **/
-        show(): void;
-
-        /**
-         * Shows the specified commands of the AppBar.
-         * @param commands The commands to show. The array elements may be AppBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the commands immediately, without animating them; otherwise, false.
-        **/
-        showCommands(commands: any[], immediate?: boolean): void;
-
-        /**
-         * Shows the specified commands of the AppBar while hiding all other commands.
-         * @param commands The commands to show. The array elements may be AppBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the specified commands (and hide the others) immediately, without animating them; otherwise, false.
-        **/
-        showOnlyCommands(commands: any[], immediate?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Sets the AppBarCommand objects that appear in the app bar.
-        **/
-        commands: AppBarCommand[];
-
-        /**
-         * Gets or sets a value that indicates whether the AppBar is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the AppBar.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets a value that indicates whether the AppBar is hidden or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets or sets the layout of the app bar contents.
-        **/
-        layout: string;
-
-        /**
-         * Gets or sets a value that specifies whether the AppBar appears at the top or bottom of the main view.
-        **/
-        placement: string;
-
-        /**
-         * Gets or sets a value that indicates whether the AppBar is sticky (won't light dismiss). If not sticky, the app bar dismisses normally when the user touches outside of the appbar.
-        **/
-        sticky: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a command to be displayed in an app bar.
-    **/
-    class AppBarCommand {
-        //#region Constructors
-
-        /**
-         * Creates a new AppBarCommand object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new AppBarCommand.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Releases resources held by this AppBarCommand. Call this method when the AppBarCommand is no longer needed. After calling this method, the AppBarCommand becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that indicates whether the AppBarCommand is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the AppBarCommand.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Adds an extra CSS class during construction.
-        **/
-        extraClass: string;
-
-        /**
-         * Gets or sets the HTMLElement with a 'content' type AppBarCommand that should receive focus whenever focus moves by the user pressing HOME or the arrow keys, from the previous AppBarCommand to this AppBarCommand.
-        **/
-        firstElementFocus: HTMLElement;
-
-        /**
-         * Gets or sets the Flyout object displayed by this command. The specified flyout is shown when the AppBarCommand's button is invoked.
-        **/
-        flyout: Flyout;
-
-        /**
-         * Gets or sets a value that indicates whether the AppBarCommand is hiding or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets or sets the icon of the AppBarCommand.
-        **/
-        icon: string;
-
-        /**
-         * Gets the element identifier (ID) of the command.
-        **/
-        id: string;
-
-        /**
-         * Gets or sets the label of the command.
-        **/
-        label: string;
-
-        /**
-         * Gets or sets the HTMLElement with a 'content' type AppBarCommand that should receive focus whenever focus moves by the user pressing END or the arrow keys, from the previous AppBarCommand to this AppBarCommand.
-        **/
-        lastElementFocus: HTMLElement;
-
-        /**
-         * Gets or sets the function to be invoked when the command is clicked.
-        **/
-        onclick: Function;
-
-        /**
-         * Gets the section of the app bar that the command is in.
-        **/
-        section: string;
-
-        /**
-         * Gets or sets the selected state of a toggle button.
-        **/
-        selected: boolean;
-
-        /**
-         * Gets or sets the tooltip of the command.
-        **/
-        tooltip: string;
-
-        /**
-         * Gets the type of the command.
-        **/
-        type: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Provides backwards navigation in the form of a button.
-    **/
-    class BackButton {
-        //#region Constructors
-
-        /**
-         * Creates a new BackButton.
-         * @constructor
-         * @param element The DOM element hosts the new BackButton.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this BackButton. Call this method when the BackButton is no longer needed. After calling this method, the BackButton becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Checks the current navigation history and updates the value of the control's disabled attribute.
-        **/
-        refresh(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the HTML element that hosts this BackButton.
-        **/
-        element: HTMLElement;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a layout for the ListView in which items are arranged in a grid and items can span multiple grid cells.
-    **/
-    class CellSpanningLayout {
-        //#region Constructors
-
-        /**
-         * Creates a new CellSpanningLayout.
-         * @constructor
-         * @param options An object that contains one or more property/value pairs to apply to the new CellSpanningLayout. Each property of the options object corresponds to one of the object's properties or events. Event names must begin with "on".
-        **/
-        constructor(options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragLeave(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragOver(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        executeAnimations(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param currentItem An object that describes the current item. It has these properties: index, type.
-         * @param pressedKey The key that was pressed.
-         * @returns An object that describes the next item that should receive focus. It has these properties: index, type.
-        **/
-        getAdjacent(currentItem: any, pressedKey: WinJS.Utilities.Key): any;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param x The x-coordinate, or the horizontal position on the screen.
-         * @param y The y-coordinate, or the vertical position on the screen.
-        **/
-        hitTest(x: number, y: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param site The rendering site for the layout.
-         * @param groupsEnabled Set to true if this layout supports groups; set to false if it does not.
-        **/
-        initialize(site: ILayoutSite2, groupsEnabled: boolean): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param firstPixel The first pixel the range of items falls between.
-         * @param lastPixel The last pixel the range of items falls between.
-        **/
-        itemsFromRange(firstPixel: number, lastPixel: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param tree
-         * @param changedRange
-         * @param modifiedItems
-         * @param modifiedGroups
-        **/
-        layout(tree: ILayoutSite2, changedRange: any, modifiedItems: any, modifiedGroups: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        setupAnimations(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        uninitialize(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the position of group headers relative to their items.
-        **/
-        groupHeaderPosition: WinJS.UI.HeaderPosition;
-
-        /**
-         * Gets or sets a function that enables cell-spanning and establishes base cell dimensions.
-        **/
-        groupInfo: Function;
-
-        /**
-         * Gets or sets a function that returns the width and height of an item, as well as whether it should appear in a new column. Setting this function improves performance because the ListView can allocate space for an item without having to measure it first.
-        **/
-        itemInfo: Function;
-
-        /**
-         * Gets or set the maximum number of rows or columns, depending on the orientation, to display before content begins to wrap.
-        **/
-        maximumRowsOrColumns: number;
-
-        /**
-         * This API supports the Windows Library for JavaScript infrastructure and is not intended to be used directly from your code.
-        **/
-        numberOfItemsPerItemsBlock: any;
-
-        /**
-         * Gets the orientation of the CellSpanningLayout. For a CellSpanningLayout, this property always returns Orientation.horizontal.
-        **/
-        orientation: WinJS.UI.Orientation;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Allows users to pick a date value.
-    **/
-    class DatePicker {
-        //#region Constructors
-
-        /**
-         * Initializes a new instance of the DatePicker control.
-         * @constructor
-         * @param element The DOM element associated with the DatePicker control.
-         * @param options The set of options to be applied initially to the DatePicker control. The options are the following: calendar, current, datePattern, disabled, maxYear, minYear, monthPattern, yearPattern.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when any of the controls are changed by the user.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onchange(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Adds an event listener.
-         * @param type The type (name) of the event.
-         * @param listener The function that handles the event.
-         * @param capture If true, specifies that capture should be initiated, otherwise false.
-        **/
-        addEventListener(type: string, listener: Function, capture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this DatePicker. Call this method when the DatePicker is no longer needed. After calling this method, the DatePicker becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        raiseEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes a listener for the specified event.
-         * @param type The name of the event for which to remove a listener.
-         * @param listener The listener.
-         * @param useCapture Optional. The same value that was passed to addEventListener for this listener. It may be omitted if it was omitted when calling addEventListener.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: any): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the calendar to use.
-        **/
-        calendar: string;
-
-        /**
-         * Gets or sets the current date of the DatePicker. You can use either a date string or a Date object to set this property.
-        **/
-        current: Date;
-
-        /**
-         * Gets or sets the display pattern for the date. The default date pattern is day.integer(2). You can change the date pattern by changing the number of integers displayed.
-        **/
-        datePattern: string;
-
-        /**
-         * Specifies whether the DatePicker is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element for the DatePicker.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the maximum Gregorian year available for picking.
-        **/
-        maxYear: number;
-
-        /**
-         * Gets or sets the minimum Gregorian year available for picking.
-        **/
-        minYear: number;
-
-        /**
-         * Gets or sets the display pattern for the month. The default month pattern is month.abbreviated. You can change the month pattern to the following values: month.full. The full name of the month. month.abbreviated(n). You can use abbreviated with or without specifying the number of letters in the abbreviation. If you do specify the number of letters, the actual length of the month name that appears may vary. month.solo.full. A representation of the month that is suitable for stand-alone display. You can also use month.solo.abbreviated(n). month.integer(n). You can use integer with or without specifying the number of integers.
-        **/
-        monthPattern: string;
-
-        /**
-         * Gets or sets the display pattern for the year. The default year pattern is year.full. You can change the year pattern to the following values: year.abbreviated(n). You can use abbreviated with or without specifying the number of letters in the abbreviation.
-        **/
-        yearPattern: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Adds event-related methods to the control.
-    **/
-    class DOMEventMixin {
-        //#region Methods
-
-        /**
-         * Adds an event listener to the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to invoke when the event gets raised.
-         * @param useCapture true to initiate capture; otherwise, false.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type, adding the specified additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes an event listener from the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to remove.
-         * @param useCapture true to initiate capture; otherwise, false.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Adds the set of declaratively specified options (properties and events) to the specified control. If the name of the options property begins with "on", the property value is a function and the control supports addEventListener. This method calls the addEventListener method on the control.
-         * @param control The control on which the properties and events are to be applied.
-         * @param options The set of options that are specified declaratively.
-        **/
-        setOptions(control: any, options: any): void;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Displays a collection, such as a set of photos, one item at a time.
-    **/
-    class FlipView<T> {
-        //#region Constructors
-
-        /**
-         * Creates a new FlipView.
-         * @constructor
-         * @param element The DOM element that hosts the control.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the pageselected event, add a property named "onpageselected" and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when the datasource count changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: source.
-        **/
-        ondatasourcecountchanged(eventInfo: Event): void;
-
-        /**
-         * Raised when the FlipView flips to a page and its renderer function completes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.source.
-        **/
-        onpagecompleted(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the FlipView flips to a page.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.source.
-        **/
-        onpageselected(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs when an item becomes invisible or visible.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.source, detail.visible.
-        **/
-        onpagevisibilitychanged(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. For a list of events, see the FlipView object page.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Returns the number of items in the FlipView control's itemDataSource.
-         * @returns A Promise that contains the number of items in the list or WinJS.UI.CountResult.unknown if the count is unavailable.
-        **/
-        count(): Promise<number>;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this FlipView. Call this method when the FlipView is no longer needed. After calling this method, the FlipView becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Forces the FlipView to update its layout. Use this function when making the FlipView visible again after its style.display property had been set to "none".
-        **/
-        forceLayout(): void;
-
-        /**
-         * Navigates to the next page.
-         * @returns true if the FlipView begins navigating to the next page; false if the FlipView is already at the last item or is in the middle of another navigation animation.
-        **/
-        next(): boolean;
-
-        /**
-         * Navigates to the previous item.
-         * @returns true if the FlipView begins navigating to the previous page; nfalse if the FlipView is already at the first page or is in the middle of another navigation animation.
-        **/
-        previous(): boolean;
-
-        /**
-         * Unregisters an event handler for the specified event.
-         * @param eventName The name of the event.
-         * @param eventHandler The event handler function to remove.
-         * @param useCapture Set to true to unregister the event handler for the capturing phase; otherwise, set to false to unregister the event handler for the bubbling phase.
-        **/
-        removeEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Sets custom animations for the FlipView to use when navigating between pages.
-         * @param animations An object that contains up to three fields, one for each navigation action: next, previous, and jump. Each of those fields must be a function with this signature: function (outgoingPage, incomingPage) Each function must return a WinJS.Promise that completes once the animations are finished. If a field is null or undefined, the FlipView reverts to its default animation for that action.
-        **/
-        setCustomAnimations(animations: any): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the index of the currently displayed page.
-        **/
-        currentPage: number;
-
-        /**
-         * Gets the HTML element that hosts this FlipView.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the data source that provides the FlipView with items to display. The FlipView displays one item at a time, on its own page.
-        **/
-        itemDataSource: IListDataSource<T>;
-
-        /**
-         * Gets or sets the spacing between each item, in pixels.
-        **/
-        itemSpacing: number;
-
-        /**
-         * Gets or sets a Template or function that defines the HTML for each item's page.
-        **/
-        itemTemplate: any;
-
-        /**
-         * Gets or sets the orientation of the FlipView, horizontal or vertical.
-        **/
-        orientation: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Displays lightweight UI that is either information, or requires user interaction. Unlike a dialog, a Flyout can be light dismissed by clicking or tapping off of it.
-    **/
-    class Flyout {
-        //#region Constructors
-
-        /**
-         * Creates a new Flyout object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new Flyout.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised immediately after a flyout is fully hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onafterhide(eventInfo: Event): void;
-
-        /**
-         * Raised immediately after a flyout is fully shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onaftershow(eventInfo: Event): void;
-
-        /**
-         * Raised just before hiding a flyout.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforehide(eventInfo: Event): void;
-
-        /**
-         * Raised just before showing a flyout.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeshow(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Releases resources held by this object. Call this method when the object is no longer needed. After calling this method, the object becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Hides the Flyout, if visible, regardless of other states.
-        **/
-        hide(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Shows the Flyout, if hidden, regardless of other states.
-         * @param anchor Required. The DOM element to anchor the Flyout.
-         * @param placement The placement of the Flyout to the anchor: the string literal "top", "bottom", "left", or "right".
-         * @param alignment For "top" or "bottom" placement, the alignment of the Flyout to the anchor's edge: the string literal "center", "left", or "right".
-        **/
-        show(anchor: HTMLElement, placement?: string, alignment?: string): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the default alignment to be used for this Flyout.
-        **/
-        alignment: string;
-
-        /**
-         * Gets or sets the default anchor to be used for this Flyout.
-        **/
-        anchor: HTMLElement;
-
-        /**
-         * Gets the DOM element that hosts the Flyout.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets a value that indicates whether the Flyout is hidden or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets or sets the default placement to be used for this Flyout.
-        **/
-        placement: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a grid layout for the ListView in which items are arranged in a horizontal grid.
-    **/
-    class GridLayout {
-        //#region Constructors
-
-        /**
-         * Creates a new GridLayout object.
-         * @constructor
-         * @param options The set of properties and values to apply to the new GridLayout.
-        **/
-        constructor(options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param wholeItem
-        **/
-        calculateFirstVisible(beginScrollPosition: number, wholeItem: boolean): void;
-
-        /**
-         * This method is no longer supported.
-         * @param endScrollPosition
-         * @param wholeItem
-        **/
-        calculateLastVisible(endScrollPosition: number, wholeItem: boolean): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragLeave(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragOver(): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        endLayout(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        executeAnimations(): void;
-
-        /**
-         * Determines the next item to receive keyboard focus.
-         * @param currentItem An object that describes the current item. It has these properties: index, type.
-         * @param pressedKey The key that was pressed.
-         * @returns An object that describes the next item that should receive focus. It has these properties: index, type.
-        **/
-        getAdjacent(currentItem: any, pressedKey: WinJS.Utilities.Key): any;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-        **/
-        getItemPosition(itemIndex: number): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element
-         * @param keyPressed
-        **/
-        getKeyboardNavigatedItem(itemIndex: number, element: any, keyPressed: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param endScrollPosition
-        **/
-        getScrollbarRange(beginScrollPosition: number, endScrollPosition: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param x The x-coordinate, or the horizontal position on the screen.
-         * @param y The y-coordinate, or the vertical position on the screen.
-        **/
-        hitTest(x: number, y: number): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        init(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param site The rendering site for the layout.
-         * @param groupsEnabled Set to true if this layout supports groups; set to false if it does not.
-        **/
-        initialize(site: ILayoutSite2, groupsEnabled: boolean): void;
-
-        /**
-         * This method is no longer supported.
-         * @param elements
-        **/
-        itemsAdded(elements: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param firstPixel The first pixel the range of items falls between.
-         * @param lastPixel The last pixel the range of items falls between.
-        **/
-        itemsFromRange(firstPixel: number, lastPixel: number): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        itemsMoved(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param elements
-        **/
-        itemsRemoved(elements: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param tree
-         * @param changedRange
-         * @param modifiedItems
-         * @param modifiedGroups
-        **/
-        layout(tree: any, changedRange: any, modifiedItems: any, modifiedGroups: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param groupIndex
-         * @param element A DOM element.
-        **/
-        layoutHeader(groupIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element A DOM element.
-        **/
-        layoutItem(itemIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param element
-        **/
-        prepareHeader(element: HTMLElement): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element A DOM element.
-        **/
-        prepareItem(itemIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param item
-         * @param newItem
-        **/
-        releaseItem(item: any, newItem: any): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        reset(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param layoutSite
-        **/
-        setSite(layoutSite: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        setupAnimations(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param endScrollPositionScrollPosition
-        **/
-        startLayout(beginScrollPosition: number, endScrollPositionScrollPosition: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        uninitialize(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param count
-        **/
-        updateBackdrop(count: number): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * This property is no longer supported. Starting with Windows Library for JavaScript 2.0, use the .win-listview.win-container.win-backdrop CSS selector.
-        **/
-        backdropColor: string;
-
-        /**
-         * This property is no longer supported. Starting with Windows Library for JavaScript 2.0, use the .win-listview.win-container.win-backdrop CSS selector.
-        **/
-        disableBackdrop: boolean;
-
-        /**
-         * Gets or sets the position of group headers.
-        **/
-        groupHeaderPosition: WinJS.UI.HeaderPosition;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use a CellSpanningLayout.
-        **/
-        groupInfo: Function;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use the orientation property instead.
-        **/
-        horizontal: boolean;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use a CellSpanningLayout.
-        **/
-        itemInfo: Function;
-
-        /**
-         * Gets or set the maximum number of rows or columns, depending on the orientation, to display before content begins to wrap.
-        **/
-        maximumRowsOrColumns: number;
-
-        /**
-         * This property is no longer supported. Starting with Windows Library for JavaScript 2.0, use the maximumRowsOrColumns property.
-        **/
-        maxRows: number;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        numberOfItemsPerItemsBlock: any;
-
-        /**
-         * Gets or sets the orientation of the GridLayout.
-        **/
-        orientation: WinJS.UI.Orientation;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Creates a hub navigation pattern consisting of sections that can be navigated to. Each section is defined by a HubSection object.
-    **/
-    class Hub {
-        //#region Constructors
-
-        /**
-         * Creates a new Hub control.
-         * @constructor
-         * @param element The DOM element that will host the Hub control.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the contentanimating event, add a property named "oncontentanimating" to the options object and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised when the Hub is about to play entrance, content transition, insert, or remove animations.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.type, detail.index, detail.section.
-        **/
-        oncontentanimating(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user clicks on an interactive header.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.index, detail.section.
-        **/
-        onheaderinvoked(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the Hub control's loadingState changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: loadingState.
-        **/
-        onloadingstatechanged(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this Hub. Call this method when the Hub is no longer needed. After calling this method, the Hub becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the DOM element that hosts the Hub control.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the Template or templating function that creates the DOM elements for each HubSection header. Your HubSection object should provide strings for HubSection.header property.
-        **/
-        headerTemplate: any;
-
-        /**
-         * Gets or sets the index of the first HubSection at least partially in view. This property is useful for animating the visible content in the Hub.
-        **/
-        indexOfFirstVisible: number;
-
-        /**
-         * Gets or sets the index of last HubSection at least partially in view. Used for animating the visible content in the Hub.
-        **/
-        indexOfLastVisible: number;
-
-        /**
-         * Gets a value that indicates whether the hub is still loading or whether loading is complete. The value changes to complete after all the sections and content inside them has loaded.
-        **/
-        loadingState: string;
-
-        /**
-         * Gets or sets the orientation of sections within the Hub.
-        **/
-        orientation: Orientation;
-
-        /**
-         * Gets or sets the distance between the start of the Hub and the current viewable area.
-        **/
-        scrollPosition: number;
-
-        /**
-         * Gets or sets the index of the first visible HubSection.
-        **/
-        sectionOnScreen: number;
-
-        /**
-         * Gets or sets the List that contains the HubSection objects that belong to this Hub.
-        **/
-        sections: WinJS.Binding.List<HubSection>;
-
-        /**
-         * This API supports the SemanticZoom infrastructure and is not intended to be used directly from your code.
-        **/
-        zoomableView: IZoomableView<any>;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Defines a section of a Hub.
-    **/
-    class HubSection {
-        //#region Constructors
-
-        /**
-         * Creates a new HubSection.
-         * @constructor
-         * @param element The DOM element hosts the new HubSection.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Releases resources held by this HubSection. Call this method when the HubSection is no longer needed. After calling this method, the HubSection becomes unusable.
-        **/
-        dispose(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the DOM element that hosts the HubSection control's content.
-        **/
-        contentElement: HTMLElement;
-
-        /**
-         * Gets the DOM element that hosts this HubSection.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the header for this HubSection.
-        **/
-        header: string;
-
-        /**
-         * Gets a value that specifies whether the header is static.
-        **/
-        isHeaderStatic: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Enables you to include an HTML page dynamically. As part of the constructor, you must include an option indicating the URI of the page.
-    **/
-    class HtmlControl {
-        //#region Constructors
-
-        /**
-         * Initializes a new instance of HtmlControl to define a new page control.
-         * @constructor
-         * @param element The element that hosts the HtmlControl.
-         * @param options The options for configuring the page. The uri option is required in order to specify the source document for the content of the page. Other options are the ones used by the WinJS.Pages.render method.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-    }
-
-    /**
-     * Defines an item that can be pressed, swiped, and dragged.
-    **/
-    class ItemContainer {
-        //#region Constructors
-
-        /**
-         * Creates a new ItemContainer.
-         * @constructor
-         * @param element The DOM element hosts the new ItemContainer. For the ItemContainer to be accessible, this element must have its role attribute set to "list" or "listbox". If tapBehavior is set to none and selectionDisabled is true, then use the "list" role; otherwise, use the "listbox" role.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised when the item is invoked. (You can use the tapBehavior property to specify whether taps and clicks invoke the item.)
-         * @param eventInfo An object that contains information about the event.
-        **/
-        oninvoked(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after the item is selected or deselected.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onselectionchanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised just before the current selection changes.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onselectionchanging(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this ItemContainer. Call this method when the ItemContainer is no longer needed. After calling this method, the ItemContainer becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Forces the ItemContainer to update its layout. Call this function when the reading direction of the app changes after the control has been initialized.
-        **/
-        forceLayout(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that specifies whether the item can be dragged.
-        **/
-        draggable: boolean;
-
-        /**
-         * Gets the element that hosts this ItemContainer.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets a value that specifies whether the item is selected.
-        **/
-        selected: boolean;
-
-        /**
-         * Gets or sets a value that specifies whether selection of this item is disabled.
-        **/
-        selectionDisabled: boolean;
-
-        /**
-         * Gets or sets how the ItemContainer reacts to the swipe gesture. The swipe gesture can select the swiped items or can have no effect on the current selection.
-        **/
-        swipeBehavior: WinJS.UI.SwipeBehavior;
-
-        /**
-         * Gets or sets the orientation of swipe gestures.
-        **/
-        swipeOrientation: Orientation;
-
-        /**
-         * Gets or sets how the ItemContainer reacts when the user taps or clicks an item.
-        **/
-        tapBehavior: TapBehavior;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * This object supports the WinJS infrastructure and is not intended to be used directly from your code.
-    **/
-    class Layout {
-    }
-
-    /**
-     * Represents a layout for the ListView in which items are arranged in a vertical list.
-    **/
-    class ListLayout {
-        //#region Constructors
-
-        /**
-         * Creates a new ListLayout.
-         * @constructor
-         * @param options An object that contains one or more property/value pairs to apply to the new ListLayout. Each property of the options object corresponds to one of the object's properties or events. Event names must begin with "on".
-        **/
-        constructor(options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param wholeItem
-        **/
-        calculateFirstVisible(beginScrollPosition: number, wholeItem: boolean): void;
-
-        /**
-         * This method is no longer supported.
-         * @param endScrollPosition
-         * @param wholeItem
-        **/
-        calculateLastVisible(endScrollPosition: number, wholeItem: boolean): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragLeave(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        dragOver(): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        endLayout(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        executeAnimations(): void;
-
-        /**
-         * Determines the next item to receive keyboard focus.
-         * @param currentItem An object that describes the current item. It has these properties: index, type.
-         * @param pressedKey The key that was pressed.
-         * @returns An object that describes the next item that should receive focus. It has these properties: index, type.
-        **/
-        getAdjacent(currentItem: any, pressedKey: WinJS.Utilities.Key): any;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-        **/
-        getItemPosition(itemIndex: number): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element
-         * @param keyPressed
-        **/
-        getKeyboardNavigatedItem(itemIndex: number, element: HTMLElement, keyPressed: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param endScrollPosition
-        **/
-        getScrollbarRange(beginScrollPosition: number, endScrollPosition: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param x The x-coordinate, or the horizontal position on the screen.
-         * @param y The y-coordinate, or the vertical position on the screen.
-        **/
-        hitTest(x: number, y: number): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        init(): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        initialize(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param elements
-        **/
-        itemsAdded(elements: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param firstPixel
-         * @param lastPixel
-        **/
-        itemsFromRange(firstPixel: number, lastPixel: number): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        itemsMoved(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param elements
-        **/
-        itemsRemoved(elements: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-         * @param tree
-         * @param changedRange
-         * @param modifiedItems
-         * @param modifiedGroups
-        **/
-        layout(tree: any, changedRange: any, modifiedItems: any, modifiedGroups: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param groupIndex
-         * @param element A DOM element.
-        **/
-        layoutHeader(groupIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element A DOM element.
-        **/
-        layoutItem(itemIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param element
-        **/
-        prepareHeader(element: HTMLElement): void;
-
-        /**
-         * This method is no longer supported.
-         * @param itemIndex
-         * @param element A DOM element.
-        **/
-        prepareItem(itemIndex: number, element: any): void;
-
-        /**
-         * This method is no longer supported.
-         * @param item
-         * @param newItem
-        **/
-        releaseItem(item: any, newItem: any): void;
-
-        /**
-         * This method is no longer supported.
-        **/
-        reset(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param layoutSite
-        **/
-        setSite(layoutSite: any): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        setupAnimations(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param beginScrollPosition
-         * @param endScrollPositionScrollPosition
-        **/
-        startLayout(beginScrollPosition: number, endScrollPositionScrollPosition: number): void;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        uninitialize(): void;
-
-        /**
-         * This method is no longer supported.
-         * @param count
-        **/
-        updateBackdrop(count: number): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * This property is no longer supported. Starting with Windows Library for JavaScript 2.0, use the .win-listview.win-container.win-backdrop CSS selector.
-        **/
-        backdropColor: string;
-
-        /**
-         * This property is no longer supported. Starting with Windows Library for JavaScript 2.0, use the .win-listview.win-container.win-backdrop CSS selector.
-        **/
-        disableBackdrop: boolean;
-
-        /**
-         * Gets or sets the position of group headers.
-        **/
-        groupHeaderPosition: WinJS.UI.HeaderPosition;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use a CellSpanningLayout.
-        **/
-        groupInfo: Function;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use the orientation property instead.
-        **/
-        horizontal: boolean;
-
-        /**
-         * This property is no longer supported. Starting with the Windows Library for JavaScript 2.0, use a CellSpanningLayout.
-        **/
-        itemInfo: Function;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        numberOfItemsPerItemsBlock: any;
-
-        /**
-         * Gets or sets the orientation of the GridLayout.
-        **/
-        orientation: WinJS.UI.Orientation;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Displays data items in a customizable list or grid.
-    **/
-    class ListView<T> {
-        //#region Constructors
-
-        /**
-         * Creates a new ListView.
-         * @constructor
-         * @param element The DOM element that hosts the ListView control.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the selectionchanged event, add a property named "onselectionchanged" to the options object and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when the ListView is about to play an entrance or contentTransition animation.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.type, detail.setPromise.
-        **/
-        oncontentanimating(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user taps or clicks a group header.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.groupHeaderIndex, detail.groupHeaderPromise.
-        **/
-        ongroupheaderinvoked(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the ListView is a drop target and the onitemdragenter has been disabled. This is raised every time the cursor is moved between a new pair of items. If you call preventDefault on this event, then the ListView does not move the items slightly above/below the cursor to provide visual feedback for a drop.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains additional information about the event.
-        **/
-        onitemdragbetween(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user is dragging an item from the ListView and the datasource changes while the user is dragging.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains additional information about the event.
-        **/
-        onitemdragchanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when an item is dropped onto the ListView as the result of a drag operation.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.dataTransfer, detail.index, detail.insertAfterIndex.
-        **/
-        onitemdragdrop(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user drops an item dragged from a ListView.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onitemdragend(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when an dragged item enters the bounds of the ListView control.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.dataTransfer.
-        **/
-        onitemdragenter(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when a draggable item leaves the bounds of a ListView control.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onitemdragleave(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user begins to drag an item from a ListView control.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.dataTransfer, detail.dragInfo.
-        **/
-        onitemdragstart(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs when the user taps or clicks an item.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.itemIndex.
-        **/
-        oniteminvoked(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the focused item changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.oldFocus, detail.oldNewFocus.
-        **/
-        onkeyboardnavigating(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs when the ListView control's loadingState changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.scrolling.
-        **/
-        onloadingstatechanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs after the current selection changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object is null. To obtain the selected items, use the ListView.selection property.
-        **/
-        onselectionchanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs just before the current selection changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.newSelection, detail.preventTapBehavior.
-        **/
-        onselectionchanging(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. See the ListView object page for a list of events. Note that you drop the "on" when specifying the event name for the addEventListener method. For example, instead of specifying "onselectionchange", you specify "selectionchange".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this object. Call this method when the object is no longer needed. After calling this method, the object becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Returns the DOM element that represents the item at the specified index.
-         * @param itemIndex The index of the item.
-         * @returns The DOM element that represents the item at the specified index.
-        **/
-        elementFromIndex(itemIndex: number): HTMLElement;
-
-        /**
-         * Makes the item at the specified index visible. If necessary, the ListView will scroll to the item.
-         * @param itemIndex The index of the item to scroll into view.
-        **/
-        ensureVisible(itemIndex: number): void;
-
-        /**
-         * Forces the ListView to update its layout. Use this function when making the ListView visible again after its style.display property had been set to "none".
-        **/
-        forceLayout(): void;
-
-        /**
-         * Returns the index of the item that the specified DOM element displays.
-         * @param element The DOM element that displays the item.
-         * @returns The index of the item displayed by element.
-        **/
-        indexOfElement(element: HTMLElement): number;
-
-        /**
-         * Loads the next set of pages if the ListView control's loadingBehavior is set to "incremental" (otherwise, it does nothing). The number of pages to be loaded is determined by the pagesToLoad property.
-        **/
-        loadMorePages(): void;
-
-        /**
-         * Repositions all the visible items in the ListView to adjust for items whose sizes have changed. Most apps won’t ever need to call this method. For more info, see the Remarks section.
-        **/
-        recalculateItemPosition(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        /**
-         * Triggers the ListView disposal service manually.
-        **/
-        static triggerDispose(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that indicates whether the next set of pages is automatically loaded when the user scrolls beyond the number of pages specified by the pagesToLoadThreshold property.
-        **/
-        automaticallyLoadPages: boolean;
-
-        /**
-         * Gets or sets an IListViewItem that indicates which item should have keyboard focus and the focus state of that item.
-        **/
-        currentItem: IListViewItem;
-
-        /**
-         * Gets the HTML element that hosts this ListView.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the data source that contains the groups for the items in the itemDataSource.
-        **/
-        groupDataSource: IListDataSource<T>;
-
-        /**
-         * Gets or sets how the ListView reacts when the user taps or clicks a group header.
-        **/
-        groupHeaderTapBehavior: GroupHeaderTapBehavior;
-
-        /**
-         * Gets or sets the Template or function that creates the DOM elements for each group header in the groupDataSource. Each group header can contain multiple elements, but it must have a single root element.
-        **/
-        groupHeaderTemplate: any;
-
-        /**
-         * Gets or sets the first visible item.
-        **/
-        indexOfFirstVisible: number;
-
-        /**
-         * Gets the index of the last visible item in the ListView.
-        **/
-        indexOfLastVisible: number;
-
-        /**
-         * Gets or sets the data source that provides the ListView with items.
-        **/
-        itemDataSource: IListDataSource<T>;
-
-        /**
-         * Go Gets or sets a value that specifies whether items can be dragged. When this is set to true the ListView provides built in behaviors related to item dragging.
-        **/
-        itemsDraggable: boolean;
-
-        /**
-         * Gets or sets whether the ListView control's items can be reordered within itself by dragging and dropping.
-        **/
-        itemsReorderable: boolean;
-
-        /**
-         * Gets or sets the WinJS.Binding.Template or templating function that creates the DOM elements for each item in the itemDataSource. Each item can contain multiple elements, but it must have a single root element.
-        **/
-        itemTemplate: any;
-
-        /**
-         * Gets or sets an object that controls the layout of the ListView.
-        **/
-        layout: ILayout2;
-
-        /**
-         * Gets or sets a value that specifies how the ListView fetches items and adds and removes them to the DOM. Don't change the value of this property after the ListView has begun loading data.
-        **/
-        loadingBehavior: string;
-
-        /**
-         * Gets a value that indicates whether the ListView is still loading or whether loading is complete.
-        **/
-        loadingState: string;
-
-        /**
-         * Gets or sets the maximum number of realized items.
-        **/
-        maxDeferredItemCleanup: number;
-
-        /**
-         * Gets or sets the number of pages to load when the loadingBehavior property is set to "incremental" and the user scrolls beyond the threshold specified by the pagesToLoadThreshold property.
-        **/
-        pagesToLoad: number;
-
-        /**
-         * Gets or sets the threshold (in pages) for initiating an incremental load. When the last visible item is within the specified number of pages from the end of the loaded portion of the list, and if automaticallyLoadPages is true and loadingBehavior is set to "incremental", the ListView initiates an incremental load.
-        **/
-        pagesToLoadThreshold: number;
-
-        /**
-         * Gets or sets the function that is called when the ListView discards or recycles the element representation of a group header.
-        **/
-        resetGroupHeader: (header: any, element: HTMLElement) => void;
-
-        /**
-         * Gets or sets the function that is called when an item is removed, an item is changed, or an item falls outside of the realized range of the ListView.
-        **/
-        resetItem: (item: T, element: HTMLElement) => void;
-
-        /**
-         * Gets or sets the distance, in pixels, of the start of the viewable area within the viewport.
-        **/
-        scrollPosition: number;
-
-        /**
-         * Gets an ISelection that contains the range of currently selected items.
-        **/
-        selection: ISelection<T>;
-
-        /**
-         * Gets or sets the selection mode of the ListView.
-        **/
-        selectionMode: SelectionMode;
-
-        /**
-         * Gets or sets how the ListView reacts to the swipe gesture. The swipe gesture can select the swiped items or can have no effect on the current selection.
-        **/
-        swipeBehavior: WinJS.UI.SwipeBehavior;
-
-        /**
-         * Gets or sets how the ListView reacts when the user taps or clicks an item.
-        **/
-        tapBehavior: TapBehavior;
-
-        /**
-         * Gets a ZoomableView that supports semantic zoom functionality. This API supports the SemanticZoom infrastructure and is not intended to be used directly from your code.
-        **/
-        zoomableView: IZoomableView<ListView<T>>;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a menu flyout for displaying commands.
-    **/
-    class Menu {
-        //#region Constructors
-
-        /**
-         * Creates a new Menu object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new Menu.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs immediately after the Menu is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onafterhide(eventInfo: Event): void;
-
-        /**
-         * Occurs after the Menu is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onaftershow(eventInfo: Event): void;
-
-        /**
-         * Occurs before the Menu is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforehide(eventInfo: Event): void;
-
-        /**
-         * Occurs before a hidden Menu is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeshow(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Releases resources held by this Menu. Call this method when the Menu is no longer needed. After calling this method, the Menu becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Returns the MenuCommand object identified by id.
-         * @param id The element identifier (ID) of the command to be returned.
-         * @returns The command identified by id.
-        **/
-        getCommandById(id: string): MenuCommand;
-
-        /**
-         * Hides the Menu.
-        **/
-        hide(): void;
-
-        /**
-         * Hides the specified commands of the Menu.
-         * @param commands The commands to hide. The array elements may be MenuCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to hide the commands immediately, without animating them; otherwise, false.
-        **/
-        hideCommands(commands: any[], immediate: boolean): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Shows the Menu, if hidden, regardless of other states.
-         * @param anchor Required. The DOM element to anchor the Menu.
-         * @param placement The placement of the Menu to the anchor: top, bottom, left, or right.
-         * @param alignment For top or bottom placement, the alignment of the Menu to the anchor's edge: center, left, or right.
-        **/
-        show(anchor: HTMLElement, placement?: string, alignment?: string): void;
-
-        /**
-         * Shows the specified commands of the Menu.
-         * @param commands The commands to show. The array elements may be Menu objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the commands immediately, without animating them; otherwise, false.
-        **/
-        showCommands(commands: any[], immediate: boolean): void;
-
-        /**
-         * Shows the specified commands of the Menu while hiding all other commands.
-         * @param commands The commands to show. The array elements may be MenuCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the specified commands (and hide the others) immediately, without animating them; otherwise, false.
-        **/
-        showOnlyCommands(commands: any[], immediate: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the default alignment to be used for this Menu.
-        **/
-        alignment: string;
-
-        /**
-         * Gets or sets the default anchor to be used for this Menu.
-        **/
-        anchor: HTMLElement;
-
-        /**
-         * Sets the MenuCommand objects that appear in the menu.
-        **/
-        commands: MenuCommand[];
-
-        /**
-         * Gets the DOM element that hosts the Menu.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets a value that indicates whether the Menu is hidden or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets or sets the default placement to be used for this Menu.
-        **/
-        placement: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a command to be displayed in a Menu object.
-    **/
-    class MenuCommand {
-        //#region Constructors
-
-        /**
-         * Creates a new MenuCommand object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new MenuCommand.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Disposes this control.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that indicates whether the MenuCommand is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the MenuCommand.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Adds an extra CSS class during construction.
-        **/
-        extraClass: string;
-
-        /**
-         * Gets or sets the Flyout object displayed by this command. The specified flyout is shown when the MenuCommand's button is invoked.
-        **/
-        flyout: Flyout;
-
-        /**
-         * Gets a value that indicates whether the MenuCommand is hidden or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets the element identifier (ID) of the command.
-        **/
-        id: string;
-
-        /**
-         * Gets or sets the label of the command.
-        **/
-        label: string;
-
-        /**
-         * Gets or sets the function to be invoked when the command is clicked.
-        **/
-        onclick: Function;
-
-        /**
-         * Gets or sets the selected state of a toggle button.
-        **/
-        selected: boolean;
-
-        /**
-         * Gets the type of the command.
-        **/
-        type: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Displays navigation commands in a toolbar that the user can show or hide.
-    **/
-    class NavBar {
-        //#region Constructors
-
-        /**
-         * Creates a new NavBar.
-         * @constructor
-         * @param element The DOM element that will host the new NavBar.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs immediately after the NavBar is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onafterhide(eventInfo: Event): void;
-
-        /**
-         * Raised after the NavBar is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onaftershow(eventInfo: Event): void;
-
-        /**
-         * Raised just before the NavBar is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforehide(eventInfo: Event): void;
-
-        /**
-         * Occurs before a hidden NavBar is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeshow(eventInfo: Event): void;
-
-        /**
-         * Occurs after the NavBar has finished processing its child elements.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onchildrenprocessed(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this NavBar. Call this method when the NavBar is no longer needed. After calling this method, the NavBar becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Hides the NavBar.
-        **/
-        hide(): void;
-
-        /**
-         * Hides the specified commands of the NavBar.
-         * @param commands The commands to hide. The array elements may be NavBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to hide the commands immediately, without animating them; otherwise, false.
-        **/
-        hideCommands(commands: any[], immediate: boolean): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        /**
-         * Shows the NavBar if it is not disabled.
-        **/
-        show(): void;
-
-        /**
-         * Shows the specified commands of the NavBar.
-         * @param commands The commands to show. The array elements may be NavBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the commands immediately, without animating them; otherwise, false.
-        **/
-        showCommands(commands: any[], immediate: boolean): void;
-
-        /**
-         * Shows the specified commands of the NavBar while hiding all other commands.
-         * @param commands The commands to show. The array elements may be NavBarCommand objects, or the string identifiers (IDs) of commands.
-         * @param immediate The parameter immediate is not supported and may be altered or unavailable in the future. true to show the specified commands (and hide the others) immediately, without animating them; otherwise, false.
-        **/
-        showOnlyCommands(commands: any[], immediate: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        commands: AppBarCommand;
-
-        /**
-         * Gets or sets a value that indicates whether the NavBar is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the HTML element that hosts this NavBar.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets a value that indicates whether the NavBar is hidden or in the process of becoming hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * This API supports the WinJS infrastructure and is not intended to be used directly from your code.
-        **/
-        layout: string;
-
-        /**
-         * Gets or sets a value that specifies whether the NavBar appears at the top or bottom of the main view.
-        **/
-        placement: string;
-
-        /**
-         * Gets or sets a value that indicates whether the NavBar is sticky (won't light dismiss). If not sticky, the NavBar dismisses normally when the user touches outside of the NavBar.
-        **/
-        sticky: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents a navigation command in a NavBarContainer.
-    **/
-    class NavBarCommand {
-        //#region Constructors
-
-        /**
-         * Creates a new NavBarCommand.
-         * @constructor
-         * @param element The DOM element hosts the new NavBarCommand.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this NavBarCommand. Call this method when the NavBarCommand is no longer needed. After calling this method, the NavBarCommand becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the HTML element that hosts this NavBarCommand.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the command's icon.
-        **/
-        icon: string;
-
-        /**
-         * Gets or sets the label of the command.
-        **/
-        label: string;
-
-        /**
-         * Get or sets the location to navigate to when this command is invoked.
-        **/
-        location: any;
-
-        /**
-         * Gets or sets a value that specifies whether to show the split tab stop.
-        **/
-        splitButton: boolean;
-
-        /**
-         * Gets a value that indicates whether the splitButton is open.
-        **/
-        splitOpened: boolean;
-
-        /**
-         * Gets or sets a user-defined object that represents the state associated with the command's location.
-        **/
-        state: any;
-
-        /**
-         * Gets or sets the tooltip of the command.
-        **/
-        tooltip: any;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Contains a group of NavBarCommand objects in a NavBar.
-    **/
-    class NavBarContainer {
-        //#region Constructors
-
-        /**
-         * Creates a new NavBarContainer.
-         * @constructor
-         * @param element The DOM element hosts the new NavBarContainer.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when a child NavBarCommand object's click event fires.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.index, detail.navbarcommand, detail.data.
-        **/
-        oninvoked(eventInfo: CustomEvent): void;
-
-        /**
-         * Occurs when the split button of a child NavBarCommand is opened or closed. A split button is toggled when the user navigates to another page or opens another split button.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.opened, detail.index, detail.navbarcommand, detail.data.
-        **/
-        onsplittoggle(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this NavBarCommand. Call this method when the NavBarCommand is no longer needed. After calling this method, the NavBarCommand becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Forces the NavBarContainer to update its layout. Use this function when making the NavBarContainer visible again after you set its style.display property to "none".
-        **/
-        forceLayout(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the index of the current item.
-        **/
-        currentIndex: number;
-
-        /**
-         * Gets or sets a WinJS.Binding.List that generates NavBarCommand objects.
-        **/
-        data: WinJS.Binding.List<NavBarCommand>;
-
-        /**
-         * Gets the HTML element that hosts this NavBarContainer.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets a value that specifies whether NavBarCommand objects in this container use a fixed or dynamic width.
-        **/
-        fixedSize: boolean;
-
-        /**
-         * Gets or sets a value that specifies whether the NavBarContainer has a horizontal or vertical layout.
-        **/
-        layout: Orientation;
-
-        /**
-         * Gets or sets a value that specifies how many rows of navigation commands to display on a page.
-        **/
-        maxRows: number;
-
-        /**
-         * Gets or sets the WinJS.Binding.Template or templating function that creates the DOM elements for each item in the data source. Each item can contain multiple elements, but it must have a single root element.
-        **/
-        template: WinJS.Binding.Template;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Lets the user rate something by clicking an icon that represents a rating. The Rating control can display three types of ratings: an average rating, a tentative rating, and the user's rating.
-    **/
-    class Rating {
-        //#region Constructors
-
-        /**
-         * Creates a new Rating.
-         * @constructor
-         * @param element The DOM element hosts the new Rating.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the cancel event, add a property named "oncancel" to the options object and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised when the user finishes interacting with the rating control without committing a tentative rating.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        oncancel(eventInfo: Event): void;
-
-        /**
-         * Raised when the user commits a change to the userRating.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.tentativeRating.
-        **/
-        onchange(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user is choosing a new tentative Rating.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.tentativeRating.
-        **/
-        onpreviewchange(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Releases resources held by this Rating. Call this method when the Rating is no longer needed. After calling this method, the Rating becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the average rating.
-        **/
-        averageRating: number;
-
-        /**
-         * Gets or sets whether the control is disabled. When the control is disabled, the user can't specify a new user rating or modify an existing rating.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the Rating.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets whether control lets the user clear the rating.
-        **/
-        enableClear: boolean;
-
-        /**
-         * Gets or sets the maximum possible rating value.
-        **/
-        maxRating: number;
-
-        /**
-         * Gets or sets a set of descriptions to show for rating values in the tooltip.
-        **/
-        tooltipStrings: string[];
-
-        /**
-         * Gets or sets the user's rating.
-        **/
-        userRating: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Generates HTML from a set of data. Use this control to generate lists of items.
-    **/
-    class Repeater {
-        //#region Constructors
-
-        /**
-         * Creates a new Repeater control.
-         * @constructor
-         * @param elemnt The DOM element that will host the new control. The Repeater will create an element if this value is null.
-         * @param options An object that contains one or more property/value pairs to apply to the new Repeater. Each property of the options object corresponds to one of the object's properties or events. Event names must begin with "on".
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised after an item in the Repeater control's data source changes and after the corresponding DOM element has been updated.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.index, detail.key, detail.newElement, detail.newItem, detail.newValue, detail.oldElement, detail.oldItem, detail.oldValue, detail.setPromise.
-        **/
-        onitemchanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item in the Repeater control's data source changes but before the corresponding DOM element has been updated.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.index, detail.key, detail.newElement, detail.newItem, detail.newValue, detail.oldElement, detail.oldItem, detail.oldValue, detail.setPromise.
-        **/
-        onitemchanging(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been added to the Repeater control's data source and after the corresponding DOM element has been added.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.key, detail.value.
-        **/
-        oniteminserted(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been added to the Repeater control's data source but before the corresponding DOM element has been added.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.key, detail.value.
-        **/
-        oniteminserting(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been moved from one index to another in the Repeater control's data source and after the corresponding DOM element has been moved.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.key, detail.oldIndex, detail.newIndex.
-        **/
-        onitemmoved(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been moved from one index to another in the Repeater control's data source but before the corresponding DOM element has been moved.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.key, detail.oldIndex, detail.newIndex.
-        **/
-        onitemmoving(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been moved from one index to another in the Repeater control's data source and after the corresponding DOM element has been moved.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.item, detail.setPromise.
-        **/
-        onitemremoved(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after an item has been removed from the Repeater control's data source but before the corresponding DOM element has been removed.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElement, detail.index, detail.item, detail.setPromise.
-        **/
-        onitemremoving(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the Repeater has finished loading a new set of data. This event is only fired on construction. This event is only raised when the Repeater is constructed or its data source or template changes.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onitemsloaded(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after the Repeater control's underlying data has been updated and after the updated HTML has been reloaded.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElements.
-        **/
-        onitemsreloaded(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised after the Repeater control's underlying data has been updated but before the updated HTML has been reloaded.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.affectedElements, detail.setPromise.
-        **/
-        onitemsreloading(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this Repeater. Call this method when the Repeater is no longer needed. After calling this method, the Repeater becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Returns the HTML element for the item at the specified index.
-         * @param index The index of the item.
-         * @returns The DOM element for the specified item.
-        **/
-        elementFromIndex(index: number): HTMLElement;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the List that provides the Repeater with items to display.
-        **/
-        data: WinJS.Binding.List<any>;
-
-        /**
-         * Gets the DOM element that hosts the Repeater.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets the number of items in the Repeater control.
-        **/
-        length: number;
-
-        /**
-         * Gets or sets a WinJS.Binding.Template or custom rendering function that defines the HTML of each item within the Repeater.
-        **/
-        template: WinJS.Binding.Template;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Enables the user to perform search queries and select suggestions.
-    **/
-    class SearchBox {
-        //#region Constructors
-
-        /**
-         * Creates a new SearchBox.
-         * @constructor
-         * @param element The DOM element hosts the new SearchBox.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised when the user or the app changes the queryText.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.language, detail.queryText, detail.linguisticDetails.
-        **/
-        onquerychanged(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised awhen the user clicks the search glyph or presses Enter.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.language, detail.queryText, detail.linguisticDetails, detail.keyModifiers.
-        **/
-        onquerysubmitted(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the app automatically redirects focus to the search box. This event can only be raised when the focusOnKeyboardInput property is set to true.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.propertyName.
-        **/
-        onreceivingfocusonkeyboardinput(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the user selects a suggested option for the search.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.tag, detail.keyModifiers, detail.storageFile.
-        **/
-        onresultsuggestionschosen(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the system requests search suggestions from this app.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: detail.language, detail.linguisticDetails, detail.queryText, detail.searchSuggestionCollection.
-        **/
-        onsuggestionsrequested(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. Note that you drop the "on" when specifying the event name. For example, instead of specifying "onclick", you specify "click".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this SearchBox. Call this method when the SearchBox is no longer needed. After calling this method, the SearchBox becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        /**
-         * Specifies whether suggestions based on local files are automatically displayed in the search pane, and defines the criteria that Windows uses to locate and filter these suggestions.
-         * @param settings The new settings for local content suggestions.
-        **/
-        setLocalContentSuggestionSettings(settings: any): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets whether the first suggestion is chosen when the user presses Enter.
-        **/
-        chooseSuggestionOnEnter: boolean;
-
-        /**
-         * Gets or sets a value that specifies whether the SearchBox is disabled. If the control is disabled, it won't receive focus.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the SearchBox.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets a value that specifies whether the search box automatically receives focus when the user types into the app window.
-        **/
-        focusOnKeyboardInput: boolean;
-
-        /**
-         * Gets or sets the placeholder text for the SearchBox. This text is displayed if there is no other text in the input box.
-        **/
-        placeholderText: string;
-
-        /**
-         * Gets or sets the query text for the SearchBox.
-        **/
-        queryText: string;
-
-        /**
-         * Gets or sets the search history context. This context is used a secondary key (the app ID is the primary key) for storing search history.
-        **/
-        searchHistoryContext: string;
-
-        /**
-         * Gets or sets a value that specifies whether search history is disabled.
-        **/
-        searchHistoryDisabled: boolean;
-
-        //#endregion Properties
-
-        static createResultSuggestionImage(url: string): any;
-
-    }
-
-    /**
-     * Enables the user to zoom between two different views supplied by two child controls. One child control supplies the zoomed-out view and the other provides the zoomed-in view.
-    **/
-    class SemanticZoom {
-        //#region Constructors
-
-        /**
-         * Creates a new SemanticZoom.
-         * @constructor
-         * @param element The DOM element that hosts the SemanticZoom.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. This object can contain these properties: initiallyZoomedOut Boolean, zoomFactor 0.2–0.85.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when the control zooms in or out.
-         * @param eventInfo An object that contains information about the event. The detail property of this object is true when the control is zoomed out. Otherwise, it's false.
-        **/
-        onzoomchanged(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this SemanticZoom. Call this method when the SemanticZoom is no longer needed. After calling this method, the SemanticZoom becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Forces the SemanticZoom to update its layout. Use this function when making the SemanticZoom visible again after its style.display property had been set to "none".
-        **/
-        forceLayout(): void;
-
-        /**
-         * Unregisters an event handler for the specified event.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the DOM element that hosts the SemanticZoom control.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or a sets a value that specifies whether to display the SemanticZoom zoom out button.
-        **/
-        enableButton: boolean;
-
-        /**
-         * Determines whether any controls contained in a SemanticZoom should be processed separately. This property is always true, meaning that the SemanticZoom takes care of processing its own controls.
-        **/
-        isDeclarativeControlContainer: boolean;
-
-        /**
-         * Gets or sets a value that indicates whether SemanticZoom is locked and zooming between views is disabled.
-        **/
-        locked: boolean;
-
-        /**
-         * Gets or sets a value that indicates whether the control is zoomed out.
-        **/
-        zoomedOut: boolean;
-
-        /**
-         * Gets or sets a value that specifies how much the scaling the cross-fade animation performs when the SemanticZoom transitions between views.
-        **/
-        zoomFactor: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Provides users with fast, in-context access to settings that affect the current Windows Store app.
-    **/
-    class SettingsFlyout {
-        //#region Constructors
-
-        /**
-         * Creates a new SettingsFlyout object.
-         * @constructor
-         * @param element The DOM element that will host the control.
-         * @param options The set of properties and values to apply to the new SettingsFlyout.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised immediately after the SettingsFlyout is completely hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onafterhide(eventInfo: Event): void;
-
-        /**
-         * Raised immediately after a SettingsFlyout is fully shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onaftershow(eventInfo: Event): void;
-
-        /**
-         * Raised just before hiding a SettingsFlyout.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforehide(eventInfo: Event): void;
-
-        /**
-         * Raised just before showing a SettingsFlyout.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeshow(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param type The event type to register. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this SettingsFlyout. Call this method when the SettingsFlyout is no longer needed. After calling this method, the SettingsFlyout becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Hides the SettingsFlyout, if visible, regardless of other states.
-        **/
-        hide(): void;
-
-        /**
-         * Loads a fragment of the SettingsFlyout. Your app calls this when the user invokes a settings command and the WinJS.Application.onsettings event occurs.
-         * @param e An object that contains information about the event, received from the WinJS.Application.onsettings event. The detail property of this object contains the applicationcommands sub-property that you set to an array of settings commands. You then populate the SettingsFlyout with these commands by a call to populateSettings.
-        **/
-        static populateSettings(e: CustomEvent): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param type The event type to unregister. It must be beforeshow, beforehide, aftershow, or afterhide.
-         * @param listener The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Shows the SettingsPane UI, if hidden.
-        **/
-        show(): void;
-
-        /**
-         * Shows the SettingsPane UI, if hidden, regardless of other state.
-        **/
-        static show(): void;
-
-        /**
-         * Show the Settings flyout using the Settings element identifier (ID) and the path of the page that contains the Settings element.
-         * @param id The ID of the Settings element.
-         * @param path The path of the page that contains the Settings element.
-        **/
-        static showSettings(id: string, path: any): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the DOM element the SettingsFlyout is attached to.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets whether the SettingsFlyout is hidden.
-        **/
-        hidden: boolean;
-
-        /**
-         * Gets or sets the settings command Id for the SettingsFlyout control.
-        **/
-        settingsCommandId: string;
-
-        /**
-         * This property may be unavailable or altered in future versions. Use the CSS width property of the element that has the win-settingsflyout class instead.
-        **/
-        width: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * A type of IListDataSource that provides read-access to an object that implements the IStorageQueryResultBase interface. A StorageDataSource enables you to query and bind to items in the data source.
-    **/
-    class StorageDataSource<T> {
-        //#region Constructors
-
-        /**
-         * Creates a new StorageDataSource object.
-         * @constructor
-         * @param query The IStorageQueryResultBase that the StorageDataSource obtains its items from. Instead of IStorageQueryResultBase, you can also pass one of these string values: Music, Pictures, Videos, Documents.
-         * @param options The set of properties and values to apply to the new StorageDataSource. Properties on this object may include: mode , requestedThumbnailSize , thumbnailOptions , synchronous .
-        **/
-        constructor(query: any, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Draws the thumbnail for the specified item to the specified img element.
-         * @param item The item to retrieve the thumbnail for.
-         * @param image The img element that will display the thumbnail.
-         * @returns A Promise that completes when the full-quality thumbnail is visible.
-        **/
-        loadThumbnail(item: IItem<T>, image: HTMLImageElement): Promise<void>;
-
-        //#endregion Methods
-
-    }
-
-    /**
-     * Prevents a DOM sub-tree from receiving tab navigations and focus.
-    **/
-    class TabContainer {
-        //#region Constructors
-
-        /**
-         * Creates a new TabContainer.
-         * @constructor
-         * @param element The DOM element that hosts the TabContainer control.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties.
-        **/
-        constructor(element: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Releases resources held by this TabContainer. Call this method when the TabContainer is no longer needed. After calling this method, the TabContainer becomes unusable.
-        **/
-        dispose(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the child DOM element that receives tab focus.
-        **/
-        childFocus: HTMLElement;
-
-        /**
-         * Gets or sets the tab index of this container.
-        **/
-        tabIndex: number;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Allows users to select time values.
-    **/
-    class TimePicker {
-        //#region Constructors
-
-        /**
-         * Initializes a new instance of a TimePicker control.
-         * @constructor
-         * @param element The DOM element associated with the TimePicker control.
-         * @param options The set of options to be applied initially to the TimePicker control. The options are the following: clock.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when any of the controls are changed by the user.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onchange(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Adds an event listener.
-         * @param type The type (name) of the event.
-         * @param listener The function that handles the event.
-         * @param capture If true, specifies that capture should be initiated, otherwise false.
-        **/
-        addEventListener(type: string, listener: Function, capture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this TimePicker. Call this method when the TimePicker is no longer needed. After calling this method, the TimePicker becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        raiseEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes a listener for the specified event.
-         * @param type The name of the event for which to remove a listener.
-         * @param listener The listener.
-         * @param useCapture Optional. The same value that was passed to addEventListener for this listener. It may be omitted if it was omitted when calling addEventListener.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: any): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the type of clock to display (12HourClock or 24HourClock). It defaults to the user setting.
-        **/
-        clock: string;
-
-        /**
-         * Gets or sets the current time of the TimePicker. Note that the date value is always July 15, 2011.
-        **/
-        current: Date;
-
-        /**
-         * Specifies whether the TimePicker is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element for the TimePicker.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the display pattern for the hour. The default hour pattern is hour.integer(2). You can change the hour pattern by changing the number of integers displayed.
-        **/
-        hourPattern: string;
-
-        /**
-         * Gets or sets the minute increment. For example, 15 specifies that the TimePicker minute control should display only the choices 00, 15, 30, 45.
-        **/
-        minuteIncrement: number;
-
-        /**
-         * Gets or sets the display pattern for the minute. The default minute pattern is minute.integer(2). You can change the minute pattern by changing the number of integers displayed.
-        **/
-        minutePattern: string;
-
-        /**
-         * Gets or sets the display pattern for the period. The default period pattern is period.abbreviated(2). You can change the period pattern by changing the number of integers displayed.
-        **/
-        periodPattern: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * A control that lets the user switch an option between two states: on (checked is set to true) and off (checked is set to false).
-    **/
-    class ToggleSwitch {
-        //#region Constructors
-
-        /**
-         * Creates a new ToggleSwitch.
-         * @constructor
-         * @param element The DOM that hosts the control.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the change event, add a property named "onchange" to the options object and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when the ToggleSwitch control is flipped to on (checked == true) or off (checked == false).
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onchange(eventInfo: Event): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Releases resources held by this ToggleSwitch. Call this method when the ToggleSwitch is no longer needed. After calling this method, the ToggleSwitch becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Handles the specified event.
-         * @param event The event.
-        **/
-        handleEvent(event: any): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        raiseEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets a value that specifies whether the control is on or off.
-        **/
-        checked: boolean;
-
-        /**
-         * Gets or sets a value that specifies whether the control is disabled.
-        **/
-        disabled: boolean;
-
-        /**
-         * Gets the DOM element that hosts the ToggleSwitch.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or sets the text that displays when the ToggleSwitch is off (checked is set to false).
-        **/
-        labelOff: string;
-
-        /**
-         * Gets or sets the text that displays when the ToggleSwitch is on (checked is set to true).
-        **/
-        labelOn: string;
-
-        /**
-         * Gets or sets the main text for the ToggleSwitch control. This text is always displayed, regardless of whether the control is switched on or off.
-        **/
-        title: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Displays a tooltip that can contain images and formatting.
-    **/
-    class Tooltip {
-        //#region Constructors
-
-        /**
-         * Creates a new Tooltip.
-         * @constructor
-         * @param element The DOM element associated that hosts the Tooltip.
-         * @param options An object that contains one or more property/value pairs to apply to the new control. Each property of the options object corresponds to one of the control's properties or events. Event names must begin with "on". For example, to provide a handler for the opened event, add a property named "onopened" to the options object and set its value to the event handler.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Raised just before the Tooltip is hidden.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeclose(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised just before the Tooltip appears.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onbeforeopen(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the Tooltip is no longer displayed.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onclosed(eventInfo: CustomEvent): void;
-
-        /**
-         * Raised when the Tooltip is shown.
-         * @param eventInfo An object that contains information about the event.
-        **/
-        onopened(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Adds an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Hides the Tooltip.
-        **/
-        close(): void;
-
-        /**
-         * Releases resources held by this Tooltip. Call this method when the Tooltip is no longer needed. After calling this method, the Tooltip becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Shows the Tooltip.
-         * @param type A value that specifies when to show the Tooltip. The default value is "mousedown".
-        **/
-        open(type?: string): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets or sets the HTML element that is the content of the Tooltip.
-        **/
-        contentElement: HTMLElement;
-
-        /**
-         * Gets the DOM element that hosts the Tooltip control.
-        **/
-        element: HTMLElement;
-
-        /**
-         * Gets or appends additional CSS classes to apply to the element that hosts the Tooltip.
-        **/
-        extraClass: string;
-
-        /**
-         * Gets or sets a value that specifies whether the Tooltip is an infotip, a tooltip that contains a lot of info and should be displayed for longer than a typical Tooltip.
-        **/
-        infotip: boolean;
-
-        /**
-         * Gets or sets the HTML content of the Tooltip.
-        **/
-        innerHTML: string;
-
-        /**
-         * Gets or sets the position for the Tooltip relative to its target element: top, bottom, left or right.
-        **/
-        placement: string;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Scales a single child element to fill the available space without resizing it. This control reacts to changes in the size of the container as well as changes in size of the child element. For example, a media query may result in a change in aspect ratio.
-    **/
-    class ViewBox {
-        //#region Constructors
-
-        /**
-         * Initializes a new instance of the ViewBox control.
-         * @constructor
-         * @param element The DOM element that functions as the scaling box. This element fills 100% of the width and height allotted to it.
-         * @param options The set of options to be applied initially to the ViewBox control. There are currently no options on this control, and any options included in this parameter are ignored.
-        **/
-        constructor(element?: HTMLElement, options?: any);
-
-        //#endregion Constructors
-
-        //#region Methods
-
-        /**
-         * Adds an event handler for the specified event.
-         * @param eventName The name of the event to handle.
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Releases resources held by this ViewBox. Call this method when the ViewBox is no longer needed. After calling this method, the ViewBox becomes unusable.
-        **/
-        dispose(): void;
-
-        /**
-         * Forces the ViewBox to update its layout. Use this function when making the ViewBox visible again after its style.display property had been set to "none".
-        **/
-        forceLayout(): void;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the DOM element that functions as the scaling box.
-        **/
-        element: HTMLElement;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * A special data source for VirtualizedDataSource.computeDataSourceGroups
-     **/
-    interface IListGroupDataSource<T> extends IListDataSource<T> {
-        groups: IListDataSource<T>;
-    }
-
-    /**
-     * Serves as the base class for a custom IListDataSource.
-    **/
-    class VirtualizedDataSource<T> {
-        //#region Constructors
-
-        /**
-         * Initializes the VirtualizedDataSource base class of a custom data source.
-         * @constructor
-         * @param listDataAdapter The object that supplies data to the VirtualizedDataSource.
-         * @param options An object that can contain properties that specify additional options for the VirtualizedDataSource. It supports these properties: cacheSize.
-        **/
-        constructor(listDataAdapter: IListDataAdapter<T>, options?: any);
-
-        //#endregion Constructors
-
-        //#region Events
-
-        /**
-         * Occurs when the status of the VirtualizedDataSource changes.
-         * @param eventInfo An object that contains information about the event. The detail property of this object contains the following sub-properties: status.
-        **/
-        statuschanged(eventInfo: CustomEvent): void;
-
-        //#endregion Events
-
-        //#region Methods
-
-        /**
-         * Registers an event handler for the specified event.
-         * @param eventName The name of the event to handle. See the VirtualizedDataSource object page for a list of events. Note that you drop the "on" when specifying the event name for the addEventListener method. For example, instead of specifying "onstatuschanged", you specify "statuschanged".
-         * @param eventHandler The event handler function to associate with the event.
-         * @param useCapture Set to true to register the event handler for the capturing phase; otherwise, set to false to register the event handler for the bubbling phase.
-        **/
-        addEventListener(eventName: string, eventHandler: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event, otherwise false.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes an event handler that the addEventListener method registered.
-         * @param eventName The name of the event that the event handler is registered for. See the VirtualizedDataSource object page for a list of events.
-         * @param eventCallback The event handler function to remove.
-         * @param useCapture Set to true to remove the capturing phase event handler; set to false to remove the bubbling phase event handler.
-        **/
-        removeEventListener(eventName: string, eventCallback: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-    }
-
-    //#endregion Objects
-
-    //#region Functions
-
-    /**
-     * Returns a new IListDataSource that adds group information to the items of another IListDataSource.
-     * @param listDataSource The data source for the individual items to group.
-     * @param groupKey A callback function that accepts a single argument: an item in the IListDataSource. The function is called for each item in the list and must return the group key for that item as a string.
-     * @param groupData A callback function that accepts a single argument: an item in the IListDataSource. The function is called on one IListDataSource item for each group and must return an object that represents the header of that group.
-     * @param options An object that can contain properties that specify additional options: groupCountEstimate, batchSize.
-     * @returns An IListGroupDataSource that contains the items in the original data source and provides additional group information in the form of a "groups" property. The "groups" property returns another IListDataSource that enumerates the different groups in the list.
-    **/
-    function computeDataSourceGroups<T>(listDataSource: IListDataSource<T>, groupKey: Function, groupData: Function, options?: any): IListGroupDataSource<T>;
-
-    /**
-     * Used to disables all Animations Library and ListView animations. Calling this function does not guarantee that the animations will be disabled, as the determination is made based on several factors.
-    **/
-    function disableAnimations(): void;
-
-    /**
-     * Used to enable all Animations Library and ListView animations. Calling this function does not guarantee that the animations will be enabled, as the determination is made based on several factors.
-    **/
-    function enableAnimations(): void;
-
-    /**
-     * Marks a event handler function as being compatible with declarative processing.
-     * @param handler The handler to be marked as compatible with declarative processing.
-     * @returns The handler, marked as compatible with declarative processing.
-    **/
-    function eventHandler(handler: any): any;
-
-    /**
-     * Asynchronously executes a collection of CSS animations on a collection of elements. This is the underlying animation mechanism used by the Animations Library. Apps are encouraged to use the Animations Library to conform with the standard look and feel of the rest of the system, rather than calling this function directly.
-     * @param element Element or elements to be animated. This parameter can be expressed in several ways: As the special value "undefined", which means that the animation has no target, As a single object, As a JavaScript array (possibly empty), in which each element of the array can be a single element or a JavaScript array of elements., As a NodeList (for example, the result of querySelectorAll), As an HTMLCollection.
-     * @param animation The animation description or an array of animation descriptions to apply to element. An animation description is a JavaScript object with specific properties, listed below. There are two types of animation descriptions: one for keyframe-based animations and one for explicit animations. These types are distinguished by whether the keyframe property has a defined value. The following properties are required for both types of animation descriptions: property (string), delay (number), duration (number), timing (string). If an animation has a keyframe property with a defined, non-null value, then the animation is a keyframe-based animation. A keyframe-based animation description requires the following property in addition to those mentioned above: keyframe (string). If an animation does not have a keyframe property, or if the value of the property is null or undefined, then the animation is an explicit animation. An explicit animation description requires the following properties in addition to the common properties mentioned above: from, to. The values given in the from and to properties must be valid for the CSS property specified by the property property. For example, if the CSS property is "opacity", then the from and to properties must be numbers between 0 and 1 (inclusive).
-     * @returns Returns a Promise object that completes when the CSS animation is complete.
-    **/
-    function executeAnimation(element: HTMLElement, animation: any): Promise<any>;
-
-    /**
-     * Asynchronously executes a collection of CSS transitions on a collection of elements. This is the underlying animation mechanism used by the Animations Library. Apps are encouraged to use the Animations Library to conform with the standard look and feel of the rest of the system, rather than calling this function directly.
-     * @param element Element or elements on which to perform the transition. This parameter can be expressed in several ways: As the special value "undefined", which means that the transition has no target, As a single object, As a JavaScript array (possibly empty), in which each element of the array can be a single element or a JavaScript array of elements., As a NodeList (for example, the result of querySelectorAll), As an HTMLCollection.
-     * @param transition The transition description or an array of transition descriptions to apply to element. A transition description is a JavaScript object with these properties: property (string), delay (number), duration (number), timing (string), from (optional), to. The values given in the from and to properties must be valid for the CSS property specified by the property property. For example, if the CSS property is "opacity", then the from and to properties must be numbers between 0 and 1 (inclusive).
-     * @returns Returns a Promise that completes when the transition is finished.
-    **/
-    function executeTransition(element: HTMLElement, transition: any): Promise<any>;
-
-    /**
-     * Retrieves the items in the specified index range.
-     * @param dataSource The data source that contains the items to retrieve.
-     * @param ranges An array of ISelectionRange objects that have firstIndex and lastIndex values.
-     * @returns A Promise that contains an array of the requested IItem objects.
-    **/
-    function getItemsFromRanges<U>(dataSource: IListDataSource<U>, ranges: ISelectionRange[]): Promise<IItem<U>>;
-
-    /**
-     * Determines whether the Animations Library and ListView animations will be performed if called.
-     * @returns Returns true if animations will be performed; otherwise false.
-    **/
-    function isAnimationEnabled(): boolean;
-
-    /**
-     * Applies declarative control binding to all elements, starting at the specified root element.
-     * @param rootElement The element at which to start applying the binding. If this parameter is not specified, the binding is applied to the entire document.
-     * @param skipRoot If true, the elements to be bound skip the specified root element and include only the children.
-     * @returns A promise that is fulfilled when binding has been applied to all the controls.
-    **/
-    function processAll(rootElement?: Element, skipRoot?: boolean): Promise<any>;
-
-    /**
-     * Applies declarative control binding to the specified element.
-     * @param element The element to bind.
-     * @returns A promise that is fulfilled after the control is activated. The value of the promise is the control that is attached to element.
-    **/
-    function process(element: Element): Promise<any>;
-
-    /**
-     * Walks the DOM tree from the given element to the root of the document. Whenever a selector scope is encountered, this method performs a lookup within that scope for the specified selector string. The first matching element is returned.
-     * @param selector The selector string.
-     * @param element The element to begin walking to the root of the document from.
-     * @returns The target element, if found.
-    **/
-    function scopedSelect(selector: string, element: HTMLElement): HTMLElement;
-
-    /**
-     * Adds the set of declaratively specified options (properties and events) to the specified control. If name of the options property begins with "on", the property value is a function and the control supports addEventListener. setControl calls addEventListener on the control.
-     * @param control The control on which the properties and events are to be applied.
-     * @param options The set of options that are specified declaratively.
-    **/
-    function setOptions(control: any, options?: any): void;
-
-    //#endregion Functions
-
-}
-/**
- * Provides functions to load HTML content programmatically.
-**/
-declare namespace WinJS.UI.Fragments {
-    //#region Functions
-
-    /**
-     * Starts loading the fragment at the specified location. The returned promise completes when the fragment is ready to be copied.
-     * @param href The URI that contains the fragment to be copied.
-     * @returns A promise that is fulfilled when the fragment has been prepared for copying.
-    **/
-    function cache(href: string): Promise<any>;
-
-    /**
-     * Removes any cached information about the specified fragment. This method does not unload any scripts or styles that are referenced by the fragment.
-     * @param href The URI that contains the fragment to be cleared. If no URI is provided, the entire contents of the cache are cleared.
-    **/
-    function clearCache(href: string): void;
-    function clearCache(href: HTMLElement): void;
-
-    /**
-     * Loads the contents of the specified URI into the specified element without copying it.
-     * @param href The URI that contains the fragment to copy.
-     * @param element Optional. The element to which the fragment is appended.
-     * @returns A promise that is fulfilled when the fragment has been loaded. If a target element is not specified, the copied fragment is the completed value. The element is not added to the cache. See also rendercopy, where the element is added to the cache.
-    **/
-    function render(href: string, element?: HTMLElement): Promise<HTMLElement>;
-
-    /**
-     * Loads and copies the contents of the specified URI into the specified element.
-     * @param href The URI that contains the fragment to copy.
-     * @param target The element to which the fragment is appended.
-     * @returns A promise that is fulfilled when the fragment has been loaded. If a target element is not specified, the copied fragment is the completed value. The fragment is added to the cache. See also render, where the element is not added to the cache.
-    **/
-    function renderCopy(href: string, target?: HTMLElement): Promise<HTMLElement>;
-    function renderCopy(href: HTMLElement, target?: HTMLElement): Promise<HTMLElement>;
-
-    //#endregion Functions
-
-}
-/**
- * Provides methods for defining and displaying PageControl objects.
-**/
-declare namespace WinJS.UI.Pages {
-    //#region Interfaces
-
-    /**
-     * Provides members for a PageControl. You implement this interface when defining a new PageControl.
-    **/
-    interface IPageControlMembers {
-        //#region Methods
-
-        /**
-         * Called if any error occurs during the processing of the page.
-         * @param err The error that occurred.
-         * @returns Nothing if the error was handled, or an error promise if the error was not handled.
-        **/
-        error? (err: any): any;
-
-        /**
-         * Initializes the control before the content of the control is set. Use the processed method for any initialization that should be done after the content of the control has been set.
-         * @param element The DOM element that will contain all the content for the page.
-         * @param options The options passed to the constructor of the page.
-         * @returns A promise that is fulfilled when initialization is complete, if asynchronous processing is necessary. If not, returns nothing.
-        **/
-        init? (element: HTMLElement, options: any): any;
-
-        /**
-         * Creates DOM objects from the content in the specified URI. This method is called after the PageControl is defined and before the init method is called.
-         * @param uri The URI from which to create DOM objects.
-         * @returns A promise whose fulfilled value is the set of unparented DOM objects.
-        **/
-        load? (uri: string): any;
-
-        /**
-         * Initializes the control after the content of the control is set.
-         * @param element The DOM element that will contain all the content for the page.
-         * @param options The options that are to be passed to the constructor of the page.
-         * @returns A promise that is fulfilled when initialization is complete, if asynchronous processing is necessary. If not, returns nothing.
-        **/
-        processed? (element: HTMLElement, options: any): any;
-
-        /**
-         * Called after all initialization and rendering is complete. At this time, the element is ready for use.
-         * @param element The DOM element that contains all the content for the page.
-         * @param options An object that contains one or more property/value pairs to apply to the PageControl. How these property/value pairs are used (or not used) depends on the implementation of that particular PageControl.
-         * @returns A promise that is fulfilled when the element is ready for use, if asynchronous processing is necessary. If not, returns nothing.
-        **/
-        ready? (element: HTMLElement, options: any): any;
-
-        /**
-         * Takes the elements returned by the load method and attaches them to the specified element.
-         * @param element The DOM element to which the loadResult elements are appended.
-         * @param options An object that contains one or more property/value pairs to apply to the PageControl. How these property/value pairs are used (or not used) depends on the implementation of that particular PageControl.
-         * @param loadResult A Promise that contains the elements returned from the load method.
-        **/
-        render? (element: HTMLElement, options: any, loadResult: Promise<any>): void;
-
-        //#endregion Methods
-
-    }
-
-    //#endregion Interfaces
-
-    //#region Objects
-
-
-    //#endregion Objects
-
-    //#region Functions
-
-    /**
-     * Creates a new PageControl from the specified URI that contains the specified members. Multiple calls to this method for the same URI are allowed, and all members will be merged.
-     * @param uri The URI for the content that defines the page.
-     * @param members An object that defines the members that the control will have.
-     * @returns A constructor function that creates the PageControl.
-    **/
-    function define(uri: string, members: IPageControlMembers): (element?: HTMLElement, options?: any, complete?: (page: any) => void, parentedPromise?: Promise<any>) => void;
-
-    /**
-     * Gets an already-defined page control for the specified URI, or creates a new one.
-     * @param uri The URI for the content that defines the page.
-     * @returns A constructor function that creates the page.
-    **/
-    function get(uri: string): (element?: HTMLElement, options?: any, complete?: (page: any) => void, parentedPromise?: Promise<any>) => void;
-
-    /**
-     * Creates a PageControl from the specified URI and inserts it inside the specified element.
-     * @param uri The URI for the content that defines the page.
-     * @param element The DOM element to which the PageControl is appended.
-     * @param options An object that contains one or more property/value pairs to apply to the new PageControl. How these property/value pairs are used (or not used) depends on the implementation of that particular PageControl.
-     * @param parentedPromise A Promise that is fulfilled when the new PageControl is done rendering and its contents becomes the child of element.
-     * @returns A promise that is fulfilled when rendering is complete, if asynchronous processing is necessary. If not, returns nothing.
-    **/
-    function render(uri: string, element?: HTMLElement, options?: any, parentedPromise?: Promise<any>): Promise<any>;
-
-    //#endregion Functions
-
-}
-/**
- * Provides methods for detecting when the user tabs to or from DOM elements.
-**/
-declare namespace WinJS.UI.TrackTabBehavior {
-    //#region Functions
-
-    /**
-     * Sets the tab order for the specified element within its container.
-     * @param element The element to update.
-     * @param tabIndex The index value of the element within its container.
-    **/
-    function attach(element: HTMLElement, tabIndex: number): void;
-
-    /**
-     * Removes the tab order information from the specified element.
-     * @param element The element to remove tab information from.
-    **/
-    function detatch(element: HTMLElement): void;
-
-    //#endregion Functions
-
-}
-/**
- * Provides helper functions, for example, functions to add and remove CSS classes.
-**/
-declare namespace WinJS.Utilities {
-    //#region Enumerations
-
-    /**
-     * Defines a set of keyboard values.
-    **/
-    enum Key {
-        /**
-         * The BACKSPACE key.
-        **/
-        backspace,
-        /**
-         * The TAB key.
-        **/
-        tab,
-        /**
-         * The ENTER key.
-        **/
-        enter,
-        /**
-         * The SHIFT key.
-        **/
-        shift,
-        /**
-         * The CTRL key.
-        **/
-        ctrl,
-        /**
-         * The ALT key.
-        **/
-        alt,
-        /**
-         * The PAUSE key.
-        **/
-        pause,
-        /**
-         * The CAPS LOCK key.
-        **/
-        capsLock,
-        /**
-         * The ESCAPE key.
-        **/
-        escape,
-        /**
-         * The SPACE key.
-        **/
-        space,
-        /**
-         * The PAGE UP key.
-        **/
-        pageUp,
-        /**
-         * The PAGE DOWN key.
-        **/
-        pageDown,
-        /**
-         * The END key.
-        **/
-        end,
-        /**
-         * The HOME key.
-        **/
-        home,
-        /**
-         * The LEFT ARROW key.
-        **/
-        leftArrow,
-        /**
-         * The UP ARROW key.
-        **/
-        upArrow,
-        /**
-         * The RIGHT ARROW key.
-        **/
-        rightArrow,
-        /**
-         * The DOWN ARROW key.
-        **/
-        downArrow,
-        /**
-         * The INSERT key.
-        **/
-        insert,
-        /**
-         * The DELETE key.
-        **/
-        deleteKey,
-        /**
-         * The 0 key.
-        **/
-        num0,
-        /**
-         * The 1 key.
-        **/
-        num1,
-        /**
-         * The 2 key.
-        **/
-        num2,
-        /**
-         * The 3 key.
-        **/
-        num3,
-        /**
-         * The 4 key.
-        **/
-        num4,
-        /**
-         * The 5 key.
-        **/
-        num5,
-        /**
-         * The 6 key.
-        **/
-        num6,
-        /**
-         * The 7 key.
-        **/
-        num7,
-        /**
-         * The 8 key.
-        **/
-        num8,
-        /**
-         * The 9 key.
-        **/
-        num9,
-        /**
-         * The a key.
-        **/
-        a,
-        /**
-         * The b key.
-        **/
-        b,
-        /**
-         * The c key.
-        **/
-        c,
-        /**
-         * The d key.
-        **/
-        d,
-        /**
-         * The e key.
-        **/
-        e,
-        /**
-         * The f key.
-        **/
-        f,
-        /**
-         * The g key.
-        **/
-        g,
-        /**
-         * The h key.
-        **/
-        h,
-        /**
-         * The i key.
-        **/
-        i,
-        /**
-         * The j key.
-        **/
-        j,
-        /**
-         * The k key.
-        **/
-        k,
-        /**
-         * The l key.
-        **/
-        l,
-        /**
-         * The m key.
-        **/
-        m,
-        /**
-         * The n key.
-        **/
-        n,
-        /**
-         * The o key.
-        **/
-        o,
-        /**
-         * The p key.
-        **/
-        p,
-        /**
-         * The q key.
-        **/
-        q,
-        /**
-         * The r key.
-        **/
-        r,
-        /**
-         * The s key.
-        **/
-        s,
-        /**
-         * The t key.
-        **/
-        t,
-        /**
-         * The u key.
-        **/
-        u,
-        /**
-         * The v key.
-        **/
-        v,
-        /**
-         * The w key.
-        **/
-        w,
-        /**
-         * The x key.
-        **/
-        x,
-        /**
-         * The y key.
-        **/
-        y,
-        /**
-         * The z key.
-        **/
-        z,
-        /**
-         * The left Windows key.
-        **/
-        leftWindows,
-        /**
-         * The right Windows key.
-        **/
-        rightWindows,
-        /**
-         * The menu key.
-        **/
-        menu,
-        /**
-         * The 0 key on the numerical keypad.
-        **/
-        numPad0,
-        /**
-         * The 1 key on the numerical keypad.
-        **/
-        numPad1,
-        /**
-         * The 2 key on the numerical keypad.
-        **/
-        numPad2,
-        /**
-         * The 3 key on the numerical keypad.
-        **/
-        numPad3,
-        /**
-         * The 4 key on the numerical keypad.
-        **/
-        numPad4,
-        /**
-         * The 5 key on the numerical keypad.
-        **/
-        numPad5,
-        /**
-         * The 6 key on the numerical keypad.
-        **/
-        numPad6,
-        /**
-         * The 7 key on the numerical keypad.
-        **/
-        numPad7,
-        /**
-         * The 8 key on the numerical keypad.
-        **/
-        numPad8,
-        /**
-         * The 9 key on the numerical keypad.
-        **/
-        numPad9,
-        /**
-         * The multiplication key (*).
-        **/
-        multiply,
-        /**
-         * The addition key (+).
-        **/
-        add,
-        /**
-         * The subtraction key (-).
-        **/
-        subtract,
-        /**
-         * The decimal point key (.)
-        **/
-        decimalPoint,
-        /**
-         * The division key (/).
-        **/
-        divide,
-        /**
-         * The F1 key.
-        **/
-        F1,
-        /**
-         * The F2 key.
-        **/
-        F2,
-        /**
-         * The F3 key.
-        **/
-        F3,
-        /**
-         * The F4 key.
-        **/
-        F4,
-        /**
-         * The F5 key.
-        **/
-        F5,
-        /**
-         * The F6 key.
-        **/
-        F6,
-        /**
-         * The F7 key.
-        **/
-        F7,
-        /**
-         * The F8 key.
-        **/
-        F8,
-        /**
-         * The F9 key.
-        **/
-        F9,
-        /**
-         * The F10 key.
-        **/
-        F10,
-        /**
-         * The F11 key.
-        **/
-        F11,
-        /**
-         * The F12 key.
-        **/
-        F12,
-        /**
-         * The NUMBER LOCK key.
-        **/
-        numLock,
-        /**
-         * The SCROLL LOCK key.
-        **/
-        scrollLock,
-        /**
-         * The browser BACK key.
-        **/
-        browserBack,
-        /**
-         * The browser FORWARD key.
-        **/
-        browserForward,
-        /**
-         * The semicolon key (;).
-        **/
-        semicolon,
-        /**
-         * The equals key (=).
-        **/
-        equal,
-        /**
-         * The comma key (,).
-        **/
-        comma,
-        /**
-         * The dash key (-).
-        **/
-        dash,
-        /**
-         * The period key (.).
-        **/
-        period,
-        /**
-         * The forward slash key (/).
-        **/
-        forwardSlash,
-        /**
-         * The grave accent key (`).
-        **/
-        graveAccent,
-        /**
-         * The open bracket key ([).
-        **/
-        openBracket,
-        /**
-         * The backslash key (\).
-        **/
-        backSlash,
-        /**
-         * The close bracket key (]).
-        **/
-        closeBracket,
-        /**
-         * The single quote key (').
-        **/
-        singleQuote
-    }
-
-    //#endregion Enumerations
-
-    //#region Objects
-
-    /**
-     * A mixin that contains event-related functions.
-    **/
-    var eventMixin: {
-        //#region Methods
-
-        /**
-         * Adds an event listener to the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to invoke when the event gets raised.
-         * @param useCapture If true, initiates capture, otherwise false.
-        **/
-        addEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        /**
-         * Raises an event of the specified type and with the specified additional properties.
-         * @param type The type (name) of the event.
-         * @param eventProperties The set of additional properties to be attached to the event object when the event is raised.
-         * @returns true if preventDefault was called on the event.
-        **/
-        dispatchEvent(type: string, eventProperties: any): boolean;
-
-        /**
-         * Removes an event listener from the control.
-         * @param type The type (name) of the event.
-         * @param listener The listener to remove.
-         * @param useCapture true if capture is to be initiated, otherwise false.
-        **/
-        removeEventListener(type: string, listener: Function, useCapture?: boolean): void;
-
-        //#endregion Methods
-
-    };
-
-    /**
-     * Represents the result of a query selector, and provides various operations that perform actions over the elements of the collection.
-    **/
-    interface QueryCollection<T> extends Array<T> {
-        //#region Methods
-
-        /**
-         * Adds the specified class to all the elements in the collection.
-         * @param name The name of the class to add.
-         * @returns This QueryCollection object.
-        **/
-        addClass(name: string): QueryCollection<T>;
-
-        /**
-         * Creates a QueryCollection that contains the children of the specified parent element.
-         * @param element The parent element.
-         * @returns The QueryCollection that contains the children of the element.
-        **/
-        children(element: HTMLElement): QueryCollection<T>;
-
-        /**
-         * Clears the specified style property for all the elements in the collection.
-         * @param name The name of the style property to be cleared.
-         * @returns This QueryCollection object.
-        **/
-        clearStyle(name: string): QueryCollection<T>;
-
-        /**
-         * Creates controls that are attached to the elements in this QueryCollection, if the ctor parameter is a function, or configures the controls that are attached to the elements in this QueryCollection, if the ctor parameter is an object.
-         * @param ctor If this parameter is a function, it is a constructor function that is used to create controls to attach to the elements. If it is an object, it is the set of options passed to the controls.
-         * @param options The options passed to the newly-created controls.
-         * @returns This QueryCollection object.
-        **/
-        control(ctor: any, options?: any): QueryCollection<T>;
-
-        /**
-         * Performs an action on each item in the QueryCollection.
-         * @param callbackFn The action to perform on each item.
-         * @param thisArg The argument to bind to callbackFn.
-         * @returns The QueryCollection.
-        **/
-        forEach(callbackFn: (value: T, index: number, array: T[]) => void, thisArg?: any): QueryCollection<T>;
-
-        /**
-         * Gets an item from the QueryCollection.
-         * @param index The index of the item to return.
-         * @returns A single item from the collection.
-        **/
-        get(index: number): T;
-
-        /**
-         * Gets an attribute value from the first element in the collection.
-         * @param name The name of the attribute.
-         * @returns The value of the attribute.
-        **/
-        getAttribute(name: string): any;
-
-        /**
-         * Determines whether the specified class exists on the first element of the collection.
-         * @param name The name of the class.
-         * @returns true if the element has the specified class; otherwise, false.
-        **/
-        hasClass(name: string): boolean;
-
-        /**
-         * Looks up an element by ID and wraps the result in a QueryCollection.
-         * @param id The ID of the element.
-         * @returns A QueryCollection that contains the element, if it is found.
-        **/
-        id(id: string): QueryCollection<T>;
-
-        /**
-         * Adds a set of items to this QueryCollection.
-         * @param items The items to add to the QueryCollection. This may be an array-like object, a document fragment, or a single item.
-        **/
-        include(items: T): void;
-
-        /**
-         * Adds a set of items to this QueryCollection.
-         * @param items The items to add to the QueryCollection. This may be an array-like object, a document fragment, or a single item.
-        **/
-        include(items: T[]): void;
-
-        /**
-         * Adds a set of items to this QueryCollection.
-         * @param items The items to add to the QueryCollection. This may be an array-like object, a document fragment, or a single item.
-        **/
-        include(items: HTMLCollection): void;
-
-        /**
-         * Registers the listener for the specified event on all the elements in the collection.
-         * @param eventType The name of the event.
-         * @param listener The event handler function to be called when the event occurs.
-         * @param capture true if capture == true is to be passed to addEventListener; otherwise, false.
-        **/
-        listen(eventType: string, listener: Function, capture?: boolean): void;
-
-        /**
-         * Executes a query selector on all the elements in the collection and aggregates the result into a QueryCollection.
-         * @param query The query selector string.
-         * @returns A QueryCollection object containing the aggregate results of executing the query on all the elements in the collection.
-        **/
-        query(query: any): QueryCollection<T>;
-
-        /**
-         * Removes the specified class from all the elements in the collection.
-         * @param name The name of the class to be removed.
-         * @returns his QueryCollection object.
-        **/
-        removeClass(name: string): QueryCollection<T>;
-
-        /**
-         * Unregisters the listener for the specified event on all the elements in the collection.
-         * @param eventType The name of the event.
-         * @param listener The event handler function.
-         * @param capture true if capture == true; otherwise, false.
-         * @returns This QueryCollection object.
-        **/
-        removeEventListener(eventType: string, listener: Function, capture?: boolean): QueryCollection<T>;
-
-        /**
-         * Sets an attribute value on all the items in the collection.
-         * @param name The name of the attribute to be set.
-         * @param value The value of the attribute to be set.
-         * @returns This QueryCollection object.
-        **/
-        setAttribute(name: string, value: any): QueryCollection<T>;
-
-        /**
-         * Sets the specified style property for all the elements in the collection.
-         * @param name The name of the style property.
-         * @param value The value for the property.
-         * @returns This QueryCollection object.
-        **/
-        setStyle(name: string, value: any): QueryCollection<T>;
-
-        /**
-         * Renders a template that is bound to the given data and parented to the elements included in the QueryCollection. If the QueryCollection contains multiple elements, the template is rendered multiple times, once at each element in the QueryCollection per item of data passed.
-         * @param templateElement The DOM element to which the template control is attached.
-         * @param data The data to render. If the data is an array (or any other object that has a forEach method) then the template is rendered multiple times, once for each item in the collection.
-         * @param renderDonePromiseCallback If supplied, this function is called each time the template gets rendered, and is passed a promise that is fulfilled when the template rendering is complete.
-         * @returns The QueryCollection.
-        **/
-        template(templateElement: HTMLElement, data: any, renderDonePromiseCallback?: Function): QueryCollection<T>;
-
-        /**
-         * Toggles (adds or removes) the specified class on all the elements in the collection. If the class is present, it is removed; if it is absent, it is added.
-         * @param name The name of the class to be toggled.
-         * @returns This QueryCollection object.
-        **/
-        toggleClass(name: string): QueryCollection<T>;
-
-        //#endregion Methods
-
-    }
-
-	/**
-	 * Constructor support for QueryCollection interface
-	**/
-	export var QueryCollection: {
-        new <T>(items: T[]): QueryCollection<T>;
-        prototype: QueryCollection<any>;
-    }
-
-	//#endregion Objects
-
-	//#region Functions
-
-	/**
-	 * Adds the specified class to the specified element.
-	 * @param e The element to which to add the class.
-	 * @param name The name of the class to add.
-	 * @returns The element.
-	**/
-	function addClass<T extends HTMLElement>(e: T, name: string): T;
-
-    /**
-     * Gets a collection of elements that are the direct children of the specified element.
-     * @param element The parent element.
-     * @returns The collection of children of the element.
-    **/
-    function children(element: HTMLElement): QueryCollection<HTMLElement>;
-
-    /**
-     * Converts a CSS positioning string for the specified element to pixels.
-     * @param element The element.
-     * @param value The CSS positioning string.
-     * @returns The number of pixels.
-    **/
-    function convertToPixels(element: HTMLElement, value: string): number;
-
-    /**
-     * Creates an object that has one event for each name passed to the function.
-     * @param events A variable list of property names.
-     * @returns The object with the specified properties. The names of the properties are prefixed with 'on'.
-    **/
-    function createEventProperties(...events: string[]): any;
-
-    /**
-     * Gets the data value associated with the specified element.
-     * @param element The element.
-     * @returns The value associated with the element.
-    **/
-    function data(element: HTMLElement): any;
-
-    /**
-     * Disposes all first-generation disposable elements that are descendents of the specified element. The specified element itself is not disposed.
-     * @param element The root element whose sub-tree is to be disposed.
-    **/
-    function disposeSubTree(element: HTMLElement): void;
-
-    /**
-     * Removes all the child nodes from the specified element.
-     * @param element The element.
-     * @returns The element.
-    **/
-    function empty<T extends HTMLElement>(element: T): T;
-
-    /**
-     * Determines whether the specified event occurred within the specified element.
-     * @param element The element.
-     * @param event The event.
-     * @returns true if the event occurred within the element; otherwise, false.
-    **/
-    function eventWithinElement(element: HTMLElement, event: Event): boolean;
-
-    /**
-     * Adds tags and type to a logging message.
-     * @param message The message to be formatted.
-     * @param tag The tag(s) to be applied to the message. Multiple tags should be separated by spaces.
-     * @param type The type of the message.
-     * @returns The formatted message.
-    **/
-    function formatLog(message: string, tag: string, type: string): string;
-
-    /**
-     * Gets the height of the content of the specified element. The content height does not include borders or padding.
-     * @param element The element.
-     * @returns The content height of the element.
-    **/
-    function getContentHeight(element: HTMLElement): number;
-
-    /**
-     * Gets the width of the content of the specified element. The content width does not include borders or padding.
-     * @param element The element.
-     * @returns The content width of the element.
-    **/
-    function getContentWidth(element: HTMLElement): number;
-
-    /**
-     * Gets the leaf-level type or namespace specified by the name parameter.
-     * @param name The name of the member.
-     * @param root The root to start in. Defaults to the global object.
-     * @returns The leaf-level type or namespace in the specified parent namespace.
-    **/
-    function getMember(name: string, root?: any): any;
-
-    /**
-     * Gets the position of the specified element.
-     * @param element The element.
-     * @returns An object that contains the left, top, width and height properties of the element.
-    **/
-    function getPosition(element: HTMLElement): IPosition;
-
-    /**
-     * Gets the left coordinate of the specified element relative to the specified parent.
-     * @param element The element.
-     * @param parent The parent element.
-     * @returns The relative left coordinate.
-    **/
-    function getRelativeLeft(element?: HTMLElement, parent?: HTMLElement): number;
-
-    /**
-     * Gets the top coordinate of the element relative to the specified parent.
-     * @param element The element.
-     * @param parent The parent element.
-     * @returns The relative top coordinate.
-    **/
-    function getRelativeTop(element?: HTMLElement, parent?: HTMLElement): number;
-
-    /**
-     * Gets the height of the element, including its margins.
-     * @param element The element.
-     * @returns The height of the element including margins.
-    **/
-    function getTotalHeight(element: HTMLElement): number;
-
-    /**
-     * Gets the width of the element, including margins.
-     * @param element The element.
-     * @returns The width of the element including margins.
-    **/
-    function getTotalWidth(element: HTMLElement): number;
-
-    /**
-     * Determines whether the specified element has the specified class.
-     * @param e The element.
-     * @param name The name of the class.
-     * @returns true if the element has the class, otherwise false.
-    **/
-    function hasClass(e: HTMLElement, name: string): boolean;
-
-    /**
-     * Returns a collection with zero or one elements matching the specified id.
-     * @param id The ID of the element (or elements).
-     * @returns A collection of elements whose id matches the id parameter.
-    **/
-    function id(id: string): QueryCollection<HTMLElement>;
-
-    /**
-     * Calls insertAdjacentHTML on the specified element.
-     * @param element The element on which insertAdjacentHTML is to be called.
-     * @param position The position relative to the element at which to insert the HTML. Possible values are: beforebegin, afterbegin, beforeend, afterend.
-     * @param text The text to insert.
-    **/
-    function insertAdjacentHTML(element: HTMLElement, position: string, text: string): void;
-
-    /**
-     * Calls insertAdjacentHTML on the specified element in the context of MSApp.execUnsafeLocalFunction.
-     * @param element The element on which insertAdjacentHTML is to be called.
-     * @param position The position relative to the element at which to insert the HTML. Possible values are: beforebegin, afterbegin, beforeend, afterend.
-     * @param text Value to be provided to insertAdjacentHTML.
-    **/
-    function insertAdjacentHTMLUnsafe(element: HTMLElement, position: string, text: string): void;
-
-    /**
-     * Attaches the default dispose API wrapping the dispose implementation to the specified element.
-     * @param element The element to mark as disposable.
-     * @param disposeImpl The function containing the element-specific dispose logic, called by the dispose function that markDisposable attaches.
-    **/
-    function markDisposable(element: HTMLElement, disposeImpl?: Function): void;
-
-    /**
-     * Marks a function as being compatible with declarative processing. Declarative processing is performed by WinJS.UI.processAll or WinJS.Binding.processAll.
-     * @param func The function to be marked as compatible with declarative processing.
-     * @returns The input function, marked as compatible with declarative processing.
-    **/
-    function markSupportedForProcessing<U extends Function>(func: U): U;
-
-    /**
-     * Returns a QueryCollection with zero or one elements matching the specified selector query.
-     * @param query The CSS selector to use. See Selectors for more information.
-     * @param element Optional. The root element at which to start the query. If this parameter is omitted, the scope of the query is the entire document.
-     * @returns A QueryCollection with zero or one elements matching the specified selector query.
-    **/
-    function query(query: any, element?: HTMLElement): QueryCollection<HTMLElement>;
-
-    /**
-     * Ensures that the specified function executes only after the DOMContentLoaded event has fired for the current page. The DOMContentLoaded event occurs after the page has been parsed but before all the resources are loaded.
-     * @param callback A function that executes after the DOMContentLoaded event has occurred.
-     * @param async If true, the callback should be executed asynchronously.
-     * @returns A promise that completes after the DOMContentLoaded event has occurred.
-    **/
-    function ready(callback?: Function, async?: boolean): Promise<any>;
-
-    /**
-     * Removes the specified class from the specified element.
-     * @param e The element from which to remove the class.
-     * @param name The name of the class to remove.
-     * @returns The element.
-    **/
-    function removeClass<T extends HTMLElement>(e: T, name: string): T;
-
-    /**
-     * Asserts that the value is compatible with declarative processing. Declarative processing is performed by WinJS.UI.processAll or WinJS.Binding.processAll. If the value is not compatible, and strictProcessing is on, an exception is thrown. All functions that have been declared using WinJS.Class.define, WinJS.Class.derive, WinJS.UI.Pages.define, or WinJS.Binding.converter are automatically marked as supported for declarative processing. Any other function that you use from a declarative context (that is, a context in which an HTML element has a data-win-control or data-win-options attribute) must be marked manually by calling this function. When you mark a function as supported for declarative processing, you are guaranteeing that the code in the function is secure from injection of third-party content.
-     * @param value The value to be tested for compatibility with declarative processing. If the value is a function it must be marked with a property supportedForProcessing with a value of true when strictProcessing is on. For more information, see WinJS.Utilities.markSupportedForProcessing.
-     * @returns The input value.
-    **/
-    function requireSupportedForProcessing<T>(value: T): T;
-
-    /**
-     * Sets the innerHTML property of the specified element to the specified text.
-     * @param element The element on which the innerHTML property is to be set.
-     * @param text The value to be set to the innerHTML property.
-    **/
-    function setInnerHTML(element: HTMLElement, text: string): void;
-
-    /**
-     * Sets the innerHTML property of the specified element to the specified text.
-     * @param element The element on which the innerHTML property is to be set.
-     * @param text The value to be set to the innerHTML property.
-    **/
-    function setInnerHTMLUnsafe(element: HTMLElement, text: string): void;
-
-    /**
-     * Sets the outerHTML property of the specified element to the specified text.
-     * @param element The element on which the outerHTML property is to be set.
-     * @param text The value to be set to the outerHTML property.
-    **/
-    function setOuterHTML(element: HTMLElement, text: string): void;
-
-    /**
-     * Sets the outerHTML property of the specified element to the specified text in the context of MSApp.execUnsafeLocalFunction.
-     * @param element The element on which the outerHTML property is to be set.
-     * @param text The value to be set to the outerHTML property.
-    **/
-    function setOuterHTMLUnsafe(element: HTMLElement, text: string): void;
-
-    /**
-     * Configures a logger that writes messages containing the specified tags to the JavaScript console.
-     * @param options The tags for messages to log. Multiple tags should be separated by spaces. May contain type, tags, excludeTags and action properties.
-    **/
-    function startLog(options?: ILogOptions): void;
-    function startLog(tags?: string): void;
-
-    /**
-     * Removes the WinJS logger that had previously been set up.
-    **/
-    function stopLog(): void;
-
-    /**
-     * Toggles (adds or removes) the specified class on the specified element. If the class is present, it is removed; if it is absent, it is added.
-     * @param e The element on which to toggle the class.
-     * @param name The name of the class to toggle.
-     * @returns The element.
-    **/
-    function toggleClass<T extends HTMLElement>(e: T, name: string): T;
-
-    //#endregion Functions
-
-    //#region Properties
-
-    /**
-     * Gets whether the current script context has access to WinRT APIs.
-    **/
-    var hasWinRT: boolean;
-
-    //#endregion Properties
-
-    //#region Interfaces
-
-    interface ILogOptions {
-        type?: string;
-        action?: (message: string, tags: string, type: string) => void;
-        excludeTags?: string;
-        tags?: string;
-    }
-
-    interface IPosition {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    }
-
-    //#endregion Interfaces
-
-}
-/**
- * Provides functions and objects for scheduling and managing asynchronous tasks.
-**/
-declare namespace WinJS.Utilities.Scheduler {
-    //#region Enumerations
-
-    /**
-     * Represents a priority for a job managed by the Scheduler.
-    **/
-    enum Priority {
-        /**
-         * A priority higher than the normal priority level.
-        **/
-        aboveNormal,
-        /**
-         * A priority less than the normal priority level.
-        **/
-        belowNormal,
-        /**
-         * A high priority.
-        **/
-        high,
-        /**
-         * The idle priority for work items.
-        **/
-        idle,
-        /**
-         * The highest priority.
-        **/
-        max,
-        /**
-         * The lowest priority.
-        **/
-        min,
-        /**
-         * The normal priority for work items.
-        **/
-        normal
-    }
-
-    //#endregion Enumerations
-
-    //#region Interfaces
-
-    /**
-     * Represents a work item that's executed by the Scheduler.
-    **/
-    interface IJob {
-        //#region Methods
-
-        /**
-         * Cancels the job.
-        **/
-        cancel(): void;
-
-        /**
-         * Pauses the job.
-        **/
-        pause(): void;
-
-        /**
-         * Resumes the job.
-        **/
-        resume(): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets a value that indicates whether the job has successfully completed.
-        **/
-        completed: boolean;
-
-        /**
-         * Gets the unique numeric identifier assigned to the job.
-        **/
-        id: number;
-
-        /**
-         * Gets or sets the name of the job.
-        **/
-        name: string;
-
-        /**
-         * Gets or sets the owner of the job.
-        **/
-        owner: IOwnerToken;
-
-        /**
-         * Gets or sets the priority of the job.
-        **/
-        priority: Priority;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Provides a control mechanism that allows a job to cooperatively yield. This object is passed to your work function when you schedule it.
-    **/
-    interface IJobInfo {
-        //#region Methods
-
-        /**
-         * Uses a Promise to determine how long the scheduler should wait before rescheduling the job after it yields.
-         * @param promise Once the work item yields, the scheduler will wait for this Promise to complete before rescheduling the job.
-        **/
-        setPromise(promise: Promise<any>): void;
-
-        /**
-         * Specifies the next unit of work to run once this job yields.
-         * @param work The next unit of work to run once this job yields.
-        **/
-        setWork(work: Function): void;
-
-        //#endregion Methods
-
-        //#region Properties
-
-        /**
-         * Gets the work item associated with this IJobInfo.
-        **/
-        job: IJob;
-
-        /**
-         * Gets a value that specifies whether the job should yield.
-        **/
-        shouldYield: boolean;
-
-        //#endregion Properties
-
-    }
-
-    /**
-     * Represents an object that owns jobs. You can use this object to cancel a set of jobs.
-    **/
-    interface IOwnerToken {
-        //#region Methods
-
-        /**
-         * Synchronously cancels the job that this token owns, including paused and blocked jobs.
-        **/
-        cancelAll(): void;
-
-        //#endregion Methods
-
-    }
-
-    //#endregion Interfaces
-
-    //#region Properties
-
-    /**
-     * Gets the current priority at which the caller is executing.
-     **/
-    var currentPriority: Priority;
-
-    //#endregion Properties
-
-    //#region Functions
-
-    /**
-     * Creates and returns a new IOwnerToken which can be set to the owner property of one or more jobs.
-     * @returns A new IOwnerToken which can be set to the owner property of one or more jobs.
-    **/
-    function createOwnerToken(): IOwnerToken;
-
-    /**
-     * Runs the specified callback in a high priority context.
-     * @param callback The callback to run in a high priority callback.
-     * @returns The return value of the callback.
-    **/
-    function execHigh<U>(callback: () => U): U;
-
-    /**
-     * Returns a string representation of the scheduler's state for diagnostic purposes. The jobs and drain requests are displayed in the order in which they are currently expected to be processed. The current job and drain request are marked by an asterisk.
-     * @returns A string representation of the scheduler's state for diagnostic purposes. The jobs and drain requests are displayed in the order in which they are currently expected to be processed. The current job and drain request are marked by an asterisk.
-    **/
-    function retrieveState(): string;
-
-    /**
-     * Runs jobs in the scheduler without timeslicing until all jobs at the specified priority and higher have executed.
-     * @param priority The priority to which the scheduler should drain. The default is -15.
-     * @param name An optional description of the drain request for diagnostics.
-     * @returns A Promise which completes when the drain has finished. Canceling this Promise cancels the drain request. This Promise will never enter an error state.
-    **/
-    function requestDrain(priority?: Priority, name?: string): Promise<any>;
-
-    /**
-     * Schedules the specified function to execute asynchronously.
-     * @param work A function that represents the work item to be scheduled. When called the work item will receive as its first argument an object which allows the work item to ask the scheduler if it should yield cooperatively and if so allows the work item to either provide a function to be run as a continuation or a WinJS.Promise which will when complete provide a function to run as a continuation. Provide these fields for the object: shouldYield, setWork(work), setPromise(promise), job.
-     * @param priority The priority of the work item. If you don't specify a priority, it defaults to WinJS.Utilities.Scheduler.Priority.normal.
-     * @param thisArg A "this" instance to be bound to the work item. The default value is null.
-     * @param name A description of the work item for diagnostics. The default value is an empty string.
-     * @returns The job instance that represents this work item.
-    **/
-    function schedule(work: (jobInfo: IJobInfo) => any, priority?: Priority, thisArg?: any, name?: string): IJob;
-
-    /**
-     * Schedules a job to complete the returned Promise at WinJS.Utilities.Scheduler.Priority.aboveNormal priority.
-     * @param promiseValue The value returned by the completed Promise.
-     * @param jobName A string that describes the job for diagnostic purposes.
-     * @returns A Promise that completes within a job of aboveNormal priority.
-    **/
-    function schedulePromiseAboveNormal<U>(promiseValue?: U, jobName?: string): Promise<U>;
-
-    /**
-     * Schedules a job to complete the returned Promise at WinJS.Utilities.Scheduler.Priority.belowNormal priority.
-     * @param promiseValue The value returned by the completed Promise.
-     * @param jobName A string that describes the job for diagnostic purposes.
-     * @returns A Promise that completes within a job of belowNormal priority.
-    **/
-    function schedulePromiseBelowNormal<U>(promiseValue?: U, jobName?: string): Promise<U>;
-
-    /**
-     * Schedules a job to complete the returned Promise at WinJS.Utilities.Scheduler.Priority.high priority.
-     * @param promiseValue The value returned by the completed Promise.
-     * @param jobName A string that describes the job for diagnostic purposes.
-     * @returns A Promise that completes within a job of high priority.
-    **/
-    function schedulePromiseHigh<U>(promiseValue?: U, jobName?: string): Promise<U>;
-
-    /**
-     * Schedules a job to complete the returned Promise at WinJS.Utilities.Scheduler.Priority.Idle priority.
-     * @param promiseValue The value returned by the completed Promise.
-     * @param jobName A string that describes the job for diagnostic purposes.
-     * @returns A Promise that completes within a job of idle priority.
-    **/
-    function schedulePromiseIdle<U>(promiseValue?: U, jobName?: string): Promise<U>;
-
-    /**
-     * Schedules a job to complete the returned Promise at WinJS.Utilities.Scheduler.Priority.normal priority.
-     * @param promiseValue The value returned by the completed Promise.
-     * @param jobName A string that describes the job for diagnostic purposes.
-     * @returns A Promise that completes within a job of normal priority.
-    **/
-    function schedulePromiseNormal<U>(promiseValue?: U, jobName?: string): Promise<U>;
-
-    //#endregion Functions
-
-}
diff --git a/xrm/v6/index.d.ts b/xrm/v6/index.d.ts
index 195fd41e4a..5c624c5f53 100644
--- a/xrm/v6/index.d.ts
+++ b/xrm/v6/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Microsoft Dynamics xRM API v6
+// Type definitions for Microsoft Dynamics xRM API v6.x
 // Project: http://msdn.microsoft.com/en-us/library/gg328255.aspx
 // Definitions by: David Berry <https://github.com/6ix4our/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/xrm/v6/tsconfig.json b/xrm/v6/tsconfig.json
index 220693faf6..71ce641f3a 100644
--- a/xrm/v6/tsconfig.json
+++ b/xrm/v6/tsconfig.json
@@ -1,20 +1,23 @@
 {
-    "files": [
-        "index.d.ts",
-        "xrm-v6-tests.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": true,
-        "baseUrl": "../",
+        "strictNullChecks": false,
+        "baseUrl": "../../",
         "typeRoots": [
-            "../"
+            "../../"
         ],
         "types": [],
+        "paths": {
+            "xrm": ["xrm/v6"]
+        },
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "xrm-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/xrm/v6/xrm-v6-tests.ts b/xrm/v6/xrm-tests.ts
similarity index 95%
rename from xrm/v6/xrm-v6-tests.ts
rename to xrm/v6/xrm-tests.ts
index 6cdb61a33c..3b911da94d 100644
--- a/xrm/v6/xrm-v6-tests.ts
+++ b/xrm/v6/xrm-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="index.d.ts" />
-/// <reference path="../parature.d.ts" />
 
 
 function _getContext()
diff --git a/xrm/v7.1/index.d.ts b/xrm/v7.1/index.d.ts
deleted file mode 100644
index ee9d45b252..0000000000
--- a/xrm/v7.1/index.d.ts
+++ /dev/null
@@ -1,2590 +0,0 @@
-// Type definitions for Microsoft Dynamics xRM API v7.1
-// Project: http://www.microsoft.com/en-us/download/details.aspx?id=44567
-// Definitions by: David Berry <https://github.com/6ix4our/>, Matt Ngan <https://github.com/mattngan/>, Markus Mauch <https://github.com/markusmauch/>, Daryl LaBar <https://github.com/daryllabar>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare var Xrm: Xrm.XrmStatic;
-declare function GetGlobalContext(): Xrm.Context;
-
-interface Window
-{
-    Xrm: Xrm.XrmStatic;
-    GetGlobalContext(): Xrm.Context;
-}
-
-declare namespace Xrm
-{
-    /**
-     * Static xRM object.
-     */
-    export interface XrmStatic
-    {
-        /**
-         * Provides a namespace container for the context, data and ui objects.
-         */
-        Page: {
-            /**
-             * Provides methods to retrieve information specific to an organization, a user, or parameters passed to a page.
-             */
-            context: Context;
-
-            /**
-             * Provides methods to work with the form.
-             */
-            data: Data;
-
-            /**
-             * Contains properties and methods to retrieve information about the user interface as well as collections for several subcomponents of the form.
-             */
-            ui: Ui;
-
-            /**
-             * Gets all attributes.
-             *
-             * @return  An array of attributes.
-             */
-            getAttribute(): Page.Attribute[];
-
-            /**
-             * Gets an attribute matching attributeName.
-             *
-             * @tparam  T   An Attribute type.
-             * @param   {string}    attributeName   Name of the attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute<T extends Page.Attribute>( attributeName: string ): T;
-
-            /**
-             * Gets an attribute matching attributeName.
-             *
-             * @param   {string}    attributeName   Name of the attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute( attributeName: string ): Page.Attribute;
-
-            /**
-             * Gets an attribute by index.
-             *
-             * @param   {number}    index   The attribute index.
-             *
-             * @return  The attribute.
-             */
-            getAttribute( index: number ): Page.Attribute;
-
-            /**
-             * Gets an attribute.
-             *
-             * @param   {Collection.MatchingDelegate{Attribute}}    delegateFunction    A matching delegate function
-             *
-             * @return  An array of attribute.
-             */
-            getAttribute( delegateFunction: Collection.MatchingDelegate<Page.Attribute> ): Page.Attribute[];
-
-            /**
-             * Gets all controls.
-             *
-             * @return  An array of controls.
-             */
-            getControl(): Page.Control[];
-
-            /**
-             * Gets a control matching controlName.
-             *
-             * @tparam  T   A Control type
-             * @param   {string}    controlName Name of the control.
-             *
-             * @return  The control.
-             */
-            getControl<T extends Page.Control>( controlName: string ): T;
-
-            /**
-             * Gets a control matching controlName.
-             *
-             * @param   {string}    controlName Name of the control.
-             *
-             * @return  The control.
-             */
-            getControl( controlName: string ): Page.Control;
-
-            /**
-             * Gets a control by index.
-             *
-             * @param   {number}    index   The control index.
-             *
-             * @return  The control.
-             */
-            getControl( index: number ): Page.Control;
-
-            /**
-             * Gets a control.
-             *
-             * @param   {Collection.MatchingDelegate{Control}}  delegateFunction    A matching delegate function.
-             *
-             * @return  An array of control.
-             */
-            getControl( delegateFunction: Collection.MatchingDelegate<Page.Control> ): Page.Control[];
-        }
-
-        /**
-         * Provides a container for useful functions not directly related to the current page.
-         */
-        Utility: {
-            /**
-             * Displays an alert dialog, with an "OK" button.
-             *
-             * @param   {string}        message         The message.
-             * @param   {function()}    onCloseCallback The "OK" callback.
-             */
-            alertDialog( message: string, onCloseCallback: () => void ): void;
-
-            /**
-             * Displays a confirmation dialog, with "OK" and "Cancel" buttons.
-             *
-             * @param   {string}        message             The message.
-             * @param   {function()}    yesCloseCallback    The "OK" callback.
-             * @param   {function()}    noCloseCallback     The "Cancel" callback.
-             */
-            confirmDialog( message: string, yesCloseCallback: () => void, noCloseCallback: () => void ): void;
-
-            /**
-             * Query if 'entityType' is an Activity entity.
-             *
-             * @param   {string}    entityType  Type of the entity.
-             *
-             * @return  true if the entity is an Activity, false if not.
-             */
-            isActivityType( entityType: string ): boolean;
-
-            /**
-             * Opens quick create.
-             *
-             * @param   {Function}  callback                    The function that will be called when a record is created. This
-             *                                                  function is passed a LookupValue object as a parameter.
-             * @param   {string}    entityLogicalName           The logical name of the entity to create.
-             * @param   {Page.LookupValue}  createFromEntity    (Optional) Designates a record that will provide default values
-             *                                                  based on mapped attribute values.
-             * @param   {OpenParameters}    parameters          (Optional) A dictionary object that passes extra query string
-             *                                                  parameters to the form. Invalid query string parameters will cause an
-             *                                                  error.
-             */
-            openQuickCreate(
-                callback: ( recordReference: Page.LookupValue ) => void,
-                entityLogicalName: string,
-                createFromEntity?: Page.LookupValue,
-                parameters?: Utility.OpenParameters ): void;
-
-            /**
-             * Opens an entity form.
-             *
-             * @param   {string}    name                The entity's logical name.
-             * @param   {string}    id                  (Optional) The unique identifier for the record.
-             * @param   {FormParameters}    parameters  (Optional) A dictionary object that passes extra query string parameters to the form.
-             * @param   {WindowOptions} windowOptions   (Optional) Options for controlling the window.
-             */
-            openEntityForm( name: string, id?: string, parameters?: Utility.FormOpenParameters, windowOptions?: Utility.WindowOptions ): void;
-
-            /**
-             * Opens an HTML Web Resource in a new browser window.
-             *
-             * @param   {string}    webResourceName Name of the HTML web resource. Can be used to pass URL
-             *                                      parameters.  See Remarks.
-             * @param   {string}    webResourceData (Optional) Data to pass into the Web Resource's data parameter.
-             *                                                 It is advised to use encodeURIcomponent() to encode the value.
-             * @param   {number}    width           (Optional) The width of the new window.
-             * @param   {number}    height          (Optional) The height of the new window.
-             *
-             * @return  A Window reference, containing the opened Web Resource.
-             *
-             * @remarks This function will not work with Microsoft Dynamics CRM for tablets.
-             *          Valid WebResource URL Parameters:   typename
-             *                                              type
-             *                                              id
-             *                                              orgname
-             *                                              userlcid
-             *                                              data (identical to this method's webResourceData parameter)
-             *                                              formid
-             */
-            openWebResource( webResourceName: string, webResourceData?: string, width?: number, height?: number ): Window;
-        }
-    }
-
-    /**
-     * Client Types for Xrm.Page.context.getClient().
-     */
-    export type Client = "Web" | "Outlook" | "Mobile";
-    /**
-     * Client States for Xrm.Page.context.getClientState().
-     */
-    export type ClientState = "Online" | "Offline";
-    /**
-     * Themes for Xrm.Page.context.getCurrentTheme().
-     */
-    export type Theme = "default" | "Office12Blue" | "Office14Silver";
-
-    /**
-     * Interface for the client context.
-     */
-    export interface ClientContext
-    {
-        /**
-         * Returns a value to indicate which client the script is executing in.
-         *
-         * @return  The client, as either "Web", "Outlook", or "Mobile"
-         */
-        getClient(): Client;
-
-        /**
-         * Gets client's current state.
-         *
-         * @return  The client state, as either "Online" or "Offline"
-         */
-        getClientState(): ClientState;
-    }
-
-    /**
-     * Interface for the xRM application context.
-     */
-    interface Context
-    {
-        /**
-         * The client's context instance.
-         */
-        client: ClientContext;
-
-        /**
-         * Gets client's base URL for Dynamics CRM
-         *
-         * @return  The client's base URL
-         * @remarks For Dynamics CRM On-Premises:               http(s)://server/org
-         *          For Dynamics CRM Online:                    https://org.crm.dynamics.com
-         *          For Dynamics CRM for Outlook (Offline):     http://localhost:2525
-         */
-        getClientUrl(): string;
-
-        /**
-         * Gets current styling theme.
-         *
-         * @return  The name of the current theme, as either "default", "Office12Blue", or "Office14Silver"
-         *
-         * @remarks This function does not work with Dynamics CRM for tablets.
-         */
-        getCurrentTheme(): Theme;
-
-        /**
-         * Gets whether automatic save is enabled.
-         *
-         * @return  true if automatic saving is enabled, otherwise false.
-         */
-        getIsAutoSaveEnabled(): boolean;
-
-        /**
-         * Gets organization's LCID (language code).
-         *
-         * @return  The organization language code.
-         *
-         * @see     {@link http://msdn.microsoft.com/en-us/library/ms912047(WinEmbedded.10).aspx|Microsoft Locale ID Values}
-         */
-        getOrgLcid(): number;
-
-        /**
-         * Gets organization's unique name.
-         *
-         * @return  The organization's unique name.
-         *
-         * @remarks This value can be found on the Developer Resources page within Dynamics CRM
-         */
-        getOrgUniqueName(): string;
-
-        /**
-         * Gets query string parameters.
-         *
-         * @return  The query string parameters, in a dictionary object representing name and value pairs.
-         */
-        getQueryStringParameters(): { [index: string]: any };
-
-        /**
-         * Returns the difference between the local time and Coordinated Universal Time (UTC).
-         *
-         * @return  The time zone offset, in minutes.
-         */
-        getTimeZoneOffsetMinutes(): number;
-
-        /**
-         * Gets user's unique identifier.
-         *
-         * @return  The user's identifier in Guid format.
-         *
-         * @remarks Example: "{B05EC7CE-5D51-DF11-97E0-00155DB232D0}"
-         */
-        getUserId(): string;
-
-        /**
-         * Gets user's LCID (language code).
-         *
-         * @return  The user's language code.
-         *
-         * @see     {@link http://msdn.microsoft.com/en-us/library/ms912047(WinEmbedded.10).aspx|Microsoft Locale ID Values}
-         */
-        getUserLcid(): number;
-
-        /**
-         * Gets the name of the current user.
-         *
-         * @return  The user's name.
-         */
-        getUserName(): string;
-
-        /**
-         * Gets all user security roles.
-         *
-         * @return  An array of user role identifiers, in Guid format.
-         *
-         * @remarks Example: ["cf4cc7ce-5d51-df11-97e0-00155db232d0"]
-         */
-        getUserRoles(): string[];
-
-        /**
-         * Prefixes the current organization's unique name to a string; typically a URL path.
-         *
-         * @param   {string}    sPath   Local pathname of the resource.
-         *
-         * @return  A path string with the organization name.
-         *
-         * @remarks Format: "/"+ OrgName + sPath
-         */
-        prependOrgName( sPath: string ): string;
-    }
-
-    /**
-     * Interface for the Xrm.Page.data object.
-     */
-    export interface Data
-    {
-        /**
-         * Asynchronously refreshes data on the form, without reloading the page.
-         *
-         * @param   {boolean}   save    true to save the record, after the refresh.
-         *
-         * @return  An Async.XrmPromise.
-         */
-        refresh( save: boolean ): Async.XrmPromise;
-
-        /**
-         * Asynchronously saves the record.
-         *
-         * @return  An Async.XrmPromise.
-         */
-        save(): Async.XrmPromise;
-
-        /**
-         * The record context of the form.
-         */
-        entity: Page.Entity;
-
-        /**
-         * The process API for Xrm.Page.data.
-         *
-         * @remarks This member may be undefined when Process Flows are not used by the current entity.
-         */
-        process: Page.data.ProcessManager;
-    }
-
-    /**
-     * Interface for the Xrm.Page.ui object.
-     */
-    export interface Ui
-    {
-        /**
-         * Clears the form notification described by uniqueId.
-         *
-         * @param   {string}    uniqueId    Unique identifier.
-         *
-         * @return  true if it succeeds, otherwise false.
-         */
-        clearFormNotification( uniqueId: string ): boolean;
-
-        /**
-         * Closes the form.
-         */
-        close(): void;
-
-        /**
-         * Gets form type.
-         *
-         * @return  The form type.
-         *
-         * @remarks     Values returned are: 0  Undefined
-         *                                   1  Create
-         *                                   2  Update
-         *                                   3  Read Only
-         *                                   4  Disabled
-         *                                   6  Bulk Edit
-         *              Deprecated values are 5 (Quick Create), and 11 (Read Optimized)
-         */
-        getFormType(): XrmEnum.FormType;
-
-        /**
-         * Gets view port height.
-         *
-         * @return  The view port height, in pixels.
-         *
-         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
-         */
-        getViewPortHeight(): number;
-
-        /**
-         * Gets view port width.
-         *
-         * @return  The view port width, in pixels.
-         *
-         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
-         */
-        getViewPortWidth(): number;
-
-        /**
-         * Re-evaluates the ribbon's configured EnableRules
-         *
-         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
-         */
-        refreshRibbon(): void;
-
-        setFormNotification(message: string, level: Page.ui.FormNotificationLevel | string, uniqueId: string ): boolean;
-
-        process: Page.ui.ProcessManager;
-
-        /**
-         * A reference to the collection of controls on the form.
-         */
-        controls: Collection.ItemCollection<Page.Control>;
-
-        /**
-         * The form selector API.
-         *
-         * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
-         */
-        formSelector: Page.FormSelector;
-
-        /**
-         * The navigation API.
-         *
-         * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
-         */
-        navigation: Page.Navigation;
-
-        /**
-         * A reference to the collection of tabs on the form.
-         */
-        tabs: Collection.ItemCollection<Page.Tab>;
-    }
-
-    /**
-     *  A definition module for asynchronous interface declarations.
-     */
-    export module Async
-    {
-        /**
-         * Called when the operation is successful.
-         */
-        export type SuccessCallbackDelegate = () => void;
-
-        /**
-         * Called when the operation fails.
-         *
-         * @param   {number}    errorCode   The error code.
-         * @param   {string}    message     The message.
-         */
-        export type ErrorCallbackDelegate = ( errorCode: number, message: string ) => void;
-
-        /**
-         * Interface for Xrm.Page.data promises.
-         */
-        export interface XrmPromise
-        {
-            /**
-             * A basic 'then' promise.
-             *
-             * @param   {SuccessCallbackDelegate}   successCallback   The success callback.
-             * @param   {ErrorCallbackDelegate}     errorCallback     The error callback.
-             */
-            then( successCallback: SuccessCallbackDelegate, errorCallback: ErrorCallbackDelegate ): void;
-        }
-    }
-
-    /**
-     * A definition module for collection interface declarations.
-     */
-    export module Collection
-    {
-        /**
-         * Interface for a matching delegate.
-         *
-         * @tparam  T   Generic type parameter.
-         */
-        export interface MatchingDelegate<T>
-        {
-            /**
-             * Called for each item in an array
-             *
-             * @param   {T} item            The item.
-             * @param   {number}    index   Zero-based index of the item array.
-             *
-             * @return  true if the item matches, false if it does not.
-             */
-            ( item: T, index?: number ): boolean;
-        }
-
-        /**
-         * Interface for iterative delegate.
-         *
-         * @tparam  T   Generic type parameter.
-         */
-        export interface IterativeDelegate<T>
-        {
-            /**
-             * Called for each item in an array
-             *
-             * @param   {T} item            The item.
-             * @param   {number}    index   Zero-based index of the item array.
-             */
-            ( item: T, index?: number ): void;
-        }
-
-        /**
-          * Interface for an item collection.
-          *
-          * @tparam  T   Generic type parameter.
-          */
-        export interface ItemCollection<T>
-        {
-            /**
-             * Applies an operation to all items in this collection.
-             *
-             * @param   {IterativeDelegate{T}}  delegate    An iterative delegate function
-             */
-            forEach( delegate: IterativeDelegate<T> ): void;
-
-            /**
-             * Gets.
-             *
-             * @param   {MatchingDelegate{T}}   delegate    A matching delegate function
-             *
-             * @return  A T[] whose members have been validated by delegate.
-             */
-            get( delegate: MatchingDelegate<T> ): T[];
-
-            /**
-             * Gets the item given by the index.
-             *
-             * @param   {number}    itemNumber  The item number to get.
-             *
-             * @return  The T in the itemNumber-th place.
-             */
-            get( itemNumber: number ): T;
-
-            /**
-             * Gets the item given by the key.
-             *
-             * @param   {string}    itemName    The item name to get.
-             *
-             * @return  The T matching the key itemName.
-             *
-             * @see {@link Xrm.Page.Control.getName()} for Control-naming schemes.
-             */
-            get( itemName: string ): T;
-
-            /**
-             * Gets the entire array of T.
-             *
-             * @return  A T[].
-             */
-            get(): T[];
-
-            /**
-             * Gets the length of the collection.
-             *
-             * @return  The length.
-             */
-            getLength(): number;
-        }
-    }
-
-    /**
-     * The Xrm.Page API
-     *
-     * @see {@link http://msdn.microsoft.com/en-us/library/gg328255.aspx|Documentation} for details.
-     */
-    export module Page
-    {
-        /**
-         * Requirement Level for Xrm.Page.Attribute.getRequiredLevel() and Xrm.Page.Attribute.setRequiredLevel().
-         */
-        export type RequirementLevel = "none" | "recommended" | "required";
-        /**
-         * Save Modes for Xrm.Page.Entity.save().
-         */
-        export type SaveMode = "saveandclose" | "saveandnew";
-        /**
-         * Status for Xrm.Page.Stage.getStatus().
-         */
-        export type Status = "active" | "inactive";
-        /**
-         * Submit Mode for Xrm.Page.Attribute.getSubmitMode() and Xrm.Page.Attribute.setSubmitMode().
-         */
-        export type SubmitMode = "always" | "dirty" | "never";
-
-        /**
-         * Interface for a CRM Business Process Flow instance.
-         */
-        export interface Process
-        {
-            /**
-            * Returns the unique identifier of the process.
-            *
-            * @return The identifier for this process, in GUID format.
-            *
-            * @remarks  Example: "{825CB223-A651-DF11-AA8B-00155DBA3804}".
-            */
-            getId(): string;
-
-            /**
-             * Returns the name of the process.
-             *
-             * @return  The name.
-             */
-            getName(): string;
-
-            /**
-             * Returns an collection of stages in the process.
-             *
-             * @return  The stages.
-             */
-            getStages(): Collection.ItemCollection<Stage>;
-
-            /**
-             * Returns a boolean value to indicate if the process is rendered.
-             *
-             * @return  true if the process is rendered, false if not.
-             */
-            isRendered(): boolean;
-        }
-
-        /**
-         * Interface for CRM Business Process Flow stages.
-         */
-        export interface Stage
-        {
-            /**
-             * Returns an object with a getValue method which will return the integer value of the business process flow
-             * category.
-             *
-             * @return  The stage category.
-             */
-            getCategory(): { getValue(): XrmEnum.StageCategory };
-
-            /**
-             * Returns the logical name of the entity associated with the stage.
-             *
-             * @return  The entity name.
-             */
-            getEntityName(): string;
-
-            /**
-             * Returns the unique identifier of the stage.
-             *
-             * @return  The identifier of the Stage, in GUID format.
-             *
-             * @remarks  Example: "{825CB223-A651-DF11-AA8B-00155DBA3804}".
-             */
-            getId(): string;
-
-            /**
-             * Returns the name of the stage.
-             *
-             * @return  The name.
-             */
-            getName(): string;
-
-            /**
-             * Returns the status of the stage.
-             *
-             * @return  The status.
-             *
-             * @remarks  This method will return either "active" or "inactive".
-             */
-            getStatus(): Status;
-
-            /**
-             * Returns a collection of steps in the stage.
-             *
-             * @return  An array of Step.
-             */
-            getSteps(): Step[];
-        }
-
-        export interface Step
-        {
-            /**
-             * Returns the logical name of the attribute associated to the step.
-             *
-             * @return  The attribute.
-             *
-             * @remarks  Some steps don’t contain an attribute value.
-             */
-            getAttribute(): string;
-
-            /**
-             * Returns the name of the step.
-             *
-             * @return  The name.
-             */
-            getName(): string;
-
-            /**
-             * Returns whether the step is required in the business process flow.
-             *
-             * @return  true if required, false if not.
-             *
-             * @remarks     Returns true if the step is marked as required in the Business Process Flow editor; otherwise, false.
-             *              There is no connection between this value and the values you can change in the Xrm.Page.data.entity
-             *              attribute RequiredLevel methods.
-             */
-            isRequired(): boolean;
-        }
-
-        /**
-         * Interface for the event context.
-         */
-        export interface EventContext
-        {
-            /**
-             * Gets the Xrm context.
-             *
-             * @return  The Xrm context.
-             */
-            getContext(): Context;
-
-            /**
-             * Gets the handler's depth, which is the order in which the handler is executed.
-             *
-             * @return  The depth, a 0-based index.
-             */
-            getDepth(): number;
-
-            /**
-             * Gets save-event arguments.
-             *
-             * @return  The event arguments.
-             *
-             * @remarks Returns null for all but the "save" event.
-             */
-            getEventArgs(): SaveEventArguments;
-
-            /**
-             * Gets a reference to the object for which event occurred.
-             *
-             * @return  The event source.
-             */
-            getEventSource(): Attribute | Control | Entity;
-
-            /**
-             * Gets the shared variable with the specified key.
-             *
-             * @tparam  T   Generic type parameter.
-             * @param   {string}    key The key.
-             *
-             * @return  The shared variable.
-             *
-             * @remarks Used to pass values between handlers of an event.
-             */
-            getSharedVariable<T>( key: string ): T;
-
-            /**
-             * Sets a shared variable.
-             *
-             * @tparam  T   Generic type parameter.
-             * @param   {string}    key The key.
-             * @param   {T} value       The value.
-             *
-             * @remarks Used to pass values between handlers of an event.
-             */
-            setSharedVariable<T>( key: string, value: T ): void;
-        }
-
-        /**
-         * Interface for a context-sensitive handler.
-         */
-        export interface ContextSensitiveHandler
-        {
-            /**
-             * @param   {EventContext}  context The context.
-             */
-            ( context?: EventContext ): void;
-        }
-
-        /**
-         * Base interface for UI elements.
-         */
-        export interface UiElement
-        {
-            /**
-             * Gets the label.
-             *
-             * @return  The label.
-             */
-            getLabel(): string;
-
-            /**
-             * Gets the visibility state.
-             *
-             * @return  true if the tab is visible, otherwise false.
-             */
-            getVisible(): boolean;
-
-            /**
-             * Sets the label.
-             *
-             * @param   {string}    label   The label.
-             */
-            setLabel( label: string ): void;
-
-            /**
-             * Sets the visibility state.
-             *
-             * @param   {boolean}   visible true to show, false to hide.
-             */
-            setVisible( visible: boolean ): void;
-        }
-
-        /**
-         * Interface for focusable UI elements.
-         */
-        export interface UiFocusable
-        {
-            /**
-             * Sets focus on the element.
-             */
-            setFocus(): void;
-        }
-
-        /**
-         * Interface for a Lookup value.
-         */
-        export interface LookupValue
-        {
-            /**
-             * The identifier.
-             */
-            id: string;
-
-            /**
-             * The name
-             */
-            name?: string;
-
-            /**
-             * Type of the entity.
-             */
-            entityType: string;
-        }
-
-        /**
-         * Interface for an OptionSet value.
-         */
-        export interface OptionSetValue
-        {
-            /**
-             * The label text.
-             */
-            text: string;
-
-            /**
-             * The value, as a number
-             */
-            value: number;
-        }
-
-        /**
-         * Interface for a privilege.
-         */
-        export interface Privilege
-        {
-            /**
-             * true if the user can read.
-             */
-            canRead: boolean;
-
-            /**
-             * true if the user can update.
-             */
-            canUpdate: boolean;
-
-            /**
-             * true if the user can create.
-             */
-            canCreate: boolean;
-        }
-
-        /**
-         * Interface for an Entity attribute.
-         */
-        export interface Attribute
-        {
-            /**
-             * Adds a handler to be called when the attribute's value is changed.
-             *
-             * @param   {ContextSensitiveHandler}  handler The function reference.
-             */
-            addOnChange( handler: ContextSensitiveHandler ): void;
-
-            /**
-             * Fire all "on change" event handlers.
-             */
-            fireOnChange(): void;
-
-            /**
-             * Gets attribute type.
-             *
-             * @return  The attribute's type name.
-             *
-             * @remarks Values returned are: boolean
-             *                               datetime
-             *                               decimal
-             *                               double
-             *                               integer
-             *                               lookup
-             *                               memo
-             *                               money
-             *                               optionset
-             *                               string
-             */
-            getAttributeType(): string;
-
-            /**
-             * Gets the attribute format.
-             *
-             * @return  The format of the attribute.
-             *
-             * @see {@link getAttributeType()}
-             *
-             * @remarks Values returned are: date           (datetime)
-             *                               datetime       (datetime)
-             *                               duration       (integer)
-             *                               email          (string)
-             *                               language       (optionset)
-             *                               none           (integer)
-             *                               phone          (string)
-             *                               text           (string)
-             *                               textarea       (string)
-             *                               tickersymbol   (string)
-             *                               timezone       (optionset)
-             *                               url            (string)
-             */
-            getFormat(): string;
-
-            /**
-             * Gets a boolean value indicating whether this Attribute has unsaved changes.
-             *
-             * @return  true if there are unsaved changes, otherwise false.
-             */
-            getIsDirty(): boolean;
-
-            /**
-             * Gets the logical name of the attribute.
-             *
-             * @return  The logical name.
-             */
-            getName(): string;
-
-            /**
-             * Gets a reference to the record context of this attribute.
-             *
-             * @return  The parent record context.
-             */
-            getParent(): Entity;
-
-            /**
-             * Gets the current level of requirement for the attribute.
-             *
-             * @return  The required level, as either "none", "required", or "recommended"
-             */
-            getRequiredLevel(): RequirementLevel;
-
-            /**
-             * Gets current submit mode for the attribute.
-             *
-             * @return  The submit mode, as either "always", "never", or "dirty"
-             *
-             * @remarks The default value is "dirty"
-             */
-            getSubmitMode(): SubmitMode;
-
-            /**
-             * Gets the current user's privileges for the attribute.
-             *
-             * @return  The user privileges.
-             */
-            getUserPrivilege(): Privilege;
-
-            /**
-             * Removes the handler from the "on change" event.
-             *
-             * @param   {ContextSensitiveHandler}   handler The handler.
-             */
-            removeOnChange( handler: ContextSensitiveHandler ): void;
-
-            /**
-             * Sets the required level.
-             *
-             * @param   {string}    requirementLevel    The requirement level, as either "none", "required", or "recommended"
-             */
-            setRequiredLevel(requirementLevel: RequirementLevel | string): void;
-
-            /**
-             * Sets the submit mode.
-             *
-             * @param   {string}    submitMode  The submit mode, as either "always", "never", or "dirty".
-             *
-             * @remarks The default value is "dirty"
-             */
-            setSubmitMode(submitMode: SubmitMode | string): void;
-
-            /**
-             * A collection of all the controls on the form that interface with this attribute.
-             */
-            controls: Collection.ItemCollection<Control>;
-        }
-
-        /**
-         * Interface for a Number attribute.
-         *
-         * @sa  Attribute
-         */
-        export interface NumberAttribute extends Attribute
-        {
-            /**
-             * Gets the maximum value allowed.
-             *
-             * @return  The maximum value allowed.
-             */
-            getMax(): number;
-
-            /**
-             * Gets the minimum value allowed.
-             *
-             * @return  The minimum value allowed.
-             */
-            getMin(): number;
-
-            /**
-             * Gets the attribute's configured precision.
-             *
-             * @return  The total number of allowed decimal places.
-             */
-            getPrecision(): number;
-
-            /**
-             * Gets the value.
-             *
-             * @return  The value.
-             */
-            getValue(): number;
-
-            /**
-             * Sets the value.
-             *
-             * @param   {number}    value   The value.
-             *
-             * @remarks Attributes on Quick Create Forms will not save values set with this method.
-             */
-            setValue( value: number ): void;
-        }
-
-        /**
-         * Interface for a String attribute.
-         *
-         * @sa  Attribute
-         */
-        export interface StringAttribute extends Attribute
-        {
-            /**
-             * Gets maximum length allowed.
-             *
-             * @return  The maximum length allowed.
-             *
-             * @remarks The email form's "Description" attribute does not have the this method.
-             */
-            getMaxLength(): number;
-
-            /**
-             * Gets the value.
-             *
-             * @return  The value.
-             */
-            getValue(): string;
-
-            /**
-             * Sets the value.
-             *
-             * @param   {string}    value   The value.
-             *
-             * @remarks     A String field with the {@link Attribute.getFormat|email} format enforces email
-             *              address formatting. Attributes on Quick Create Forms will not save values set
-             *              with this method.
-             */
-            setValue( value: string ): void;
-        }
-
-        /**
-         * Common interface for enumeration attributes (OptionSet and Boolean).
-         *
-         * @sa  Attribute
-         */
-        export interface EnumAttribute extends Attribute
-        {
-            /**
-             * Gets the initial value of the attribute.
-             *
-             * @return  The initial value.
-             * @remarks Valid for optionset and boolean attribute types
-             */
-            getInitialValue(): number | boolean;
-        }
-
-        /**
-         * Interface for a Boolean attribute.
-         *
-         * @sa  EnumAttribute
-         */
-        export interface BooleanAttribute extends EnumAttribute
-        {
-            /**
-             * Gets the value.
-             *
-             * @return  true if it succeeds, false if it fails.
-             */
-            getValue(): boolean;
-
-            /**
-             * Sets the value.
-             *
-             * @param   {boolean}   value   The value.
-             *
-             * @remarks  Attributes on Quick Create Forms will not save values set with this method.
-             */
-            setValue( value: boolean ): void;
-        }
-
-        /**
-         * Interface for a Date attribute.
-         *
-         * @sa  Attribute
-         */
-        export interface DateAttribute extends Attribute
-        {
-            /**
-             * Gets the value.
-             *
-             * @return  The value.
-             */
-            getValue(): Date;
-
-            /**
-             * Sets the value.
-             *
-             * @param   {Date}  value   The value.
-             *
-             * @remarks  Attributes on Quick Create Forms will not save values set with this method.
-             */
-            setValue( value: Date ): void;
-        }
-
-        /**
-         * Interface an OptionSet attribute.
-         *
-         * @sa  EnumAttribute
-         */
-        export interface OptionSetAttribute extends EnumAttribute
-        {
-            /**
-             * Gets the option matching a value.
-             *
-             * @param   {number}    value   The enumeration value of the option desired.
-             *
-             * @return  The option.
-             */
-            getOption( value: number ): OptionSetValue;
-
-            /**
-             * Gets the option matching a label.
-             *
-             * @param   {string}    label   The label of the option desired.
-             *
-             * @return  The option.
-             */
-            getOption( label: string ): OptionSetValue;
-
-            /**
-             * Gets all of the options.
-             *
-             * @return  An array of options.
-             */
-            getOptions(): OptionSetValue[];
-
-            /**
-             * Gets selected option.
-             *
-             * @return  The selected option.
-             */
-            getSelectedOption(): OptionSetValue;
-
-            /**
-             * Gets the label of the currently selected option.
-             *
-             * @return  The current value's label.
-             */
-            getText(): string;
-
-            /**
-             * Gets the value.
-             *
-             * @return  The value.
-             */
-            getValue(): number;
-
-            /**
-             * Sets the value.
-             *
-             * @param   {number}    value   The value.
-             *
-             * @remarks     The getOptions() method returns option values as strings. You must use parseInt
-             *              to convert them to numbers before you can use those values to set the value of an
-             *              OptionSet attribute. Attributes on Quick Create Forms will not save values set
-             *              with this method.
-             */
-            setValue( value: number ): void;
-        }
-
-        /**
-         * Interface a Lookup attribute.
-         *
-         * @sa  Attribute
-         */
-        export interface LookupAttribute extends Attribute
-        {
-            /**
-             * Gets a boolean value indicating whether the Lookup is a multi-value PartyList.
-             *
-             * @return  true the attribute is a PartyList, otherwise false.
-             */
-            getIsPartyList(): boolean;
-
-            /**
-             * Gets the value.
-             *
-             * @return  An array of LookupValue.
-             */
-            getValue(): LookupValue[];
-
-            /**
-             * Sets the value.
-             *
-             * @param   {LookupValue[]} value   The value.
-             *
-             * @remarks Attributes on Quick Create Forms will not save values set with this method.
-             */
-            setValue( value: LookupValue[] ): void;
-        }
-
-        /**
-         * Interface for the form's record context, Xrm.Page.data.entity
-         */
-        export interface Entity
-        {
-            /**
-             * Adds a handler to be called when the record is saved.
-             *
-             * @param   {ContextSensitiveHandler}   handler The handler.
-             */
-            addOnSave( handler: ContextSensitiveHandler ): void;
-
-            /**
-             * Gets an serialized-XML string representing data that will be passed to the server upon saving
-             * the record.
-             *
-             * @return  The XML in string format.
-             *
-             * @remarks     This function does not work with Microsoft Dynamics CRM for tablets. Example:
-             *              "<account><name>Contoso</name><accountnumber>55555</accountnumber><telephone2>425
-             *              555-1234</telephone2></account>".
-             */
-            getDataXml(): string;
-
-            /**
-             * Gets entity's logical name.
-             *
-             * @return  The logical name.
-             */
-            getEntityName(): string;
-
-            /**
-             * Gets the record's unique identifier.
-             *
-             * @return  The identifier, in Guid format.
-             *
-             * @remarks  Example: "{825CB223-A651-DF11-AA8B-00155DBA3804}".
-             */
-            getId(): string;
-
-            /**
-             * Gets a boolean value indicating whether the record has unsaved changes.
-             *
-             * @return  true if there are unsaved changes, otherwise false.
-             */
-            getIsDirty(): boolean;
-
-            /**
-             * Gets the record's primary attribute value.
-             *
-             * @return  The primary attribute value.
-             *
-             * @remarks The value for this attribute is used when links to the record are displayed.
-             */
-            getPrimaryAttributeValue(): string;
-
-            /**
-             * Removes the handler from the "on save" event.
-             *
-             * @param   {ContextSensitiveHandler}   handler The handler.
-             */
-            removeOnSave( handler: ContextSensitiveHandler ): void;
-
-            /**
-             * Saves the record.
-             *
-             * @remarks  When using quick create forms in the web application the saveandnew option is not
-             *           applied. It will always work as if saveandclose were used. Quick create forms in
-             *           Microsoft Dynamics CRM for tablets will apply the saveandnew behavior.
-             */
-            save(): void;
-
-            /**
-             * Saves the record with the given save mode.
-             *
-             * @param   {string}    saveMode    (Optional) the save mode to save, as either "saveandclose" or
-             *                                  "saveandnew".
-             */
-            save( saveMode: SaveMode | string): void;
-
-            /**
-             * The collection of attributes for the record.
-             */
-            attributes: Collection.ItemCollection<Attribute>;
-        }
-
-        /**
-         * Interface for save event arguments.
-         */
-        export interface SaveEventArguments
-        {
-            /**
-             * Gets save mode, as an integer.
-             *
-             * @return  The save mode.
-             * @remarks Values returned are: 1      Save
-             *                               2      Save and Close
-             *                               59     Save and New
-             *                               70     AutoSave (Where enabled; can be used with an OnSave handler
-             *                                                to conditionally disable auto-saving)
-             *                               58     Save as Completed (Activities)
-             *                               5      Deactivate
-             *                               6      Reactivate
-             *                               47     Assign (All user- or team-owned entities)
-             *                               7      Send (Email)
-             *                               16     Qualify (Lead)
-             *                               15     Disqualify (Lead)
-             */
-            getSaveMode(): XrmEnum.SaveMode;
-
-            /**
-             * Returns a boolean value to indicate if the record's save has been prevented.
-             *
-             * @return  true if saving is prevented, otherwise false.
-             */
-            isDefaultPrevented(): boolean;
-
-            /**
-             * Prevents the save operation from being submitted to the server.
-             * @remarks All remaining "on save" handlers will continue execution.
-             */
-            preventDefault(): void;
-        }
-
-        /**
-         * Module for the Xrm.Page.data API.
-         */
-        export module data
-        {
-            /**
-             * Interface for the Xrm.Page.data.process API.
-             */
-            export interface ProcessManager
-            {
-                /**
-                 * Returns a Process object representing the active process.
-                 *
-                 * @return  current active process.
-                 */
-                getActiveProcess(): Process;
-
-                /**
-                 * Set a Process as the active process.
-                 *
-                 * @param   {string}    processId           The Id of the process to make the active process.
-                 * @param   {function}  callbackFunction    (Optional) a function to call when the operation is complete.
-                 */
-                setActiveProcess( processId: string, callbackFunction?: ProcessCallbackDelegate ): void;
-
-                /**
-                 * Returns a Stage object representing the active stage.
-                 *
-                 * @return  current active stage.
-                 */
-                getActiveStage(): Stage;
-
-                /**
-                 * Set a stage as the active stage.
-                 *
-                 * @param   {string}    stageId             the Id of the stage to make the active stage.
-                 * @param   {function}  callbackFunction    (Optional) a function to call when the operation is complete.
-                 */
-                setActiveStage( stageId: string, callbackFunction?: ProcessCallbackDelegate ): void;
-
-                /**
-                 * Use this method to get a collection of stages currently in the active path with methods to interact with the
-                 * stages displayed in the business process flow control. The active path represents stages currently rendered in
-                 * the process control based on the branching rules and current data in the record.
-                 *
-                 * @return  A collection of all completed stages, the currently active stage, and the predicted set of future stages
-                 *          based on satisfied conditions in the branching rule. This may be a subset of the stages returned with
-                 *          Xrm.Page.data.process.getActiveProcess because it will only include those stages which represent a valid
-                 *          transition from the current stage based on branching that has occurred in the process.
-                 */
-                getActivePath(): Collection.ItemCollection<Stage>;
-
-                /**
-                 * Use this method to asynchronously retrieve the enabled business process flows that the user can switch to for an
-                 * entity.
-                 *
-                 * @param   {Function} callbackFunction The callback function must accept a parameter that contains an object with 
-                 *                                      dictionary properties where the name of the property is the Id of the
-                 *                                      business process flow and the value of the property is the name of the
-                 *                                      business process flow.
-                 *                                      
-                 *                                      The enabled processes are filtered according to the user’s privileges. The
-                 *                                      list of enabled processes is the same ones a user can see in the UI if they
-                 *                                      want to change the process manually.
-                 */
-                getEnabledProcesses( callbackFunction: ( enabledProcesses: ProcessDictionary ) => void ): void;
-
-                /**
-                 * Use this method to get the currently selected stage.
-                 *
-                 * @return  The currently selected stage.
-                 */
-                getSelectedStage(): Stage;
-
-                /**
-                 * Use this to add a function as an event handler for the OnStageChange event so that it will be called when the
-                 * business process flow stage changes.
-                 * @param   {ContextSensitiveHandler}   handler The function will be added to the bottom of the event
-                 *                                              handler pipeline. The execution context is automatically
-                 *                                              set to be the first parameter passed to the event handler.
-                 * 
-                 *                                              Use a reference to a named function rather than an
-                 *                                              anonymous function if you may later want to remove the
-                 *                                              event handler.
-                 */
-                addOnStageChange( handler: ContextSensitiveHandler ): void;
-
-                /**
-                 * Use this to add a function as an event handler for the OnStageSelected event so that it will be called
-                 * when a business process flow stage is selected.
-                 *
-                 * @param   {ContextSensitiveHandler}   handler The function will be added to the bottom of the event
-                 *                                              handler pipeline. The execution context is automatically
-                 *                                              set to be the first parameter passed to the event handler.
-                 * 
-                 *                                              Use a reference to a named function rather than an
-                 *                                              anonymous function if you may later want to remove the
-                 *                                              event handler.
-                 */
-                addOnStageSelected(handler: ContextSensitiveHandler): void;
-
-                /**
-                 * Use this to remove a function as an event handler for the OnStageChange event.
-                 *
-                 * @param   {ContextSensitiveHandler}   handler If an anonymous function is set using the addOnStageChange method it
-                 *                                              cannot be removed using this method.
-                 */
-                removeOnStageChange(handler: ContextSensitiveHandler): void;
-
-                /**
-                 * Use this to remove a function as an event handler for the OnStageChange event.
-                 *
-                 * @param   {ContextSensitiveHandler}   handler If an anonymous function is set using the addOnStageChange method it
-                 *                                              cannot be removed using this method.
-                 */
-                removeOnStageSelected( handler: ContextSensitiveHandler ): void;
-
-                /**
-                 * Progresses to the next stage.
-                 *
-                 * @param   {ProcessCallbackDelegate}   callbackFunction    (Optional) A function to call when the operation is
-                 *                                                          complete.
-                 */
-                moveNext( callbackFunction?: ProcessCallbackDelegate ): void;
-
-                /**
-                 * Moves to the previous stage.
-                 *
-                 * @param   {ProcessCallbackDelegate}   callbackFunction    (Optional) A function to call when the operation is
-                 *                                                          complete.
-                 */
-                movePrevious( callbackFunction?: ProcessCallbackDelegate ): void;
-            }
-
-            /**
-             * Called when process change methods have completed.
-             *
-             * @param       {string}    status  The result of the process change operation.
-             * @remarks     Values returned are: success        (The operation succeeded.)
-             *                                   crossEntity    (The previous stage is for a different entity.)
-             *                                   beginning      (The active stage is the first stage of the active path.)
-             *                                   invalid        (The operation failed because the selected stage isn’t the same
-             *                                   as the active stage.)
-             *                                   unreachable    (The stage exists on a different path.)
-             */
-            export type ProcessCallbackDelegate = ( status: string ) => void;
-
-            /**
-             * Represents a key-value pair, where the key is the Process Flow's ID, and the value is the name thereof.
-             */
-            export type ProcessDictionary = { [index: string]: string };
-        }
-
-        /**
-         * Interface for Xrm.Page.ui controls.
-         *
-         * @sa  UiElement
-         */
-        export interface Control extends UiElement, UiFocusable
-        {
-            /**
-             * Clears the notification identified by uniqueId.
-             *
-             * @param   {string}    uniqueId    (Optional) Unique identifier.
-             *
-             * @return  true if it succeeds, false if it fails.
-             *
-             * @remarks If the uniqueId parameter is not used, the current notification shown will be removed.
-             */
-            clearNotification( uniqueId?: string ): boolean;
-
-            /**
-             * Gets the control's type.
-             *
-             * @return  The control type.
-             * @remarks Values returned are: standard
-             *                               iframe
-             *                               lookup
-             *                               optionset
-             *                               subgrid
-             *                               webresource
-             *                               notes
-             *                               timercontrol
-             *                               kbsearch (CRM Online Only, use parature.d.ts)
-             */
-            getControlType(): string;
-
-            /**
-             * Gets a boolean value, indicating whether the control is disabled.
-             *
-             * @return  true if it is disabled, otherwise false.
-             */
-            getDisabled(): boolean;
-
-            /**
-             * Gets the name of the control on the form.
-             *
-             * @return  The name of the control.
-             *
-             * @remarks     The name assigned to a control is not determined until the form loads. Changes to
-             *              the form may change the name assigned to a given control.
-             *              When you use the control getName method the name of the first control will be the
-             *              same as the name of the attribute. The second instance of a control for that
-             *              attribute will be "<attributeName>1". The pattern <attributeName>+N
-             *              will continue for each additional control added to the form for a specific
-             *              attribute. When a form displays a business process flow control in the header,
-             *              additional controls will be added for each attribute that is displayed in the
-             *              business process flow. These controls have a unique name like the following:
-             *              header_process_<attribute name>.
-             */
-            getName(): string;
-
-            /**
-             * Gets a reference to the Section parent of the control.
-             *
-             * @return  The parent Section.
-             */
-            getParent(): Section;
-
-            /**
-             * Sets the state of the control to either enabled, or disabled.
-             *
-             * @param   {boolean}   disabled    true to disable, false to enable.
-             */
-            setDisabled( disabled: boolean ): void;
-
-            /**
-             * Sets a control-local notification message.
-             *
-             * @param   {string}    message     The message.
-             * @param   {string}    uniqueId    Unique identifier.
-             *
-             * @return  true if it succeeds, false if it fails.
-             *
-             * @remarks     When this method is used on Microsoft Dynamics CRM for tablets a red "X" icon
-             *              appears next to the control. Tapping on the icon will display the message.
-             */
-            setNotification( message: string, uniqueId: string ): boolean;
-        }
-
-        /**
-         * Interface for a standard control.
-         *
-         * @sa  Control
-         */
-        export interface StandardControl extends Control
-        {
-            /**
-             * Gets the control's bound attribute.
-             *
-             * @tparam  T   An Attribute type.
-             *
-             * @return  The attribute.
-             */
-            getAttribute<T extends Attribute>(): T;
-
-            /**
-             * Gets the control's bound attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(): Attribute;
-        }
-
-        /**
-         * Interface for a Date control.
-         *
-         * @sa  StandardControl
-         */
-        export interface DateControl extends StandardControl
-        {
-            /**
-             * Gets the control's bound attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(): DateAttribute;
-
-            /**
-             * Gets the status of the time-of-day component of the Date control.
-             *
-             * @return  true if the time is shown, otherwise false.
-             */
-            getShowTime(): boolean;
-
-            /**
-             * Sets the visibility of the time component of the Date control.
-             *
-             * @param   {boolean}   showTimeValue   true to show, false to hide the time value.
-             */
-            setShowTime( showTimeValue: boolean ): void;
-        }
-
-        /**
-         * Interface for a Lookup control.
-         *
-         * @sa  StandardControl
-         */
-        export interface LookupControl extends StandardControl
-        {
-            /**
-             * Adds a handler to the "pre search" event of the Lookup control.
-             *
-             * @param   {Function}  handler The handler.
-             */
-            addPreSearch( handler: ContextSensitiveHandler ): void;
-
-            /**
-             * Adds an additional custom filter to the lookup, with the "AND" filter operator.
-             * Can only be used within a "pre search" event handler
-             *
-             * @sa addPreSearch
-             *
-             * @param   {string}    filter              Specifies the filter, as a serialized FetchXML
-             *                                          "filter" node.
-             * @param   {string}    entityLogicalName   (Optional) The logical name of the entity.
-             *
-             * @remarks     If entityLogicalName is not specified, the filter will be applied to all entities
-             *              valid for the Lookup control.
-             *              Example filter: <filter type="and">
-             *                              <condition attribute="address1_city" operator="eq" value="Redmond" />
-             *                              </filter>
-             */
-            addCustomFilter( filter: string, entityLogicalName?: string ): void;
-
-            /**
-             * Adds a custom view for the Lookup dialog.
-             *
-             * @param   {string}    viewId          Unique identifier for the view, in Guid format.
-             * @param   {string}    entityName      Name of the entity.
-             * @param   {string}    viewDisplayName Name of the view to display.
-             * @param   {string}    fetchXml        The FetchXML query for the view's contents, serialized as a string.
-             * @param   {string}    layoutXml       The Layout XML, serialized as a string.
-             * @param   {boolean}   isDefault       true, to treat this view as default.
-             *
-             * @remarks Cannot be used on "Owner" Lookup controls.
-             *          The viewId is never saved to CRM, but must be unique across available views.  Generating
-             *          a new value can be accomplished with a {@link http://www.guidgen.com/|Guid generator}.
-             *          Example viewId value: "{00000000-0000-0000-0000-000000000001}"
-             *          Layout XML Reference: {@link http://msdn.microsoft.com/en-us/library/gg334522.aspx}
-             */
-            addCustomView( viewId: string, entityName: string, viewDisplayName: string, fetchXml: string, layoutXml: string, isDefault: boolean ): void;
-
-            /**
-             * Gets the control's bound attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(): LookupAttribute;
-
-            /**
-             * Gets the unique identifier of the default view.
-             *
-             * @return  The default view, in Guid format.
-             *
-             * @remarks Example: "{00000000-0000-0000-0000-000000000000}"
-             */
-            getDefaultView(): string;
-
-            /**
-             * Removes the handler from the "pre search" event of the Lookup control.
-             *
-             * @param   {Function}  handler The handler.
-             */
-            removePreSearch( handler: () => void ): void;
-
-            /**
-             * Sets the Lookup's default view.
-             *
-             * @param   {string}    viewGuid    Unique identifier for the view.
-             *
-             * @remarks Example viewGuid value: "{00000000-0000-0000-0000-000000000000}"
-             */
-            setDefaultView( viewGuid: string ): void;
-        }
-
-        /**
-         * Interface for an OptionSet control.
-         *
-         * @sa  StandardControl
-         */
-        export interface OptionSetControl extends StandardControl
-        {
-            /**
-             * Adds an option.
-             *
-             * @param   {OptionSetValue}    option  The option.
-             * @param   {number}    index           (Optional) zero-based index of the option.
-             *
-             * @remarks This method does not check that the values within the options you add are valid.
-             *          If index is not provided, the new option will be added to the end of the list.
-             */
-            addOption( option: OptionSetValue, index?: number ): void;
-
-            /**
-             * Clears all options.
-             */
-            clearOptions(): void;
-
-            /**
-             * Gets the control's bound attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(): OptionSetAttribute;
-
-            /**
-             * Removes the option matching the value.
-             *
-             * @param   {number}    value   The value.
-             */
-            removeOption( value: number ): void;
-        }
-
-        /**
-         * Interface for a CRM grid control.
-         *
-         * @sa  Control
-         */
-        export interface GridControl extends Control
-        {
-            /**
-             * Use this method to add event handlers to the GridControl's OnLoad event.
-             *
-             * @param   {Function} handler The event handler.
-             */
-            addOnLoad( handler: () => void ): void;
-
-            /**
-             * This method returns context information about the GridControl.
-             *
-             * @return  The context type.
-             */
-            getContextType(): XrmEnum.GridControlContext;
-
-            /**
-             * Use this method to get the logical name of the entity data displayed in the grid.
-             *
-             * @return  The entity name.
-             */
-            getEntityName(): string;
-
-            /**
-             * Use this method to get access to the Grid available in the GridControl.
-             *
-             * @return  The grid.
-             */
-            getGrid(): ui.Grid;
-
-            /**
-             * Use this method to get access to the ViewSelector available for the GridControl when it is configured to display views.
-             *
-             * @return  The view selector.
-             */
-            getViewSelector(): ui.ViewSelector;
-
-            /**
-             * Refreshes the sub grid.
-             *
-             * @remarks Not available during the "on load" event of the form.
-             */
-            refresh(): void;
-
-            /**
-             * Use this method to remove event handlers from the GridControl's OnLoad event.
-             *
-             * @param   {Function} handler The handler.
-             */
-            removeOnLoad( handler: () => void ): void;
-        }
-
-        /**
-         * Interface for a framed control, which is either a Web Resource or an Iframe.
-         *
-         * @sa  Control
-         *
-         * @remarks     An Iframe control provides additional methods, so use {@link IframeControl} where
-         *              appropriate.  Silverlight controls should use {@link SilverlightControl}.
-         */
-        export interface FramedControl extends Control
-        {
-            /**
-             * Gets the DOM element containing the control.
-             *
-             * @return  The container object.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            getObject(): HTMLIFrameElement;
-
-            /**
-             * Gets the URL value of the control.
-             *
-             * @return  The source URL.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            getSrc(): string;
-
-            /**
-             * Sets the URL value of the control.
-             *
-             * @param   {string}    src The source URL.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            setSrc( src: string ): void;
-        }
-
-        /**
-         * Interface for an Iframe control.
-         *
-         * @sa  FramedControl
-         */
-        export interface IframeControl extends FramedControl
-        {
-            /**
-             * Gets initial URL defined for the Iframe.
-             *
-             * @return  The initial URL.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            getInitialUrl(): string;
-        }
-
-        /**
-         * Interface for a Silverlight control.
-         *
-         * @sa  Control
-         */
-        export interface SilverlightControl extends Control
-        {
-            /**
-             * Gets the query string value passed to Silverlight.
-             *
-             * @return  The data.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            getData(): string;
-
-            /**
-             * Sets the query string value passed to Silverlight.
-             *
-             * @param   {string}    data    The data.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            setData( data: string ): void;
-
-            /**
-             * Gets the DOM element containing the control.
-             *
-             * @return  The container object.
-             *
-             * @remarks Unavailable for Microsoft Dynamics CRM for tablets.
-             */
-            getObject(): HTMLObjectElement;
-        }
-
-        /**
-         * Interface for a form tab.
-         *
-         * @sa  UiElement
-         * @sa  UiFocusable
-         */
-        export interface Tab extends UiElement, UiFocusable
-        {
-            /**
-             * Gets display state of the tab.
-             *
-             * @return  The display state, as either "expanded" or "collapsed"
-             */
-            getDisplayState(): ui.DisplayState;
-
-            /**
-             * Gets the name of the tab.
-             *
-             * @return  The name.
-             */
-            getName(): string;
-
-            /**
-             * Gets a reference to the Xrm.Page.ui parent of the tab.
-             *
-             * @return  The parent.
-             */
-            getParent(): Ui;
-
-            /**
-             * Sets display state of the tab.
-             *
-             * @param   {string}    displayState   Display state of the tab, as either "expanded" or "collapsed"
-             */
-            setDisplayState(displayState: ui.DisplayState | string ): void;
-
-            /**
-             * A reference to the collection of form sections within this tab.
-             */
-            sections: Collection.ItemCollection<Section>;
-        }
-
-        /**
-         * Interface for a form section.
-         *
-         * @sa  UiElement
-         */
-        export interface Section extends UiElement
-        {
-            /**
-             * Gets the name of the section.
-             *
-             * @return  The name.
-             */
-            getName(): string;
-
-            /**
-             * Gets a reference to the Xrm.Page.Tab parent of this item.
-             *
-             * @return  The parent.
-             */
-            getParent(): Tab;
-
-            /**
-             * A reference to the collection of controls within this tab.
-             */
-            controls: Collection.ItemCollection<Control>;
-        }
-
-        /**
-         * Module for Xrm.Page.ui API.
-         */
-        export module ui
-        {
-            /**
-             * Form Notification Levels for Xrm.Ui.setFormNotification().
-             */
-            export type FormNotificationLevel = "ERROR" | "INFO" | "WARNING";
-
-            /**
-             * Display States for Xrm.ui.ProcessMonitor.setDisplayState().
-             */
-            export type DisplayState = "collapsed" | "expanded";
-
-            /**
-             * Interface for Xrm.Page.ui.process API
-             */
-            export interface ProcessManager
-            {
-                /**
-                 * Sets display state of the process flow control.
-                 *
-                 * @param   {string}    displayState   Display state of the process flow control, as either "expanded" or "collapsed"
-                 */
-                setDisplayState(displayState: ui.DisplayState ): void;
-
-                /**
-                 * Sets the visibility state.
-                 *
-                 * @param   {boolean}   visible true to show, false to hide.
-                 */
-                setVisible( visible: boolean ): void;
-            }
-
-            /**
-             * Interface for a grid.  Use Grid methods to access information about data in the grid. Grid is returned by the
-             * GridControl.getGrid method.
-             */
-            export interface Grid
-            {
-                /**
-                 * Returns a collection of every GridRow in the Grid.
-                 *
-                 * @return  The rows.
-                 */
-                getRows(): Collection.ItemCollection<GridRow>;
-
-                /**
-                 * Returns a collection of every selected GridRow in the Grid.
-                 *
-                 * @return  The selected rows.
-                 */
-                getSelectedRows(): Collection.ItemCollection<GridRow>;
-
-                /**
-                 * Returns the total number of records in the Grid.
-                 *
-                 * @return  The total record count.
-                 */
-                getTotalRecordCount(): number;
-            }
-
-            /**
-             * Interface for a grid row.  Use the GridRow.getData method to access the GridRowData. A collection of GridRow is
-             * returned by Grid.getRows and Grid.getSelectedRows methods.
-             */
-            export interface GridRow
-            {
-                /**
-                 * Returns the GridRowData for the GridRow.
-                 *
-                 * @return  The data.
-                 */
-                getData(): GridRowData;
-            }
-
-            /**
-             * Interface for grid row data.  Use the GridRowData.getEntity method to access the GridEntity. GridRowData is
-             * returned by the GridRow.getData method.
-             */
-            export interface GridRowData
-            {
-                /**
-                 * Returns the GridEntity for the GridRowData.
-                 *
-                 * @return  The entity.
-                 */
-                getEntity(): GridEntity;
-            }
-
-            /**
-             * Interface for a grid entity.  Use the GridEntity methods to access data about the specific records in the rows.
-             * GridEntity is returned by the GridRowData.getEntity method.
-             */
-            export interface GridEntity
-            {
-                /**
-                 * Returns the logical name for the record in the row.
-                 *
-                 * @return  The entity name.
-                 */
-                getEntityName(): string;
-
-                /**
-                 * Returns a LookupValue that references this record.
-                 *
-                 * @return  The entity reference.
-                 */
-                getEntityReference(): LookupValue;
-
-                /**
-                 * Returns the id for the record in the row.
-                 *
-                 * @return  The identifier of the GridEntity, in GUID format.
-                 *
-                 * @remarks Example return: "{00000000-0000-0000-0000-000000000000}"
-                 */
-                getId(): string;
-
-                /**
-                 * Returns the primary attribute value for the record in the row.  (Commonly the name.)
-                 *
-                 * @return  The primary attribute value.
-                 */
-                getPrimaryAttributeValue(): string;
-            }
-
-            /**
-             * Interface for the view selector.  Use the ViewSelector methods to get or set information about the view selector
-             * of the grid control.
-             */
-            export interface ViewSelector
-            {
-                /**
-                 * Use this method to get a reference to the current view.
-                 *
-                 * @return  The current view.
-                 */
-                getCurrentView(): ViewSelectorItem;
-
-                /**
-                 * Use this method to determine whether the view selector is visible.
-                 *
-                 * @return  true if visible, false if not.
-                 */
-                isVisible(): boolean;
-
-                /**
-                 * Use this method to set the current view.
-                 *
-                 * @param   {ViewSelectorItem}  viewSelectorItem    The view selector item.
-                 */
-                setCurrentView( viewSelectorItem: ViewSelectorItem ): void;
-            }
-
-            /**
-             * Interface for a view selector item.  This object contains data that identifies a view. Use this as a parameter to
-             * the ViewSelector.setCurrentView method.
-             */
-            export interface ViewSelectorItem
-            {
-                /**
-                 * Returns a LookupValue that references this view.
-                 *
-                 * @return  The entity reference.
-                 */
-                getEntityReference(): LookupValue;
-            }
-        }
-
-        /**
-         * Interface for a navigation item.
-         *
-         * @sa  UiElement
-         * @sa  UiFocusable
-         */
-        export interface NavigationItem extends UiElement, UiFocusable
-        {
-            /**
-             * Gets the name of the item.
-             *
-             * @return  The identifier.
-             */
-            getId(): string;
-        }
-
-        /**
-         * Interface for Xrm.Page.ui.navigation.
-         */
-        export interface Navigation
-        {
-            /**
-             * A reference to the collection of available navigation items.
-             */
-            items: Collection.ItemCollection<NavigationItem>;
-        }
-
-        /**
-         * Interface for an entity's form selector item.
-         */
-        export interface FormItem
-        {
-            /**
-             * Gets the unique identifier of the form.
-             *
-             * @return  The identifier, in Guid format.
-             */
-            getId(): string;
-
-            /**
-             * Gets the label for the form.
-             *
-             * @return  The label.
-             */
-            getLabel(): string;
-
-            /**
-             * Navigates the user to this form.
-             */
-            navigate(): void;
-        }
-
-        /**
-         * Interface for the form selector API.
-         */
-        export interface FormSelector
-        {
-            /**
-             * Gets current form.
-             *
-             * @return  The current item.
-             *
-             * @remarks When only one form is available this method will return null.
-             */
-            getCurrentItem(): FormItem;
-
-            /**
-             * A reference to the collection of available forms.
-             */
-            items: Collection.ItemCollection<FormItem>;
-        }
-    }
-
-    /**
-     * An definition module for URL-based, CRM component parameters.
-     *
-     * @see {@link http://msdn.microsoft.com/en-us/library/gg328483.aspx} for details.
-     */
-    export module Url
-    {
-        /**
-         * Command Bar Display options for Xrm.Url.FormOpenParameters.cmdbar, Xrm.Url.ViewOpenParameters.cmdbar, and Xrm.Utility.FormOpenParameters.cmdbar.
-         */
-        export type CmdBarDisplay = "true" | "false";
-        /**
-         * Navigation Bar Display options for Xrm.Url.FormOpenParameters.navbar, Xrm.Url.ViewOpenParameters.navbar, and Xrm.Utility.FormOpenParameters.navbar.
-         */
-        export type NavBarDisplay = "entity" | "off" | "on";
-        /**
-         * Report Open Action options for Xrm.Url.ReportOpenParameters.actions.
-         */
-        export type ReportAction = "filter" | "run";
-
-        /**
-         * Interface for defining parameters on a request to open a form with main.aspx (as with
-         * window.open). Useful for parsing the keys and values into a string of the format:
-         * "&key=value".
-         *
-         * @see {@link http://msdn.microsoft.com/en-us/library/gg328483.aspx} for details.
-         *
-         * @remarks  A member for "pagetype" is not provided.  The value "entityrecord" is required in
-         *           the URL, for forms. Example:  "pagetype=entityrecord"
-         */
-        export interface FormOpenParameters
-        {
-            /**
-             * The logical name of the entity.
-             */
-            etn: string;
-
-            /**
-             * Additional parameters can be provided to the request. This can only be used to provide
-             * default field values for the form, or pass data to custom parameters that have been
-             * customized for the form.  See example below for setting the selected form.
-             *
-             * @remarks Example:  encodeURIComponent( "formid={8c9f3e6f-7839-e211-831e-00155db7d98f}" );
-             */
-            extraqs?: string;
-
-            /**
-             * Controls whether the command bar is displayed.
-             * Accepted values are: "true"    (The command bar is displayed.)
-             *                      "false"   (The command bar is not displayed.)
-             */
-            cmdbar?: CmdBarDisplay;
-
-            /**
-             * Controls whether the Navigation bar is displayed on the form.
-             * Accepted values are: "on"      (The navigation bar is displayed.)
-             *                      "off"     (The navigation bar is not displayed.)
-             *                      "entity"  (On an entity form, only the navigation options for related
-             *                                entities are available.)
-             */
-            navbar?: NavBarDisplay;
-        }
-
-        /**
-         * Interface for defining parameters on a request to open a view with main.aspx (as with
-         * window.open). Useful for parsing the keys and values into a string of the format:
-         * "&key=value".
-         *
-         * @see {@link http://msdn.microsoft.com/en-us/library/gg328483.aspx} for details.
-         *
-         * @remarks  A member for "pagetype" is not provided.  The value "entitylist" is required in
-         *           the URL, for views. Example:  "pagetype=entitylist"
-         */
-        export interface ViewOpenParameters
-        {
-            /**
-             * The logical name of the entity.
-             */
-            etn: string;
-
-            /**
-             * The unique identifier of a view, in Guid format, which is valid for the entity described by
-             * {@link etn}.
-             */
-            viewid: string;
-
-            /**
-             * The type of view identified by {@link viewid}.
-             *
-             * @remarks  Accepted values are:    1039    System View
-             *                                   4230    User View.
-             */
-            viewtype: XrmEnum.ViewType;
-
-            /**
-             * Controls whether the command bar is displayed.
-             * Accepted values are: "true"    (The command bar is displayed.)
-             *                      "false"   (The command bar is not displayed.)
-             */
-            cmdbar?: CmdBarDisplay;
-
-            /**
-             * Controls whether the Navigation bar is displayed on the form.
-             * Accepted values are: "on"      (The navigation bar is displayed.)
-             *                      "off"     (The navigation bar is not displayed.)
-             *                      "entity"  (On an entity form, only the navigation options for related
-             *                                entities are available.)
-             */
-            navbar?: NavBarDisplay;
-        }
-
-        /**
-         * Interface for defining parameters of a request to open a dialog with rundialog.aspx (as with
-         * window.open).  Useful for parsing the keys and values into a string of the format:
-         * "&key=value".
-         *
-         * @see {@link http://msdn.microsoft.com/en-us/library/gg328483.aspx} for details.
-         */
-        export interface DialogOpenParameters
-        {
-            /**
-             * The unique identifier of the dialog, in Guid format, which is valid for the entity described
-             * by: {@link EntityName}
-             */
-            DialogId: string;
-
-            /**
-             * The logical name of the entity.
-             */
-            EntityName: string;
-
-            /**
-             * The unique identifier for the targeted record.
-             */
-            ObjectId: string;
-        }
-
-        /**
-         * Interface for defining parameters of a request to open a report with viewer.apsx (as with
-         * window.open).  Useful for parsing out the keys and values into a string of the format:
-         * "&key=value"
-         *
-         * @see {@link http://msdn.microsoft.com/en-us/library/gg328483.aspx} for details.
-         */
-        export interface ReportOpenParameters
-        {
-            /**
-             * The action to perform, as either "run" or "filter".
-             *
-             * @remarks  "run"       Executes the report with default filters.
-             *           "filter"    Presents the user with the filter editor, and a "Run Report" button.
-             */
-            action: ReportAction;
-
-            /**
-             * The file name of the report.  For out-of-box reports, this parameter enables context-sensitive
-             * help.
-             */
-            helpID?: string;
-
-            /**
-             * The unique identifier, held in the report's 'reportid' attribute, in Guid format.
-             */
-            id: string;
-        }
-    }
-
-    /**
-     * The Xrm.Utility API
-     *
-     * @see {@link http://msdn.microsoft.com/en-us/library/gg328255.aspx|Documentation} for details.
-     */
-    export module Utility
-    {
-        export interface OpenParameters
-        {
-            /**
-             * Additional parameters can be provided to the request, by overloading
-             * this object with additional key and value pairs. This can only be used
-             * to provide default field values for the form, or pass data to custom
-             * parameters that have been customized for the form.
-             */
-            [index: string]: string;
-        }
-
-        /**
-         * Interface for defining parameters on a Xrm.Utility.openEntityForm() request.
-         */
-        export interface FormOpenParameters extends OpenParameters
-        {
-            /**
-             * The identifier of the form to use, when several are available.
-             */
-            formid?: string;
-
-            /**
-             * Controls whether the Navigation bar is displayed on the form.
-             * Accepted values are: "on"      (The navigation bar is displayed.)
-             *                      "off"     (The navigation bar is not displayed.)
-             *                      "entity"  (On an entity form, only the navigation options for related
-             *                                entities are available.)
-             */
-            navbar?: Url.NavBarDisplay;
-
-            /**
-             * Controls whether the command bar is displayed.
-             * Accepted values are: "true"    (The command bar is displayed.)
-             *                      "false"   (The command bar is not displayed.)
-             */
-            cmdbar?: Url.CmdBarDisplay;
-        }
-
-        /**
-         * Interface for window options.
-         */
-        export interface WindowOptions
-        {
-            /**
-             * Direct the form to open in a new window.
-             */
-            openInNewWindow: boolean;
-        }
-    }
-}
-
-declare namespace XrmEnum
-{
-    /**
-     * Enumeration of entity form states/types.
-     */
-    export const enum FormType
-    {
-        Undefined = 0,
-        Create = 1,
-        Update = 2,
-        ReadOnly = 3,
-        Disabled = 4,
-        BulkEdit = 6
-    }
-
-    /**
-     * Enumeration of entity form save modes.
-     */
-    export const enum SaveMode
-    {
-        Save = 1,
-        SaveAndClose = 2,
-        SaveAndNew = 59,
-        AutoSave = 70,
-        SaveAsCompleted = 58,
-        Deactivate = 5,
-        Reactivate = 6,
-        Assign = 47,
-        Send = 7,
-        Qualify = 16,
-        Disqualify = 15
-    }
-
-    /**
-     * Enumeration of stage categories.
-     */
-    export const enum StageCategory
-    {
-        Qualify = 0,
-        Develop = 1,
-        Propose = 2,
-        Close = 3,
-        Identify = 4,
-        Research = 5,
-        Resolve = 6
-    }
-
-    /**
-     * Enumeration of grid control context resolutions.
-     */
-    export const enum GridControlContext
-    {
-        Unknown = 0,
-        RibbonContextForm = 1,
-        RibbonContextListing = 2,
-        FormContextUnrelated = 3,
-        FormContextRelated = 4
-    }
-
-    /**
-     * An enumeration for view types.
-     */
-    export const enum ViewType
-    {
-        SystemView = 1039,
-        UserView = 4230
-    }
-}
diff --git a/xrm/v7/index.d.ts b/xrm/v7/index.d.ts
index cf5b92c57c..ee9d45b252 100644
--- a/xrm/v7/index.d.ts
+++ b/xrm/v7/index.d.ts
@@ -1,10 +1,228 @@
-// Type definitions for Microsoft Dynamics xRM API v7.0
+// Type definitions for Microsoft Dynamics xRM API v7.1
 // Project: http://www.microsoft.com/en-us/download/details.aspx?id=44567
-// Definitions by: David Berry <https://github.com/6ix4our/>, Matt Ngan <https://github.com/mattngan/>
+// Definitions by: David Berry <https://github.com/6ix4our/>, Matt Ngan <https://github.com/mattngan/>, Markus Mauch <https://github.com/markusmauch/>, Daryl LaBar <https://github.com/daryllabar>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+declare var Xrm: Xrm.XrmStatic;
+declare function GetGlobalContext(): Xrm.Context;
+
+interface Window
+{
+    Xrm: Xrm.XrmStatic;
+    GetGlobalContext(): Xrm.Context;
+}
+
 declare namespace Xrm
 {
+    /**
+     * Static xRM object.
+     */
+    export interface XrmStatic
+    {
+        /**
+         * Provides a namespace container for the context, data and ui objects.
+         */
+        Page: {
+            /**
+             * Provides methods to retrieve information specific to an organization, a user, or parameters passed to a page.
+             */
+            context: Context;
+
+            /**
+             * Provides methods to work with the form.
+             */
+            data: Data;
+
+            /**
+             * Contains properties and methods to retrieve information about the user interface as well as collections for several subcomponents of the form.
+             */
+            ui: Ui;
+
+            /**
+             * Gets all attributes.
+             *
+             * @return  An array of attributes.
+             */
+            getAttribute(): Page.Attribute[];
+
+            /**
+             * Gets an attribute matching attributeName.
+             *
+             * @tparam  T   An Attribute type.
+             * @param   {string}    attributeName   Name of the attribute.
+             *
+             * @return  The attribute.
+             */
+            getAttribute<T extends Page.Attribute>( attributeName: string ): T;
+
+            /**
+             * Gets an attribute matching attributeName.
+             *
+             * @param   {string}    attributeName   Name of the attribute.
+             *
+             * @return  The attribute.
+             */
+            getAttribute( attributeName: string ): Page.Attribute;
+
+            /**
+             * Gets an attribute by index.
+             *
+             * @param   {number}    index   The attribute index.
+             *
+             * @return  The attribute.
+             */
+            getAttribute( index: number ): Page.Attribute;
+
+            /**
+             * Gets an attribute.
+             *
+             * @param   {Collection.MatchingDelegate{Attribute}}    delegateFunction    A matching delegate function
+             *
+             * @return  An array of attribute.
+             */
+            getAttribute( delegateFunction: Collection.MatchingDelegate<Page.Attribute> ): Page.Attribute[];
+
+            /**
+             * Gets all controls.
+             *
+             * @return  An array of controls.
+             */
+            getControl(): Page.Control[];
+
+            /**
+             * Gets a control matching controlName.
+             *
+             * @tparam  T   A Control type
+             * @param   {string}    controlName Name of the control.
+             *
+             * @return  The control.
+             */
+            getControl<T extends Page.Control>( controlName: string ): T;
+
+            /**
+             * Gets a control matching controlName.
+             *
+             * @param   {string}    controlName Name of the control.
+             *
+             * @return  The control.
+             */
+            getControl( controlName: string ): Page.Control;
+
+            /**
+             * Gets a control by index.
+             *
+             * @param   {number}    index   The control index.
+             *
+             * @return  The control.
+             */
+            getControl( index: number ): Page.Control;
+
+            /**
+             * Gets a control.
+             *
+             * @param   {Collection.MatchingDelegate{Control}}  delegateFunction    A matching delegate function.
+             *
+             * @return  An array of control.
+             */
+            getControl( delegateFunction: Collection.MatchingDelegate<Page.Control> ): Page.Control[];
+        }
+
+        /**
+         * Provides a container for useful functions not directly related to the current page.
+         */
+        Utility: {
+            /**
+             * Displays an alert dialog, with an "OK" button.
+             *
+             * @param   {string}        message         The message.
+             * @param   {function()}    onCloseCallback The "OK" callback.
+             */
+            alertDialog( message: string, onCloseCallback: () => void ): void;
+
+            /**
+             * Displays a confirmation dialog, with "OK" and "Cancel" buttons.
+             *
+             * @param   {string}        message             The message.
+             * @param   {function()}    yesCloseCallback    The "OK" callback.
+             * @param   {function()}    noCloseCallback     The "Cancel" callback.
+             */
+            confirmDialog( message: string, yesCloseCallback: () => void, noCloseCallback: () => void ): void;
+
+            /**
+             * Query if 'entityType' is an Activity entity.
+             *
+             * @param   {string}    entityType  Type of the entity.
+             *
+             * @return  true if the entity is an Activity, false if not.
+             */
+            isActivityType( entityType: string ): boolean;
+
+            /**
+             * Opens quick create.
+             *
+             * @param   {Function}  callback                    The function that will be called when a record is created. This
+             *                                                  function is passed a LookupValue object as a parameter.
+             * @param   {string}    entityLogicalName           The logical name of the entity to create.
+             * @param   {Page.LookupValue}  createFromEntity    (Optional) Designates a record that will provide default values
+             *                                                  based on mapped attribute values.
+             * @param   {OpenParameters}    parameters          (Optional) A dictionary object that passes extra query string
+             *                                                  parameters to the form. Invalid query string parameters will cause an
+             *                                                  error.
+             */
+            openQuickCreate(
+                callback: ( recordReference: Page.LookupValue ) => void,
+                entityLogicalName: string,
+                createFromEntity?: Page.LookupValue,
+                parameters?: Utility.OpenParameters ): void;
+
+            /**
+             * Opens an entity form.
+             *
+             * @param   {string}    name                The entity's logical name.
+             * @param   {string}    id                  (Optional) The unique identifier for the record.
+             * @param   {FormParameters}    parameters  (Optional) A dictionary object that passes extra query string parameters to the form.
+             * @param   {WindowOptions} windowOptions   (Optional) Options for controlling the window.
+             */
+            openEntityForm( name: string, id?: string, parameters?: Utility.FormOpenParameters, windowOptions?: Utility.WindowOptions ): void;
+
+            /**
+             * Opens an HTML Web Resource in a new browser window.
+             *
+             * @param   {string}    webResourceName Name of the HTML web resource. Can be used to pass URL
+             *                                      parameters.  See Remarks.
+             * @param   {string}    webResourceData (Optional) Data to pass into the Web Resource's data parameter.
+             *                                                 It is advised to use encodeURIcomponent() to encode the value.
+             * @param   {number}    width           (Optional) The width of the new window.
+             * @param   {number}    height          (Optional) The height of the new window.
+             *
+             * @return  A Window reference, containing the opened Web Resource.
+             *
+             * @remarks This function will not work with Microsoft Dynamics CRM for tablets.
+             *          Valid WebResource URL Parameters:   typename
+             *                                              type
+             *                                              id
+             *                                              orgname
+             *                                              userlcid
+             *                                              data (identical to this method's webResourceData parameter)
+             *                                              formid
+             */
+            openWebResource( webResourceName: string, webResourceData?: string, width?: number, height?: number ): Window;
+        }
+    }
+
+    /**
+     * Client Types for Xrm.Page.context.getClient().
+     */
+    export type Client = "Web" | "Outlook" | "Mobile";
+    /**
+     * Client States for Xrm.Page.context.getClientState().
+     */
+    export type ClientState = "Online" | "Offline";
+    /**
+     * Themes for Xrm.Page.context.getCurrentTheme().
+     */
+    export type Theme = "default" | "Office12Blue" | "Office14Silver";
+
     /**
      * Interface for the client context.
      */
@@ -15,20 +233,20 @@ declare namespace Xrm
          *
          * @return  The client, as either "Web", "Outlook", or "Mobile"
          */
-        getClient(): string;
+        getClient(): Client;
 
         /**
          * Gets client's current state.
          *
          * @return  The client state, as either "Online" or "Offline"
          */
-        getClientState(): string;
+        getClientState(): ClientState;
     }
 
     /**
      * Interface for the xRM application context.
      */
-    export interface Context
+    interface Context
     {
         /**
          * The client's context instance.
@@ -52,7 +270,7 @@ declare namespace Xrm
          *
          * @remarks This function does not work with Dynamics CRM for tablets.
          */
-        getCurrentTheme(): string;
+        getCurrentTheme(): Theme;
 
         /**
          * Gets whether automatic save is enabled.
@@ -86,6 +304,13 @@ declare namespace Xrm
          */
         getQueryStringParameters(): { [index: string]: any };
 
+        /**
+         * Returns the difference between the local time and Coordinated Universal Time (UTC).
+         *
+         * @return  The time zone offset, in minutes.
+         */
+        getTimeZoneOffsetMinutes(): number;
+
         /**
          * Gets user's unique identifier.
          *
@@ -132,6 +357,128 @@ declare namespace Xrm
         prependOrgName( sPath: string ): string;
     }
 
+    /**
+     * Interface for the Xrm.Page.data object.
+     */
+    export interface Data
+    {
+        /**
+         * Asynchronously refreshes data on the form, without reloading the page.
+         *
+         * @param   {boolean}   save    true to save the record, after the refresh.
+         *
+         * @return  An Async.XrmPromise.
+         */
+        refresh( save: boolean ): Async.XrmPromise;
+
+        /**
+         * Asynchronously saves the record.
+         *
+         * @return  An Async.XrmPromise.
+         */
+        save(): Async.XrmPromise;
+
+        /**
+         * The record context of the form.
+         */
+        entity: Page.Entity;
+
+        /**
+         * The process API for Xrm.Page.data.
+         *
+         * @remarks This member may be undefined when Process Flows are not used by the current entity.
+         */
+        process: Page.data.ProcessManager;
+    }
+
+    /**
+     * Interface for the Xrm.Page.ui object.
+     */
+    export interface Ui
+    {
+        /**
+         * Clears the form notification described by uniqueId.
+         *
+         * @param   {string}    uniqueId    Unique identifier.
+         *
+         * @return  true if it succeeds, otherwise false.
+         */
+        clearFormNotification( uniqueId: string ): boolean;
+
+        /**
+         * Closes the form.
+         */
+        close(): void;
+
+        /**
+         * Gets form type.
+         *
+         * @return  The form type.
+         *
+         * @remarks     Values returned are: 0  Undefined
+         *                                   1  Create
+         *                                   2  Update
+         *                                   3  Read Only
+         *                                   4  Disabled
+         *                                   6  Bulk Edit
+         *              Deprecated values are 5 (Quick Create), and 11 (Read Optimized)
+         */
+        getFormType(): XrmEnum.FormType;
+
+        /**
+         * Gets view port height.
+         *
+         * @return  The view port height, in pixels.
+         *
+         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+         */
+        getViewPortHeight(): number;
+
+        /**
+         * Gets view port width.
+         *
+         * @return  The view port width, in pixels.
+         *
+         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+         */
+        getViewPortWidth(): number;
+
+        /**
+         * Re-evaluates the ribbon's configured EnableRules
+         *
+         * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+         */
+        refreshRibbon(): void;
+
+        setFormNotification(message: string, level: Page.ui.FormNotificationLevel | string, uniqueId: string ): boolean;
+
+        process: Page.ui.ProcessManager;
+
+        /**
+         * A reference to the collection of controls on the form.
+         */
+        controls: Collection.ItemCollection<Page.Control>;
+
+        /**
+         * The form selector API.
+         *
+         * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
+         */
+        formSelector: Page.FormSelector;
+
+        /**
+         * The navigation API.
+         *
+         * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
+         */
+        navigation: Page.Navigation;
+
+        /**
+         * A reference to the collection of tabs on the form.
+         */
+        tabs: Collection.ItemCollection<Page.Tab>;
+    }
+
     /**
      *  A definition module for asynchronous interface declarations.
      */
@@ -271,50 +618,25 @@ declare namespace Xrm
     export module Page
     {
         /**
-         * Enumeration of entity form states/types.
+         * Requirement Level for Xrm.Page.Attribute.getRequiredLevel() and Xrm.Page.Attribute.setRequiredLevel().
          */
-        export const enum FormType
-        {
-            Undefined = 0,
-            Create = 1,
-            Update = 2,
-            ReadOnly = 3,
-            Disabled = 4,
-            BulkEdit = 6
-        }
+        export type RequirementLevel = "none" | "recommended" | "required";
+        /**
+         * Save Modes for Xrm.Page.Entity.save().
+         */
+        export type SaveMode = "saveandclose" | "saveandnew";
+        /**
+         * Status for Xrm.Page.Stage.getStatus().
+         */
+        export type Status = "active" | "inactive";
+        /**
+         * Submit Mode for Xrm.Page.Attribute.getSubmitMode() and Xrm.Page.Attribute.setSubmitMode().
+         */
+        export type SubmitMode = "always" | "dirty" | "never";
 
         /**
-         * Enumeration of entity form save modes.
+         * Interface for a CRM Business Process Flow instance.
          */
-        export const enum SaveMode
-        {
-            Save = 1,
-            SaveAndClose = 2,
-            SaveAndNew = 59,
-            AutoSave = 70,
-            SaveAsCompleted = 58,
-            Deactivate = 5,
-            Reactivate = 6,
-            Assign = 47,
-            Send = 7,
-            Qualify = 16,
-            Disqualify = 15
-        }
-
-        /**
-         * Enumeration of stage categories.
-         */
-        export const enum StageCategory
-        {
-            Qualify = 0,
-            Develop = 1,
-            Propose = 2,
-            Close = 3,
-            Identify = 4,
-            Research = 5,
-            Resolve = 6
-        }
-
         export interface Process
         {
             /**
@@ -359,7 +681,7 @@ declare namespace Xrm
              *
              * @return  The stage category.
              */
-            getCategory(): { getValue(): StageCategory };
+            getCategory(): { getValue(): XrmEnum.StageCategory };
 
             /**
              * Returns the logical name of the entity associated with the stage.
@@ -391,7 +713,7 @@ declare namespace Xrm
              *
              * @remarks  This method will return either "active" or "inactive".
              */
-            getStatus(): string;
+            getStatus(): Status;
 
             /**
              * Returns a collection of steps in the stage.
@@ -464,7 +786,7 @@ declare namespace Xrm
              *
              * @return  The event source.
              */
-            getEventSource(): Xrm.Page.Attribute | Xrm.Page.Entity;
+            getEventSource(): Attribute | Control | Entity;
 
             /**
              * Gets the shared variable with the specified key.
@@ -578,12 +900,9 @@ declare namespace Xrm
             text: string;
 
             /**
-             * The value, as a string.
-             *
-             * @remarks     You must use parseInt to convert this value to a number before you can use it to
-             *              set the value of an OptionSetAttribute.
+             * The value, as a number
              */
-            value: string;
+            value: number;
         }
 
         /**
@@ -690,7 +1009,7 @@ declare namespace Xrm
              *
              * @return  The required level, as either "none", "required", or "recommended"
              */
-            getRequiredLevel(): string;
+            getRequiredLevel(): RequirementLevel;
 
             /**
              * Gets current submit mode for the attribute.
@@ -699,7 +1018,7 @@ declare namespace Xrm
              *
              * @remarks The default value is "dirty"
              */
-            getSubmitMode(): string;
+            getSubmitMode(): SubmitMode;
 
             /**
              * Gets the current user's privileges for the attribute.
@@ -715,54 +1034,12 @@ declare namespace Xrm
              */
             removeOnChange( handler: ContextSensitiveHandler ): void;
 
-            /**
-             * Sets required level.
-             *
-             * @param   {"none"}    requirementLevel    Not required.
-             */
-            setRequiredLevel( requirementLevel: "none" ): void;
-
-            /**
-             * Sets required level.
-             *
-             * @param   {"required"}    requirementLevel    Required.
-             */
-            setRequiredLevel( requirementLevel: "required" ): void;
-
-            /**
-             * Sets required level.
-             *
-             * @param   {"recommended"}    requirementLevel    Recommended.
-             */
-            setRequiredLevel( requirementLevel: "recommended" ): void;
-
             /**
              * Sets the required level.
              *
              * @param   {string}    requirementLevel    The requirement level, as either "none", "required", or "recommended"
              */
-            setRequiredLevel( requirementLevel: string ): void;
-
-            /**
-             * Sets submit mode.
-             *
-             * @param   {"always"}    submitMode  Always submit this attribute.
-             */
-            setSubmitMode( submitMode: "always" ): void;
-
-            /**
-             * Sets submit mode.
-             *
-             * @param   {"never"}    submitMode  Never submit this attribute.
-             */
-            setSubmitMode( submitMode: "never" ): void;
-
-            /**
-             * Sets submit mode.
-             *
-             * @param   {"dirty"}    submitMode  Submit this attribute when changed.
-             */
-            setSubmitMode( submitMode: "dirty" ): void;
+            setRequiredLevel(requirementLevel: RequirementLevel | string): void;
 
             /**
              * Sets the submit mode.
@@ -771,7 +1048,7 @@ declare namespace Xrm
              *
              * @remarks The default value is "dirty"
              */
-            setSubmitMode( submitMode: string ): void;
+            setSubmitMode(submitMode: SubmitMode | string): void;
 
             /**
              * A collection of all the controls on the form that interface with this attribute.
@@ -1092,27 +1369,13 @@ declare namespace Xrm
              */
             save(): void;
 
-            /**
-             * Saves the record with the given save mode.
-             *
-             * @param   {"saveandclose"}    saveMode    Saves the record, and closes the form.
-             */
-            save( saveMode: "saveandclose" ): void;
-
-            /**
-             * Saves the record with the given save mode.
-             *
-             * @param   {"saveandnew"}  saveMode    Saves the record, and opens a blank form.
-             */
-            save( saveMode: "saveandnew" ): void;
-
             /**
              * Saves the record with the given save mode.
              *
              * @param   {string}    saveMode    (Optional) the save mode to save, as either "saveandclose" or
              *                                  "saveandnew".
              */
-            save( saveMode: string ): void;
+            save( saveMode: SaveMode | string): void;
 
             /**
              * The collection of attributes for the record.
@@ -1142,7 +1405,7 @@ declare namespace Xrm
              *                               16     Qualify (Lead)
              *                               15     Disqualify (Lead)
              */
-            getSaveMode(): SaveMode;
+            getSaveMode(): XrmEnum.SaveMode;
 
             /**
              * Returns a boolean value to indicate if the record's save has been prevented.
@@ -1178,7 +1441,7 @@ declare namespace Xrm
                 /**
                  * Set a Process as the active process.
                  *
-                 * @param   {string}    processId           the Id of the process to make the active process.
+                 * @param   {string}    processId           The Id of the process to make the active process.
                  * @param   {function}  callbackFunction    (Optional) a function to call when the operation is complete.
                  */
                 setActiveProcess( processId: string, callbackFunction?: ProcessCallbackDelegate ): void;
@@ -1214,30 +1477,59 @@ declare namespace Xrm
                  * Use this method to asynchronously retrieve the enabled business process flows that the user can switch to for an
                  * entity.
                  *
-                 * @param   {Function} callbackFunction                                 The callback function must accept a parameter
-                 *                                                                      that contains an object with dictionary
-                 *                                                                      properties where the name of the property is the
-                 *                                                                      Id of the business process flow and the value of
-                 *                                                                      the property is the name of the business process
-                 *                                                                      flow.
-                 *
-                 *                                                                      The enabled processes are filtered according to
-                 *                                                                      the user’s privileges. The list of enabled
-                 *                                                                      processes is the same ones a user can see in the
-                 *                                                                      UI if they want to change the process manually.
+                 * @param   {Function} callbackFunction The callback function must accept a parameter that contains an object with 
+                 *                                      dictionary properties where the name of the property is the Id of the
+                 *                                      business process flow and the value of the property is the name of the
+                 *                                      business process flow.
+                 *                                      
+                 *                                      The enabled processes are filtered according to the user’s privileges. The
+                 *                                      list of enabled processes is the same ones a user can see in the UI if they
+                 *                                      want to change the process manually.
                  */
                 getEnabledProcesses( callbackFunction: ( enabledProcesses: ProcessDictionary ) => void ): void;
 
+                /**
+                 * Use this method to get the currently selected stage.
+                 *
+                 * @return  The currently selected stage.
+                 */
+                getSelectedStage(): Stage;
+
                 /**
                  * Use this to add a function as an event handler for the OnStageChange event so that it will be called when the
                  * business process flow stage changes.
-                 *
-                 * @param   {ContextSensitiveHandler}   handler The function will be added to the bottom of the event handler
-                 *                                              pipeline. The execution context is automatically set to be the first
-                 *                                              parameter passed to the event handler.
+                 * @param   {ContextSensitiveHandler}   handler The function will be added to the bottom of the event
+                 *                                              handler pipeline. The execution context is automatically
+                 *                                              set to be the first parameter passed to the event handler.
+                 * 
+                 *                                              Use a reference to a named function rather than an
+                 *                                              anonymous function if you may later want to remove the
+                 *                                              event handler.
                  */
                 addOnStageChange( handler: ContextSensitiveHandler ): void;
 
+                /**
+                 * Use this to add a function as an event handler for the OnStageSelected event so that it will be called
+                 * when a business process flow stage is selected.
+                 *
+                 * @param   {ContextSensitiveHandler}   handler The function will be added to the bottom of the event
+                 *                                              handler pipeline. The execution context is automatically
+                 *                                              set to be the first parameter passed to the event handler.
+                 * 
+                 *                                              Use a reference to a named function rather than an
+                 *                                              anonymous function if you may later want to remove the
+                 *                                              event handler.
+                 */
+                addOnStageSelected(handler: ContextSensitiveHandler): void;
+
+                /**
+                 * Use this to remove a function as an event handler for the OnStageChange event.
+                 *
+                 * @param   {ContextSensitiveHandler}   handler If an anonymous function is set using the addOnStageChange method it
+                 *                                              cannot be removed using this method.
+                 */
+                removeOnStageChange(handler: ContextSensitiveHandler): void;
+
                 /**
                  * Use this to remove a function as an event handler for the OnStageChange event.
                  *
@@ -1280,34 +1572,6 @@ declare namespace Xrm
              * Represents a key-value pair, where the key is the Process Flow's ID, and the value is the name thereof.
              */
             export type ProcessDictionary = { [index: string]: string };
-
-            /**
-             * Asynchronously refreshes data on the form, without reloading the page.
-             *
-             * @param   {boolean}   save    true to save the record, after the refresh.
-             *
-             * @return  An Async.XrmPromise.
-             */
-            export function refresh( save: boolean ): Async.XrmPromise;
-
-            /**
-             * Asynchronously saves the record.
-             *
-             * @return  An Async.XrmPromise.
-             */
-            export function save(): Async.XrmPromise;
-
-            /**
-             * The record context of the form.
-             */
-            export var entity: Entity;
-
-            /**
-             * The process API for Xrm.Page.data.
-             *
-             * @remarks This member may be undefined when Process Flows are not used by the current entity.
-             */
-            export var process: ProcessManager;
         }
 
         /**
@@ -1315,7 +1579,7 @@ declare namespace Xrm
          *
          * @sa  UiElement
          */
-        export interface Control extends UiElement
+        export interface Control extends UiElement, UiFocusable
         {
             /**
              * Clears the notification identified by uniqueId.
@@ -1340,6 +1604,7 @@ declare namespace Xrm
              *                               webresource
              *                               notes
              *                               timercontrol
+             *                               kbsearch (CRM Online Only, use parature.d.ts)
              */
             getControlType(): string;
 
@@ -1434,6 +1699,13 @@ declare namespace Xrm
              */
             getAttribute(): DateAttribute;
 
+            /**
+             * Gets the status of the time-of-day component of the Date control.
+             *
+             * @return  true if the time is shown, otherwise false.
+             */
+            getShowTime(): boolean;
+
             /**
              * Sets the visibility of the time component of the Date control.
              *
@@ -1454,7 +1726,7 @@ declare namespace Xrm
              *
              * @param   {Function}  handler The handler.
              */
-            addPreSearch( handler: () => void ): void;
+            addPreSearch( handler: ContextSensitiveHandler ): void;
 
             /**
              * Adds an additional custom filter to the lookup, with the "AND" filter operator.
@@ -1570,12 +1842,54 @@ declare namespace Xrm
          */
         export interface GridControl extends Control
         {
+            /**
+             * Use this method to add event handlers to the GridControl's OnLoad event.
+             *
+             * @param   {Function} handler The event handler.
+             */
+            addOnLoad( handler: () => void ): void;
+
+            /**
+             * This method returns context information about the GridControl.
+             *
+             * @return  The context type.
+             */
+            getContextType(): XrmEnum.GridControlContext;
+
+            /**
+             * Use this method to get the logical name of the entity data displayed in the grid.
+             *
+             * @return  The entity name.
+             */
+            getEntityName(): string;
+
+            /**
+             * Use this method to get access to the Grid available in the GridControl.
+             *
+             * @return  The grid.
+             */
+            getGrid(): ui.Grid;
+
+            /**
+             * Use this method to get access to the ViewSelector available for the GridControl when it is configured to display views.
+             *
+             * @return  The view selector.
+             */
+            getViewSelector(): ui.ViewSelector;
+
             /**
              * Refreshes the sub grid.
              *
              * @remarks Not available during the "on load" event of the form.
              */
             refresh(): void;
+
+            /**
+             * Use this method to remove event handlers from the GridControl's OnLoad event.
+             *
+             * @param   {Function} handler The handler.
+             */
+            removeOnLoad( handler: () => void ): void;
         }
 
         /**
@@ -1681,7 +1995,7 @@ declare namespace Xrm
              *
              * @return  The display state, as either "expanded" or "collapsed"
              */
-            getDisplayState(): string;
+            getDisplayState(): ui.DisplayState;
 
             /**
              * Gets the name of the tab.
@@ -1695,28 +2009,14 @@ declare namespace Xrm
              *
              * @return  The parent.
              */
-            getParent(): typeof ui;
-
-            /**
-             * Sets display state of the tab.
-             *
-             * @param   {"collapsed"}   displayState    Collapsed tab.
-             */
-            setDisplayState( displayState: "collapsed" ): void;
-
-            /**
-             * Sets display state of the tab.
-             *
-             * @param   {"expanded"}    displayState    Expanded tab.
-             */
-            setDisplayState( displayState: "expanded" ): void;
+            getParent(): Ui;
 
             /**
              * Sets display state of the tab.
              *
              * @param   {string}    displayState   Display state of the tab, as either "expanded" or "collapsed"
              */
-            setDisplayState( displayState: string ): void;
+            setDisplayState(displayState: ui.DisplayState | string ): void;
 
             /**
              * A reference to the collection of form sections within this tab.
@@ -1756,31 +2056,27 @@ declare namespace Xrm
          */
         export module ui
         {
+            /**
+             * Form Notification Levels for Xrm.Ui.setFormNotification().
+             */
+            export type FormNotificationLevel = "ERROR" | "INFO" | "WARNING";
+
+            /**
+             * Display States for Xrm.ui.ProcessMonitor.setDisplayState().
+             */
+            export type DisplayState = "collapsed" | "expanded";
+
             /**
              * Interface for Xrm.Page.ui.process API
              */
             export interface ProcessManager
             {
-                /**
-                 * Sets display state of the process flow control.
-                 *
-                 * @param   {"collapsed"}   displayState    Collapsed process flow control.
-                 */
-                setDisplayState( displayState: "collapsed" ): void;
-
-                /**
-                 * Sets display state of the process flow control.
-                 *
-                 * @param   {"expanded"}    displayState    Expanded process flow control.
-                 */
-                setDisplayState( displayState: "expanded" ): void;
-
                 /**
                  * Sets display state of the process flow control.
                  *
                  * @param   {string}    displayState   Display state of the process flow control, as either "expanded" or "collapsed"
                  */
-                setDisplayState( displayState: string ): void;
+                setDisplayState(displayState: ui.DisplayState ): void;
 
                 /**
                  * Sets the visibility state.
@@ -1791,128 +2087,139 @@ declare namespace Xrm
             }
 
             /**
-             * Clears the form notification described by uniqueId.
-             *
-             * @param   {string}    uniqueId    Unique identifier.
-             *
-             * @return  true if it succeeds, otherwise false.
+             * Interface for a grid.  Use Grid methods to access information about data in the grid. Grid is returned by the
+             * GridControl.getGrid method.
              */
-            export function clearFormNotification( uniqueId: string ): boolean;
+            export interface Grid
+            {
+                /**
+                 * Returns a collection of every GridRow in the Grid.
+                 *
+                 * @return  The rows.
+                 */
+                getRows(): Collection.ItemCollection<GridRow>;
+
+                /**
+                 * Returns a collection of every selected GridRow in the Grid.
+                 *
+                 * @return  The selected rows.
+                 */
+                getSelectedRows(): Collection.ItemCollection<GridRow>;
+
+                /**
+                 * Returns the total number of records in the Grid.
+                 *
+                 * @return  The total record count.
+                 */
+                getTotalRecordCount(): number;
+            }
 
             /**
-             * Closes the form.
+             * Interface for a grid row.  Use the GridRow.getData method to access the GridRowData. A collection of GridRow is
+             * returned by Grid.getRows and Grid.getSelectedRows methods.
              */
-            export function close(): void;
+            export interface GridRow
+            {
+                /**
+                 * Returns the GridRowData for the GridRow.
+                 *
+                 * @return  The data.
+                 */
+                getData(): GridRowData;
+            }
 
             /**
-             * Gets form type.
-             *
-             * @return  The form type.
-             *
-             * @remarks     Values returned are: 0  Undefined
-             *                                   1  Create
-             *                                   2  Update
-             *                                   3  Read Only
-             *                                   4  Disabled
-             *                                   6  Bulk Edit
-             *              Deprecated values are 5 (Quick Create), and 11 (Read Optimized)
+             * Interface for grid row data.  Use the GridRowData.getEntity method to access the GridEntity. GridRowData is
+             * returned by the GridRow.getData method.
              */
-            export function getFormType(): FormType;
+            export interface GridRowData
+            {
+                /**
+                 * Returns the GridEntity for the GridRowData.
+                 *
+                 * @return  The entity.
+                 */
+                getEntity(): GridEntity;
+            }
 
             /**
-             * Gets view port height.
-             *
-             * @return  The view port height, in pixels.
-             *
-             * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+             * Interface for a grid entity.  Use the GridEntity methods to access data about the specific records in the rows.
+             * GridEntity is returned by the GridRowData.getEntity method.
              */
-            export function getViewPortHeight(): number;
+            export interface GridEntity
+            {
+                /**
+                 * Returns the logical name for the record in the row.
+                 *
+                 * @return  The entity name.
+                 */
+                getEntityName(): string;
+
+                /**
+                 * Returns a LookupValue that references this record.
+                 *
+                 * @return  The entity reference.
+                 */
+                getEntityReference(): LookupValue;
+
+                /**
+                 * Returns the id for the record in the row.
+                 *
+                 * @return  The identifier of the GridEntity, in GUID format.
+                 *
+                 * @remarks Example return: "{00000000-0000-0000-0000-000000000000}"
+                 */
+                getId(): string;
+
+                /**
+                 * Returns the primary attribute value for the record in the row.  (Commonly the name.)
+                 *
+                 * @return  The primary attribute value.
+                 */
+                getPrimaryAttributeValue(): string;
+            }
 
             /**
-             * Gets view port width.
-             *
-             * @return  The view port width, in pixels.
-             *
-             * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+             * Interface for the view selector.  Use the ViewSelector methods to get or set information about the view selector
+             * of the grid control.
              */
-            export function getViewPortWidth(): number;
+            export interface ViewSelector
+            {
+                /**
+                 * Use this method to get a reference to the current view.
+                 *
+                 * @return  The current view.
+                 */
+                getCurrentView(): ViewSelectorItem;
+
+                /**
+                 * Use this method to determine whether the view selector is visible.
+                 *
+                 * @return  true if visible, false if not.
+                 */
+                isVisible(): boolean;
+
+                /**
+                 * Use this method to set the current view.
+                 *
+                 * @param   {ViewSelectorItem}  viewSelectorItem    The view selector item.
+                 */
+                setCurrentView( viewSelectorItem: ViewSelectorItem ): void;
+            }
 
             /**
-             * Re-evaluates the ribbon's configured EnableRules
-             *
-             * @remarks This method does not work with Microsoft Dynamics CRM for tablets.
+             * Interface for a view selector item.  This object contains data that identifies a view. Use this as a parameter to
+             * the ViewSelector.setCurrentView method.
              */
-            export function refreshRibbon(): void;
-
-            /**
-             * Sets a form-level notification.
-             *
-             * @param   {string}    message     The message.
-             * @param   {"ERROR"}   level       An error message.
-             * @param   {string}    uniqueId    A unique identifier for the message.
-             *
-             * @return  true if it succeeds, false if it fails.
-             */
-            export function setFormNotification( message: string, level: "ERROR", uniqueId: string ): boolean;
-
-            /**
-             * Sets a form-level notification.
-             *
-             * @param   {string}    message     The message.
-             * @param   {"WARNING"} level       A warning message.
-             * @param   {string}    uniqueId    A unique identifier for the message.
-             *
-             * @return  true if it succeeds, false if it fails.
-             */
-            export function setFormNotification( message: string, level: "WARNING", uniqueId: string ): boolean;
-
-            /**
-             * Sets a form-level notification.
-             *
-             * @param   {string}    message     The message.
-             * @param   {"INFO"}    level       An informational message.
-             * @param   {string}    uniqueId    A unique identifier for the message.
-             *
-             * @return  true if it succeeds, false if it fails.
-             */
-            export function setFormNotification( message: string, level: "INFO", uniqueId: string ): boolean;
-
-            /**
-             * Sets a form-level notification.
-             *
-             * @param   {string}    message     The message.
-             * @param   {string}    level       The level, as either "ERROR", "WARNING", or "INFO".
-             * @param   {string}    uniqueId    A unique identifier for the message.
-             *
-             * @return  true if it succeeds, otherwise false.
-             */
-            export function setFormNotification( message: string, level: string, uniqueId: string ): boolean;
-
-            export var process: ProcessManager;
-
-            /**
-             * A reference to the collection of controls on the form.
-             */
-            export var controls: Collection.ItemCollection<Control>;
-
-            /**
-             * The form selector API.
-             *
-             * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
-             */
-            export var formSelector: FormSelector;
-
-            /**
-             * The navigation API.
-             *
-             * @remarks This API does not exist with Microsoft Dynamics CRM for tablets.
-             */
-            export var navigation: Navigation;
-
-            /**
-             * A reference to the collection of tabs on the form.
-             */
-            export var tabs: Collection.ItemCollection<Tab>;
+            export interface ViewSelectorItem
+            {
+                /**
+                 * Returns a LookupValue that references this view.
+                 *
+                 * @return  The entity reference.
+                 */
+                getEntityReference(): LookupValue;
+            }
         }
 
         /**
@@ -1986,99 +2293,6 @@ declare namespace Xrm
              */
             items: Collection.ItemCollection<FormItem>;
         }
-
-        /**
-         * A reference to the xRM application context.
-         */
-        export var context: Context;
-
-        /**
-         * Gets all attributes.
-         *
-         * @return  An array of attributes.
-         */
-        export function getAttribute(): Attribute[];
-
-        /**
-         * Gets an attribute matching attributeName.
-         *
-         * @tparam  T   An Attribute type.
-         * @param   {string}    attributeName   Name of the attribute.
-         *
-         * @return  The attribute.
-         */
-        export function getAttribute<T extends Attribute>( attributeName: string ): T;
-
-        /**
-         * Gets an attribute matching attributeName.
-         *
-         * @param   {string}    attributeName   Name of the attribute.
-         *
-         * @return  The attribute.
-         */
-        export function getAttribute( attributeName: string ): Attribute;
-
-        /**
-         * Gets an attribute by index.
-         *
-         * @param   {number}    index   The attribute index.
-         *
-         * @return  The attribute.
-         */
-        export function getAttribute( index: number ): Attribute;
-
-        /**
-         * Gets an attribute.
-         *
-         * @param   {Collection.MatchingDelegate{Attribute}}    delegateFunction    A matching delegate function
-         *
-         * @return  An array of attribute.
-         */
-        export function getAttribute( delegateFunction: Collection.MatchingDelegate<Attribute> ): Attribute[];
-
-        /**
-         * Gets all controls.
-         *
-         * @return  An array of controls.
-         */
-        export function getControl(): Control[];
-
-        /**
-         * Gets a control matching controlName.
-         *
-         * @tparam  T   A Control type
-         * @param   {string}    controlName Name of the control.
-         *
-         * @return  The control.
-         */
-        export function getControl<T extends Control>( controlName: string ): T;
-
-        /**
-         * Gets a control matching controlName.
-         *
-         * @param   {string}    controlName Name of the control.
-         *
-         * @return  The control.
-         */
-        export function getControl( controlName: string ): Control;
-
-        /**
-         * Gets a control by index.
-         *
-         * @param   {number}    index   The control index.
-         *
-         * @return  The control.
-         */
-        export function getControl( index: number ): Control;
-
-        /**
-         * Gets a control.
-         *
-         * @param   {Collection.MatchingDelegate{Control}}  delegateFunction    A matching delegate function.
-         *
-         * @return  An array of control.
-         */
-        export function getControl( delegateFunction: Collection.MatchingDelegate<Control> ): Control[];
     }
 
     /**
@@ -2089,13 +2303,17 @@ declare namespace Xrm
     export module Url
     {
         /**
-         * An enumeration for view types.
+         * Command Bar Display options for Xrm.Url.FormOpenParameters.cmdbar, Xrm.Url.ViewOpenParameters.cmdbar, and Xrm.Utility.FormOpenParameters.cmdbar.
          */
-        export const enum ViewType
-        {
-            SystemView = 1039,
-            UserView = 4230
-        }
+        export type CmdBarDisplay = "true" | "false";
+        /**
+         * Navigation Bar Display options for Xrm.Url.FormOpenParameters.navbar, Xrm.Url.ViewOpenParameters.navbar, and Xrm.Utility.FormOpenParameters.navbar.
+         */
+        export type NavBarDisplay = "entity" | "off" | "on";
+        /**
+         * Report Open Action options for Xrm.Url.ReportOpenParameters.actions.
+         */
+        export type ReportAction = "filter" | "run";
 
         /**
          * Interface for defining parameters on a request to open a form with main.aspx (as with
@@ -2128,7 +2346,7 @@ declare namespace Xrm
              * Accepted values are: "true"    (The command bar is displayed.)
              *                      "false"   (The command bar is not displayed.)
              */
-            cmdbar?: string;
+            cmdbar?: CmdBarDisplay;
 
             /**
              * Controls whether the Navigation bar is displayed on the form.
@@ -2137,7 +2355,7 @@ declare namespace Xrm
              *                      "entity"  (On an entity form, only the navigation options for related
              *                                entities are available.)
              */
-            navbar?: string;
+            navbar?: NavBarDisplay;
         }
 
         /**
@@ -2169,14 +2387,14 @@ declare namespace Xrm
              * @remarks  Accepted values are:    1039    System View
              *                                   4230    User View.
              */
-            viewtype: ViewType;
+            viewtype: XrmEnum.ViewType;
 
             /**
              * Controls whether the command bar is displayed.
              * Accepted values are: "true"    (The command bar is displayed.)
              *                      "false"   (The command bar is not displayed.)
              */
-            cmdbar?: string;
+            cmdbar?: CmdBarDisplay;
 
             /**
              * Controls whether the Navigation bar is displayed on the form.
@@ -2185,7 +2403,7 @@ declare namespace Xrm
              *                      "entity"  (On an entity form, only the navigation options for related
              *                                entities are available.)
              */
-            navbar?: string;
+            navbar?: NavBarDisplay;
         }
 
         /**
@@ -2229,7 +2447,7 @@ declare namespace Xrm
              * @remarks  "run"       Executes the report with default filters.
              *           "filter"    Presents the user with the filter editor, and a "Run Report" button.
              */
-            action: string;
+            action: ReportAction;
 
             /**
              * The file name of the report.  For out-of-box reports, this parameter enables context-sensitive
@@ -2270,7 +2488,7 @@ declare namespace Xrm
             /**
              * The identifier of the form to use, when several are available.
              */
-            formid: string;
+            formid?: string;
 
             /**
              * Controls whether the Navigation bar is displayed on the form.
@@ -2279,80 +2497,94 @@ declare namespace Xrm
              *                      "entity"  (On an entity form, only the navigation options for related
              *                                entities are available.)
              */
-            navbar?: string;
+            navbar?: Url.NavBarDisplay;
 
             /**
              * Controls whether the command bar is displayed.
              * Accepted values are: "true"    (The command bar is displayed.)
              *                      "false"   (The command bar is not displayed.)
              */
-            cmdbar?: string;
+            cmdbar?: Url.CmdBarDisplay;
         }
 
         /**
-         * Displays an alert dialog, with an "OK" button.
-         *
-         * @param   {string}        message         The message.
-         * @param   {function()}    onCloseCallback The "OK" callback.
+         * Interface for window options.
          */
-        export function alertDialog( message: string, onCloseCallback: () => void ): void;
-
-        /**
-         * Displays a confirmation dialog, with "OK" and "Cancel" buttons.
-         *
-         * @param   {string}        message             The message.
-         * @param   {function()}    yesCloseCallback    The "OK" callback.
-         * @param   {function()}    noCloseCallback     The "Cancel" callback.
-         */
-        export function confirmDialog( message: string, yesCloseCallback: () => void, noCloseCallback: () => void ): void;
-
-        /**
-         * Query if 'entityType' is an Activity entity.
-         *
-         * @param   {string}    entityType  Type of the entity.
-         *
-         * @return  true if the entity is an Activity, false if not.
-         */
-        export function isActivityType( entityType: string ): boolean;
-
-        /**
-         * Opens an entity form.
-         *
-         * @param   {string}    name                The entity's logical name.
-         * @param   {string}    id                  (Optional) The unique identifier for the record.
-         * @param   {FormParameters}    parameters  (Optional) A dictionary object that passes extra query string parameters to the form.
-         */
-        export function openEntityForm( name: string, id?: string, parameters?: FormOpenParameters ): void;
-
-        /**
-         * Opens an HTML Web Resource in a new browser window.
-         *
-         * @param   {string}    webResourceName Name of the HTML web resource. Can be used to pass URL
-         *                                      parameters.  See Remarks.
-         * @param   {string}    webResourceData (Optional) Data to pass into the Web Resource's data parameter.
-         *                                                 It is advised to use encodeURIcomponent() to encode the value.
-         * @param   {number}    width           (Optional) The width of the new window.
-         * @param   {number}    height          (Optional) The height of the new window.
-         *
-         * @return  A Window reference, containing the opened Web Resource.
-         *
-         * @remarks This function will not work with Microsoft Dynamics CRM for tablets.
-         *          Valid WebResource URL Parameters:   typename
-         *                                              type
-         *                                              id
-         *                                              orgname
-         *                                              userlcid
-         *                                              data (identical to this method's webResourceData parameter)
-         *                                              formid
-         */
-        export function openWebResource( webResourceName: string, webResourceData?: string, width?: number, height?: number ): Window;
+        export interface WindowOptions
+        {
+            /**
+             * Direct the form to open in a new window.
+             */
+            openInNewWindow: boolean;
+        }
     }
 }
 
-/**
- * Gets the xRM application context, for HTML web resources, included by ClientGlobalContext.js.aspx
- * @returns {Xrm.Context}   The application context for the user's current session.
- * @remarks The ClientGlobalContext.js.aspx page will include some global event handlers. These event handlers will
- *          cancel the onselectstart, contextmenu, and ondragstart events.
- */
-declare function GetGlobalContext(): Xrm.Context;
+declare namespace XrmEnum
+{
+    /**
+     * Enumeration of entity form states/types.
+     */
+    export const enum FormType
+    {
+        Undefined = 0,
+        Create = 1,
+        Update = 2,
+        ReadOnly = 3,
+        Disabled = 4,
+        BulkEdit = 6
+    }
+
+    /**
+     * Enumeration of entity form save modes.
+     */
+    export const enum SaveMode
+    {
+        Save = 1,
+        SaveAndClose = 2,
+        SaveAndNew = 59,
+        AutoSave = 70,
+        SaveAsCompleted = 58,
+        Deactivate = 5,
+        Reactivate = 6,
+        Assign = 47,
+        Send = 7,
+        Qualify = 16,
+        Disqualify = 15
+    }
+
+    /**
+     * Enumeration of stage categories.
+     */
+    export const enum StageCategory
+    {
+        Qualify = 0,
+        Develop = 1,
+        Propose = 2,
+        Close = 3,
+        Identify = 4,
+        Research = 5,
+        Resolve = 6
+    }
+
+    /**
+     * Enumeration of grid control context resolutions.
+     */
+    export const enum GridControlContext
+    {
+        Unknown = 0,
+        RibbonContextForm = 1,
+        RibbonContextListing = 2,
+        FormContextUnrelated = 3,
+        FormContextRelated = 4
+    }
+
+    /**
+     * An enumeration for view types.
+     */
+    export const enum ViewType
+    {
+        SystemView = 1039,
+        UserView = 4230
+    }
+}
diff --git a/xrm/parature.d.ts b/xrm/v7/parature.d.ts
similarity index 100%
rename from xrm/parature.d.ts
rename to xrm/v7/parature.d.ts
diff --git a/xrm/v7/tsconfig.json b/xrm/v7/tsconfig.json
index 0e2582bf02..e8865ca8e8 100644
--- a/xrm/v7/tsconfig.json
+++ b/xrm/v7/tsconfig.json
@@ -1,20 +1,23 @@
 {
-    "files": [
-        "index.d.ts",
-        "xrm-v7.0-tests.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": true,
-        "baseUrl": "../",
+        "strictNullChecks": false,
+        "baseUrl": "../../",
         "typeRoots": [
-            "../"
+            "../../"
         ],
         "types": [],
+        "paths": {
+            "xrm": ["xrm/v7"]
+        },
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
+    },
+    "files": [
+        "index.d.ts",
+        "xrm-tests.ts"
+    ]
 }
\ No newline at end of file
diff --git a/xrm/v7.1/xrm-v7.1-tests.ts b/xrm/v7/xrm-tests.ts
similarity index 95%
rename from xrm/v7.1/xrm-v7.1-tests.ts
rename to xrm/v7/xrm-tests.ts
index e962910a96..217414feb4 100644
--- a/xrm/v7.1/xrm-v7.1-tests.ts
+++ b/xrm/v7/xrm-tests.ts
@@ -1,12 +1,11 @@
-/// <reference path="index.d.ts" />
-/// <reference path="../parature.d.ts" />
+/// <reference path="parature.d.ts" />
 
 /// Demonstrate usage in the browser's window object
 
 window.Xrm.Utility.alertDialog( "message", () => {} );
 parent.Xrm.Page.context.getOrgLcid();
 
-/// Demonstrate clientglobalcontext.d.ts 
+/// Demonstrate clientglobalcontext.d.ts
 
 function _getContext()
 {
@@ -41,7 +40,7 @@ grids.forEach(( gridControl: Xrm.Page.GridControl ) =>
     gridControl.getGrid().getSelectedRows().forEach(( row ) =>
     {
         selectedGridReferences.push( row.getData().getEntity().getEntityReference() );
-    });
+    })
 });
 
 /// Demonstrate generic overload vs typecast
@@ -119,7 +118,7 @@ optionSetAttribute.controls.get(0).setFocus();
 
 var level: Xrm.Page.ui.FormNotificationLevel;
 level = "ERROR";
-Xrm.Page.ui.setFormNotification("Test", level, "uniqueId"); 
+Xrm.Page.ui.setFormNotification("Test", level, "uniqueId");
 
 /// Demonstrate Requirement Level and Submit Mode both via string parameters and String Literal Types
 
diff --git a/xrm/v7/xrm-v7-tests.ts b/xrm/v7/xrm-v7-tests.ts
deleted file mode 100644
index 17ae2a3d9a..0000000000
--- a/xrm/v7/xrm-v7-tests.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/// <reference path="index.d.ts" />
-/// <reference path="../parature.d.ts" />
-
-
-function _getContext()
-{
-    var errorMessage = "Context is not available.";
-    if ( typeof GetGlobalContext != "undefined" )
-    { return GetGlobalContext(); }
-    else
-    {
-        if ( typeof Xrm != "undefined" )
-        {
-            return Xrm.Page.context;
-        }
-        else { throw new Error( errorMessage ); }
-    }
-}
-
-var crmContext = _getContext();
-
-var grids = Xrm.Page.getControl(( control ) =>
-{
-    return control.getControlType() === "subgrid";
-});
-
-var selectedGridReferences: Xrm.Page.LookupValue[] = [];
-
-grids.forEach(( gridControl: Xrm.Page.GridControl ) =>
-{
-    gridControl.refresh();
-});
-
-var lookupAttribute = Xrm.Page.getControl<Xrm.Page.LookupControl>( "customerid" );
-
-lookupAttribute.addCustomFilter( `<filter type="and">
-    <condition attribute="address1_city" operator="eq" value="Redmond" />
-</filter>`, "account" );
-
-lookupAttribute.addPreSearch(() => { alert( "A search was performed." ); });
-
-var lookupValues = lookupAttribute.getAttribute().getValue();
-
-if ( lookupValues !== null )
-    if ( !lookupValues[0].id || !lookupValues[0].entityType )
-        throw new Error("Invalid value in Lookup control.");
-
-if (Xrm.Page.data.process != null)
-    Xrm.Page.data.process.moveNext(( status ) => { alert( `Process moved forward with status: ${status}` ) });
-
-Xrm.Page.ui.controls.forEach(( control ) => { control.setVisible( true ); });
-
-Xrm.Page.ui.tabs.forEach(( tab ) =>
-{
-    tab.setVisible( true );
-
-    tab.sections.forEach(( section ) =>
-    {
-        section.setVisible( true );
-    });
-});
-
-Xrm.Page.data.entity.addOnSave(( context ) =>
-{
-    var eventArgs = context.getEventArgs();
-
-    if ( eventArgs.getSaveMode() === Xrm.Page.SaveMode.AutoSave || eventArgs.getSaveMode() === Xrm.Page.SaveMode.SaveAndClose )
-        eventArgs.preventDefault();
-});
-
-alert( `The current form type is: ${Xrm.Page.ui.getFormType() }` );
-
-alert( `The current entity type is: ${Xrm.Page.data.entity.getEntityName() }` );
diff --git a/zeroclipboard/zeroclipboard-1.x.x.d.ts b/zeroclipboard/v1/index.d.ts
similarity index 98%
rename from zeroclipboard/zeroclipboard-1.x.x.d.ts
rename to zeroclipboard/v1/index.d.ts
index 6d5597c1af..a2ad3a5cfb 100644
--- a/zeroclipboard/zeroclipboard-1.x.x.d.ts
+++ b/zeroclipboard/v1/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ZeroClipboard v1.x.x
+// Type definitions for ZeroClipboard 1.3
 // Project: https://github.com/jonrohan/ZeroClipboard
 // Definitions by: Eric J. Smith <https://github.com/ejsmith>, Blake Niemyjski <https://github.com/niemyjski>, György Balássy <https://github.com/balassy>, Leon Yu <https://github.com/leonyu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/zeroclipboard/v1/tsconfig.json b/zeroclipboard/v1/tsconfig.json
new file mode 100644
index 0000000000..4086147a3a
--- /dev/null
+++ b/zeroclipboard/v1/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "noImplicitThis": false,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "zeroclipboard": ["zeroclipboard/v1"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "zeroclipboard-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/zeroclipboard/zeroclipboard-1.x.x-tests.ts b/zeroclipboard/v1/zeroclipboard-tests.ts
similarity index 100%
rename from zeroclipboard/zeroclipboard-1.x.x-tests.ts
rename to zeroclipboard/v1/zeroclipboard-tests.ts